Webデザイナーおよび開発者向けの新鮮なリソース(2017年12月)
“ヘッドレスCMS” 最近注目を集めています。手短に, “ヘッドレスCMS” フロントエンドは扱いません。 CMSのみ コンテンツを公開する 通常 RESTful APIの形で 開発者は、コンテンツをレンダリングするために好みのものは何でも使用できます。この習慣の人気の高まりとともに, それを素早く設定し実行するための新しいフレームワーク.
それで、このまとめで、私はチェックアウトする価値があるいくつかの他の役に立つツールと共にこれらのフレームワークのいくつかをまとめました。.
ヘッドレスWPスターター
これはWordPressのスターターテーマですが、他のものとは異なり、このスターターテーマは コンテンツを取得して静的HTMLにレンダリングするWP-API あなたのウェブサイトを作るNode and Reactを使う “頭のない”.

VueStoreFront
VueStoreFrontは別のものです “ヘッドレスCMS” 枠組み. Vue.jsとNodeの上に構築されています, VueStoreFrontは、APIを通じてMagento、Prestashop、Shopwareなどのeコマースプラットフォーム用に設計されています。それはまたPWAアプローチを取り入れています サイトを使用可能にする オフライン.

ギャツビーJS
ギャツビーは サイトスタティックジェネレータ React.jsで構築されています。コンテンツをフィードするために、WordPress、Markdown、JSONなどのAPIを持つCMSを使用できます。同様に、それはいくつかの最近の技術を利用しています ノード、PWA、そしてReactが信じられないほど速くロードすることを可能にします.

ダストプレス
DustPressは 近代的な開発アプローチを備えたWordPressスターターテーマ. Dust.jsテンプレート言語を利用して、DustPressはHTMLテンプレートレイアウトをPHPロジックから分離し、開発者がよりクリーンなコードを作成できるようにします。それはまた作ります より早く、より保守しやすく、テーマに体系的な構造を与える.

VSCodeアイコン
Visual Studio Codeはすぐに最も人気のあるコードエディタの1つになりました。それは 軽量で、たくさんのプラグインがあり、今ではさまざまなアイコンの選択があります. デフォルトのVisual Studio Codeアイコンがつまらないと感じる場合は、これらのアイコンのいずれかに切り替えます。.

TailWindCSS
TailWindCSSは別のCSSフレームワークです。しかし、それはUIコンポーネントを提供しないという点でBootstrapやFoundationのような一般的なCSSフレームワークとは異なります。代わりに, TailWindCSSには、あなたがあなた自身のUIを構成することを可能にするCSSクラスの小さな断片が付属しています.

トラフィク
私はDockerを試していて、ドメイン名を単一のマシン上のいくつかの異なるコンテナにルーティングする方法を考えていました。それから私はTraefikを見つけました、 最新のHTTPリバースプロキシとロードバランサ. Docker以外にも、Kubernetes、Rancher、Amazon Elastic Containerなどの他のサービスもサポートしています。.

CubeUI
Vue.jsの上に構築されたCubeUIは、 モバイルアプリを構築するための素晴らしいUIコンポーネント. Button、Popup、TimePicker、Slide、Checkboxなどの多くのコンポーネントで構成されています。各コンポーネントはTestUnitで装備されており、継続的な統合と 各コンポーネントのバグを最小限に抑える.

空気
Airは最小限のWordPressスターターテーマです。 _sを拡張すると、Airは次のようないくつかの追加コンポーネントを追加します。 スライド、スティッキーナビゲーションバー、およびWooCommerce対応.

EmptyStates
EmptyStatesは Webおよびモバイルアプリの空の状態ページのコレクション インスピレーションのために。空の状態のページは見落とされがちな種類のページです.

ショートカットデザイン
このウェブサイトは ポピュラーなアプリケーションのショートカット集 開発者やデザイナーが使用するツール。ここにはSketch、Photoshop、InDesign、Sublime Text、WordPress、その他たくさんのショートカットがあります。の リストには現在macOSのショートカットしか含まれていません, しかし、Windowsのショートカットも一緒に追加するのを見るのは素晴らしいことです。.

不気味
Uppyは ファイルアップロードインターフェイスを構築するためのJavaScriptフレームワーク. Uppyを使えば、ローカルドライブからだけでなく、Googleドライブ、Dropbox、Instagram、その他のサービスのような外部ストレージサービスからもファイルを取り出すことができます。それは 軽量、モジュール式、そしてカスタムプラグインで拡張可能.

VuetifyJS
VuetifyJSはJohn Leiderからのイニシアチブです。 Vue.jsの周囲に材料設計を構築する. GoogleはMDLやMaterial Design Liteと同様のイニシアチブを取っていますが、コミュニティやIT業界で十分な支持を得ているようには見えません。 開発はここ数カ月間で非常に遅く進行しているようです. あなたが代替手段を探しているのであれば、VuetifyJSは正しい選択かもしれません.

WP ULike
WPのようなものです 追加するWordPressプラグイン “好き” あなたのコンテンツに 組み込みのWordPressの投稿タイプ、カスタムの投稿タイプ、およびbbPress、ならびにBuddyPressかどうか。それはまた他のいくつかのクールな機能が付属しています 通知システム、分析、およびウィジェット それはそれを最も説得力のあるものの1つにします “好き” あなたのWordPressサイト用のシステム.

Vee Validate
Vee ValidateはJavaScriptライブラリです。 検証ビルトインを使用して入力フィールドを追加します。. Eメール、番号、日付、URL、IPアドレスなど、さまざまな種類の入力をサポートしています。.

Vueデータテーブル
もう一つの便利なVue.jsプラグイン。 VueDataTablesは構築するためのシンプルなプラグインです。 Vue.jsによるカスタマイズ可能でページング可能なテーブル. このプラグインは、テーブル上の大量のデータを完璧にレンダリングできることを念頭に置いて構築されています。それはまた出荷されます ページネーション、サーチボックス、フィルターのようなあなたのテーブルをパワーアップするためのいくつかの追加コンポーネント.

グーグラー
グーグラーは コマンドラインからGoogleで検索を実行できるCLI. インターフェースと同様に、タイトル、説明、URL、およびページ付けも取得します。それはmacOSとLinuxパワーユーザーのための便利なツールです.

ボルトCMS
ボルトはPHPで構築されたCMSです。それは 設定が簡単、テンプレートエンジンとしてTwigを使用、PHP7を完全にサポート、カスタマイズが簡単 簡単なYAMLファイルを通して。全体的に私はおもしろそうです。私はチャンスがあるときは必ずそれをさらに探索するためにある程度の時間を費やします.

テレタイプ
テレタイプはAtomエディターからの新しい新しいイニシアチブです。この新機能により、次のことが可能になります。 コードを書く上であなたの仲間と協力する. それを使用するには、あなたは公式のテレタイププラグインをインストールする必要があります。.

プライヤー
Plyr(プレーヤーと発音)は サイズがわずか10 KBの最新のメディアプレーヤーライブラリ. これで、HTMLビデオとオーディオプレーヤー、YoutubeとVimeo、そしてライブストリーミングメディアをカスタマイズすることができます。それはより計画された積極的な開発中です WistiaとFacebookの埋め込みビデオのサポートを追加する機能.
