【React & Tailwind CSS 入門】ナビゲーションバーを作ろう（初心者向け）React & Tailwind CSS for beginner

Опубликовано: 18 Май 2026
на канале: FarStep【プログラミング講座】

4,247

こんにちは！
今回は React と Tailwind CSS を使って、ナビゲーションバーを作っていきます。

【環境】
・Node.js：16.7.0
・npm：7.20.3

🐱 ソースコードはこちら（GitHub）
https://github.com/FarStep131/navbar-app

📄 今回のメモはこちら（HackMD）
https://hackmd.io/2N7l8kkASK62PSAPMql...

✅ React Icons の公式サイトはこちら
https://react-icons.github.io/react-i...

✅ Tailwind CSS の公式サイトはこちら
https://tailwindcss.com/

🗳「JavaScript & jQuery 入門」シリーズはこちら
   • JavaScript & jQuery 入門

🚀「【プログラミング入門】Ruby on Rails でウェブアプリを作ってみよう」シリーズはこちら（Railsの基本的なことを学ぶことが出来ます）
   • 【プログラミング入門】Ruby on Railsでウェブアプリを作ってみよう

❤️「【Ruby on Rails】いいね機能を作ってみよう」シリーズはこちら（中間テーブルについて学ぶことが出来ます）
   • 【Ruby on Rails】いいね機能を作ってみよう

💙 「【Ruby on Rails】フォロー機能を作ろう」シリーズはこちら（中間テーブルの応用篇です）
   • 【Ruby on Rails】フォロー機能を作ろう（PART2）How to set...

📕「【Ruby on Rails】非同期処理（ajax）を学ぼう」はこちら（非同期処理について学ぶことが出来ます）
   • 【Ruby on Rails】非同期処理（ajax）を学ぼう ~ Let's bui...

📗「【Ruby】rails のための Ruby 入門」はこちら
   • 【Ruby】rails のための Ruby 入門（初心者必見！）

📘「【React on Rails】React と Rails を利用してTODOアプリを作成しよう」シリーズはこちら
   • 【React on Rails】React と Rails を利用してTODOアプリ...

📙「【Ruby on Rails】星レビュー機能を作ろう」シリーズはこちら
   • 【Ruby on Rails】星レビュー機能を作ろう How To Create a...

☁️ Cloud9 による rails 環境構築の詳細はこちら。（Ruby on Rails チュートリアル）
https://railstutorial.jp/chapters/beg...

🐳 docker による rails の環境構築はこちら。
   • 【rails環境構築】docker + rails + mysql で環境構築（初心...

🕊 Twitter
  / 8skeedvthfocczy

#javascript#js#プログラミング