【React on Rails】React と Rails を利用してTODOアプリを作成しよう(PART4)How to create a Rails project with a React

Опубликовано: 14 Март 2026
на канале: FarStep【プログラミング講座】
2,637
40

ついに本シリーズの最終回です!

ご意見、ご質問はコメント欄もしくは Twitter の DM までお願いします。(返信できない場合がございます。ご了承ください。)
動画のコードが見辛い場合は、画質を上げてください。GitHub のコードを見ながら実装することをオススメします。

↓前回・前々回の動画はこちら
   • 【React on Rails】React と Rails を利用してTODOアプリ...  

↓今回作成したアプリのソースコードはこちら(GitHub)。
https://github.com/Farstep/todo_app

↓今回のメモはこちら(HackMD)。
https://hackmd.io/KDMj08X7QIqkTcs37rE...

↓Twitter
  / 8skeedvthfocczy  

【バージョン】
Ruby:2.7.0
Rails:6.1.3
yarn:1.22.4
React:17.0.1

↓「【プログラミング入門】Ruby on Rails でウェブアプリを作ってみよう」シリーズはこちら(Railsの基本学習にどうぞ)
   • 【プログラミング入門】Ruby on Railsでウェブアプリを作ってみよう  

↓「【Ruby】rails のための Ruby 入門」はこちら
   • 【Ruby】rails のための Ruby 入門(初心者必見!)  

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

↓「【Ruby on Rails】レベルアップ講座(非同期処理・API・Session)」シリーズはこちら
   • 【Ruby on Rails】レベルアップ講座(非同期処理・API・Session)  

↓【Ruby on Rails】params[:id] とは?(初心者〜中級者向け) Where does params[:id] come from in rails?
   • 【Ruby on Rails】params[:id] とは?(初心者〜中級者向け)W...  

↓【Rails】redirect_to と render の違い(初心者向け)The difference between Render and Redirect_to in Rails
   • 【Rails】redirect_to と render の違い(初心者向け)The ...  

↓【React入門】概要〜環境構築〜カウントアプリの作成(初心者向け)React Tutorial For Beginners
   • 【React入門】概要〜環境構築〜カウントアプリの作成(初心者向け)React Tu...  

↓「Reactで写真検索機能を作ろうシリーズ」はこちら(useStateとuseEffectの基本的な使い方を学ぶことができます。)
   • React で写真検索機能を作ってみよう  

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


【Ruby on Rails の環境構築について】
↓Cloud9による環境構築の詳細はこちら。(Ruby on Rails チュートリアル)
https://railstutorial.jp/chapters/beg...

↓ローカルでの環境構築はこちら。(Rails Girls インストール・レシピ)
https://railsgirls.jp/install

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

↓動画内で使用させていただいている power point
https://thepopp.com/templates/arcturus/

#rubyonrails#rails#react