on:2016年10月25日sponsorsWebサイトで実装するさまざまなUIエレメントやコンポーネントのデザインや実装方法をまとめて管理できるスタイルガイドを作成できるシンプルなフレームワークを紹介します。必要に応じて、HTMLのテンプレート、CSSのスタイルシート、使用しているのであればJavaScriptもすべて利用できます。Styleguideのデモページで、どんな感じのスタイルガイドが作成できるか確認できます。Styleguideのデモページスタイルガイドには、ボタン・見出し・テーブル・フォームなどのコンポーネントが定義されています。スタイルガイドの操作は、上部のバーから。上部のバーで操作デバイスのアイコンを選択すると、そのサイズで各コンポーネントが表示されます。表示サイズの変更はかなり快適です。768pxで表示バーの左のアイコンからは、表示するコンポーネントを選択できます。各コンポーネントを実装するコードを表示するには、右のアイコンを選択します。