Materializeなどのフレームワークは手軽に利用できるとは言え、それでも一から始めるのは面倒です。これらのフレームワークを簡単にカスタマイズして利用できる無料の国産サービスを紹介します。ランディングページやブログをさくっと作りたい、ナビゲーションやカード型コンポーネントを利用したいなど、さまざまなテンプレートやテーマを利用できます。Editorは、BootstrapやFoundationなどの人気が高いフレームワークを初心者でも手軽に使えるよう開発された日本製のオンラインツールです。さまざまなページを作成できます。現在利用できるテンプレートは、下記の通り。Bootstrap4のテンプレートFoundationのテンプレートMaterializeのテンプレートAMPのテンプレート元のテンプレートは英語ですが、もちろん日本語のページとして利用できます。Editorには、下記の機能が用意されています。Codeエディタのテーマを変更できます。Templateさまざまなテンプレートを利用できます。Imageローカルの画像を利用できます。Responsiveスマホ・タブレット・デスクトップの表示サイズに対応。Preview編集したコードをすぐにブラウザで表示確認できます。Download編集したデータのファイル一式をダウンロードできます。Save/Load/Clear編集したコードの一時保存、保存したコードを再表示、コードのクリアが可能。使い方は簡単で、登録など面倒なことは不要です。下記ページにアクセスします。Editor上部の「Template」から、さまざまなテンプレートを選択できます。1」を選択してみました。JavaScriptが編集でき、右パネルはリアルタイムに結果が表示されます。ランディングページを編集エディタには、4種類のテーマが用意されています。GitHubやDreamweaver、ダークもあるので、お好みのテーマをご利用ください。エディターのテーマの選択プレビューを変更することも可能です。上部の「Responsive」をクリックします。編集したコードは、セーブ・ロード・クリアが可能で、「Download」をクリックするとファイル一式をダウンロードできます。