スタイルガイドを作り運用しています。運用を始めてみてどうだったか?を、みんなのウェディング、松久(@kamonegi1977)から紹介します。SCSSファイルからも生成できます。配布されているというのがあります。使って運用されています。実際に運用してみてわかったことがあります。ファイルに書いたコメントからスタイルガイドが作られることがデザインシステムを運用する時に、とても役立つということです。今までは、スタイルガイドの追加・更新作業はスタイルを定義する定義したことを説明するファイルにサンプルを書くという2ステップでした。1と2を一緒にすることができます。スタイルガイドもプロダクトのコードで一緒に管理するのでプルリクエストで、追加変更を行います。そのため、プルリクエストから「足りない説明」がないか、サンプルコードや参考例も一緒に合わせて話すことができます。運用していて悩んだことがあります。よる動きや、設定方法もサンプルコードに入れたい、ということに、その時はすぐに答えられなかったことです。利用するようにしています。使えるようにしたい、と考えました。利用することができません。用に用意することにしました。する可能性もあるためです。設定を追加することができます。用に増やすようにしています。実行する設定も用意しておきます。組み合わせて使っていることをお話ししました。みんなのウェデイングでは、Stimulusを利用しています。使う選択肢はとりませんでした。教えていただき利用しています。シンプルなツールですが、SCSSからスタイルガイドを生成することができ、運用しやすいツールです。デザインガイドと実装が一緒になることで、デザインとコードの保守がしやすいのは、大変ありがたいです。シンプルなツールで他のツールとも一緒に使いやすいツールなので、デザインシステムの一歩目に取り入れやすいツールです。(2019年12月01日)twitterfacebookhatenabookmark最新の記事みんなのウェディングはEKSで動いていますタイポグラフィとCSSのスタイル宣言2019年新卒エンジニア研修もそろそろ終盤です。