【プログラミング入門】React で写真検索機能を作ってみよう ~ PART 2(useState & useEffect) ~ Let's build with React ~

Опубликовано: 17 Июль 2026
на канале: FarStep【プログラミング講座】
3,425
56

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

↓前回の動画はこちら
   • 【プログラミング入門】React で写真検索機能を作ってみよう ~ PART 1(u...  

↓Reactの環境構築に関する動画はこちら
   • 【React入門】概要〜環境構築〜カウントアプリの作成(初心者向け)React Tu...  

↓今回のアプリ(写真検索機能)のコードはこちら。
https://github.com/Farstep/photo_sear...

↓「【プログラミング入門】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】星レビュー機能を作ろう」シリーズはこちら
   • 【Ruby on Rails】星レビュー機能を作ろう How To Create a...  

↓【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 ...  

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

【バージョン】
・create-react-app:3.4.1
・yarn:1.22.4

【環境】
ローカル

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

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

↓Twitter
  / 8skeedvthfocczy  

#プログラミング#プログラミング入門#react