ykob_yapp https://blog.hatena.ne.jp/ykob_yapp/ Yappli Tech Blog https://tech.yappli.io/ フロントエンド こんにちは。フロントエンドエンジニアの小林（baco16g）です。 デザインシステムの構築を進めるにあたり、各種アイコンの再設計する必要があります。 再設計の手段としてGoogle Material Iconsを利用する案が生まれたため、Vueコンポーネントとして自動出力する処理を検討しました。 Google Material Iconsの一覧を取得する アセットURLを作成する Fetcherを作成する VueコンポーネントのBuilderを定義する さいごに Google Material Iconsの一覧を取得する まずは、Google Material Iconsとして定義されているア… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.yappli.io%2Fentry%2Fgoogle-material-icons" title="Google Material IconsをVueコンポーネントとして書き出す - Yappli Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-06-21 12:54:40 rich https://tech.yappli.io/entry/google-material-icons 1.0 100%