Nuxt.js + Tailwind CSS で爆速コーポレートサイト作成

テクノロジーカテゴリーの変更を依頼記事元:

medium.com/@masaakikunsan

22 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

kic-yuuki TailwindCSSよい

2019/04/29 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fmedium.com%2F%40masaakikunsan%2Fnuxt-js-tailwind-css-%25E3%2581%25A7%25E7%2588%2586%25E9%2580%259F%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%259D%25E3%2583%25AC%25E3%2583%25BC%25E3%2583%2588%25E3%2582%25B5%25E3%2582%25A4%25E3%2583%2588%25E4%25BD%259C%25E6%2588%2590-da2564d73f90" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://medium.com/@masaakikunsan/nuxt-js-tailwind-css-%E3%81%A7%E7%88%86%E9%80%9F%E3%82%B3%E3%83%BC%E3%83%9D%E3%83%AC%E3%83%BC%E3%83%88%E3%82%B5%E3%82%A4%E3%83%88%E4%BD%9C%E6%88%90-da2564d73f90">Nuxt.js + Tailwind CSS で爆速コーポレートサイト作成</a><a href="https://b.hatena.ne.jp/entry/s/medium.com/@masaakikunsan/nuxt-js-tailwind-css-%E3%81%A7%E7%88%86%E9%80%9F%E3%82%B3%E3%83%BC%E3%83%9D%E3%83%AC%E3%83%BC%E3%83%88%E3%82%B5%E3%82%A4%E3%83%88%E4%BD%9C%E6%88%90-da2564d73f90">はてなブックマーク - Nuxt.js + Tailwind CSS で爆速コーポレートサイト作成</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

Nuxt.js + Tailwind CSS で爆速コーポレートサイト作成

これから注目されること間違いなしの CSS フレームワークです。 Tailwind CSS では、UI コンポーネント... これから注目されること間違いなしの CSS フレームワークです。 Tailwind CSS では、UI コンポーネントを提供するのではなく、CSS の class を提供するだけなので、用意された class を指定するだけなので簡単に複雑な UI を作成することができます。公式ドキュメントを元に Flex の例を見てみましょう。 class を見るだけで大体なにをしているかわかると思います。 Tailwind CSS を採用した理由僕は、割とフロントエンドには自信があります。デザインもかじってる系です。 UI フレームワークだとちょっといじろうと思うと逆にコストがかかるケースが多く、コンポーネント作成や見た目はこっちでやるから class だけ提供してくれとずっと考えており、そんな中 Tailwind CSS と出会ったので採用しました。英語もできないので正直 class 名を考える