#デジタル庁のデザインシステムをvueで作ってみた search results

個人的に作ってるデジタル庁のデザインシステムのVue実装に「検索ボックス」を追加しました。 ▼サンプル crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた


これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です ▼こちらから試せます crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue

crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue

デジタル庁のデザインシステムのヘッダーコンポーネントを作った いい感じにはできたと思う (レスポンシブ対応はまだ) #デジタル庁のデザインシステムをVueで作ってみた


個人開発中のデジタル庁デザインシステムVue版に新たに「カレンダー」コンポーネントを追加しました。 最新のVer 2.7に向けて猛追中 #デジタル庁のデザインシステムをVueで作ってみた

crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版に新たに「カレンダー」コンポーネントを追加しました。
最新のVer 2.7に向けて猛追中
 #デジタル庁のデザインシステムをVueで作ってみた

一通り、ストーリーブック化はできたかな デプロイ周り整えたらGitHub Pageに公開する #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. 一通り、ストーリーブック化はできたかな
デプロイ周り整えたらGitHub Pageに公開する
#デジタル庁のデザインシステムをVueで作ってみた #個人開発

デジタル庁のデザインシステムのテーブルのデザインをCSSで作成してみる <table>タグの挙動は独特… #デジタル庁のデザインシステムをVueで作ってみた

crayfisher_zari's tweet image. デジタル庁のデザインシステムのテーブルのデザインをCSSで作成してみる

&amp;lt;table&amp;gt;タグの挙動は独特…

#デジタル庁のデザインシステムをVueで作ってみた

個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発

crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発

ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります) crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります)

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発
crayfisher_zari's tweet image. ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります)

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発

個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。 ▼ストーリーブック crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. 個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。

▼ストーリーブック
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発
crayfisher_zari's tweet image. 個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。

▼ストーリーブック
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発

個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました ▼各種コンポーネントはストーリーブックで確認できます crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs

crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs

個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました 内部的にはちょっとリファクタリングもしてたりします #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース crayfisher-zari.github.io/digital-agency…

crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…

デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました 1.4系のコンポーネントは一通り揃えられたかなと思います #個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた github.com/Crayfisher-zar…

crayfisher_zari's tweet image. デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました

1.4系のコンポーネントは一通り揃えられたかなと思います

#個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた

github.com/Crayfisher-zar…
crayfisher_zari's tweet image. デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました

1.4系のコンポーネントは一通り揃えられたかなと思います

#個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた

github.com/Crayfisher-zar…

デジタル庁デザインシステムのVer2.0への準拠ができたはず 今回タイポグラフィのユーティリティクラスを新規追加した github.com/Crayfisher-zar… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue

crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue

個人的に作ってるデジタル庁のデザインシステムのVue実装に「検索ボックス」を追加しました。 ▼サンプル crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた


個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。 ▼ストーリーブック crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. 個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。

▼ストーリーブック
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発
crayfisher_zari's tweet image. 個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。

▼ストーリーブック
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発

個人開発中のデジタル庁デザインシステムVue版に新たに「カレンダー」コンポーネントを追加しました。 最新のVer 2.7に向けて猛追中 #デジタル庁のデザインシステムをVueで作ってみた

crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版に新たに「カレンダー」コンポーネントを追加しました。
最新のVer 2.7に向けて猛追中
 #デジタル庁のデザインシステムをVueで作ってみた

個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発

crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発

デジタル庁デザインシステムのVer2.0への準拠ができたはず 今回タイポグラフィのユーティリティクラスを新規追加した github.com/Crayfisher-zar… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue

crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue

デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました 1.4系のコンポーネントは一通り揃えられたかなと思います #個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた github.com/Crayfisher-zar…

crayfisher_zari's tweet image. デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました

1.4系のコンポーネントは一通り揃えられたかなと思います

#個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた

github.com/Crayfisher-zar…
crayfisher_zari's tweet image. デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました

1.4系のコンポーネントは一通り揃えられたかなと思います

#個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた

github.com/Crayfisher-zar…

個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました 内部的にはちょっとリファクタリングもしてたりします #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース crayfisher-zari.github.io/digital-agency…

crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…

個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました ▼各種コンポーネントはストーリーブックで確認できます crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs

crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs

ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります) crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります)

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発
crayfisher_zari's tweet image. ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります)

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発

これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です ▼こちらから試せます crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue

crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue

一通り、ストーリーブック化はできたかな デプロイ周り整えたらGitHub Pageに公開する #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. 一通り、ストーリーブック化はできたかな
デプロイ周り整えたらGitHub Pageに公開する
#デジタル庁のデザインシステムをVueで作ってみた #個人開発

グローバルメニューのモバイル版も作った(アニメーションは未作成) #デジタル庁のデザインシステムをVueで作ってみた


デジタル庁のデザインシステムのヘッダーコンポーネントを作った いい感じにはできたと思う (レスポンシブ対応はまだ) #デジタル庁のデザインシステムをVueで作ってみた


デジタル庁のデザインシステムのテーブルのデザインをCSSで作成してみる <table>タグの挙動は独特… #デジタル庁のデザインシステムをVueで作ってみた

crayfisher_zari's tweet image. デジタル庁のデザインシステムのテーブルのデザインをCSSで作成してみる

&amp;lt;table&amp;gt;タグの挙動は独特…

#デジタル庁のデザインシステムをVueで作ってみた

これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です ▼こちらから試せます crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue

crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue
crayfisher_zari's tweet image. これまで作ってきたデジタル庁デザインシステムのVue.js実装をストーリーブックにまとめました

まだ作れていないコンポーネントなどもありますが、随時追加修正していく予定です

▼こちらから試せます
crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #vue

個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発

crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発
crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版がデザインシステムのVer 2.0の仕様に対応しました。各コンポーネントをStorybookで公開しています

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発

一通り、ストーリーブック化はできたかな デプロイ周り整えたらGitHub Pageに公開する #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. 一通り、ストーリーブック化はできたかな
デプロイ周り整えたらGitHub Pageに公開する
#デジタル庁のデザインシステムをVueで作ってみた #個人開発

デジタル庁のデザインシステムのテーブルのデザインをCSSで作成してみる <table>タグの挙動は独特… #デジタル庁のデザインシステムをVueで作ってみた

crayfisher_zari's tweet image. デジタル庁のデザインシステムのテーブルのデザインをCSSで作成してみる

&amp;lt;table&amp;gt;タグの挙動は独特…

#デジタル庁のデザインシステムをVueで作ってみた

ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります) crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります)

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発
crayfisher_zari's tweet image. ダークモードとライトモード切り替えボタンを設置したので、各カラースキームでの見た目の確認が楽になりました。(一部、ダークモードは配色が暫定的なものがあります)

crayfisher-zari.github.io/digital-agency…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発

個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました ▼各種コンポーネントはストーリーブックで確認できます crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs

crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs
crayfisher_zari's tweet image. 個人開発で進めているデジタル庁デザインシステムのVue.js実装に「ノーティフィケーションバナー」を追加しました

▼各種コンポーネントはストーリーブックで確認できます
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Web開発 #vuejs

個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました 内部的にはちょっとリファクタリングもしてたりします #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース crayfisher-zari.github.io/digital-agency…

crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…
crayfisher_zari's tweet image. 個人的に進めている、デジタル庁のデザインシステムのVue.jsでの実装に「リソースリスト」コンポーネントを追加しました

内部的にはちょっとリファクタリングもしてたりします

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #オープンソース
crayfisher-zari.github.io/digital-agency…

罪悪感があったのでちょっと進める。デジタル庁のデザインシステムにある、テキストエリア。 #デジタル庁のデザインシステムをVueで作ってみた

crayfisher_zari's tweet image. 罪悪感があったのでちょっと進める。デジタル庁のデザインシステムにある、テキストエリア。

#デジタル庁のデザインシステムをVueで作ってみた

個人開発中のデジタル庁デザインシステムVue版に新たに「カレンダー」コンポーネントを追加しました。 最新のVer 2.7に向けて猛追中 #デジタル庁のデザインシステムをVueで作ってみた

crayfisher_zari's tweet image. 個人開発中のデジタル庁デザインシステムVue版に新たに「カレンダー」コンポーネントを追加しました。
最新のVer 2.7に向けて猛追中
 #デジタル庁のデザインシステムをVueで作ってみた

個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。 ▼ストーリーブック crayfisher-zari.github.io/digital-agency… #デジタル庁のデザインシステムをVueで作ってみた #個人開発

crayfisher_zari's tweet image. 個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。

▼ストーリーブック
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発
crayfisher_zari's tweet image. 個人的に開発しているデジタル庁のデザインシステムのVue実装に「チップラベル」を追加しました。

▼ストーリーブック
crayfisher-zari.github.io/digital-agency…

 #デジタル庁のデザインシステムをVueで作ってみた #個人開発

デジタル庁デザインシステムのVer2.0への準拠ができたはず 今回タイポグラフィのユーティリティクラスを新規追加した github.com/Crayfisher-zar… #デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue

crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue
crayfisher_zari's tweet image. デジタル庁デザインシステムのVer2.0への準拠ができたはず

今回タイポグラフィのユーティリティクラスを新規追加した

github.com/Crayfisher-zar…

#デジタル庁のデザインシステムをVueで作ってみた #個人開発 #Vue

デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました 1.4系のコンポーネントは一通り揃えられたかなと思います #個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた github.com/Crayfisher-zar…

crayfisher_zari's tweet image. デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました

1.4系のコンポーネントは一通り揃えられたかなと思います

#個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた

github.com/Crayfisher-zar…
crayfisher_zari's tweet image. デジタル庁が公式が提供しているReact版とは別に、個人開発してるVue版にプログレスインジケーターのコンポーネントを追加しました

1.4系のコンポーネントは一通り揃えられたかなと思います

#個人開発 #Vue #デジタル庁のデザインシステムをVueで作ってみた

github.com/Crayfisher-zar…

Loading...

Something went wrong.


Something went wrong.


United States Trends