Your cart is empty.
Keep shopping
React Native入門：ニュースアプリを作りながら覚えよう
Highest Rated
6,305 students
React Native入門：ニュースアプリを作りながら覚えよう
Webの開発経験はあるけどアプリの開発は初めてという方、エンジニアになりたての人にお薦めのReact Native入門講座。2019年に導入されたHooksの記法にも対応。React Native現場歴3年の講師が基礎から丁寧に解説します。
Created byTakahiko Wada
Last updated 11/2025
Japanese
What you'll learn
- React Native + Expoを用いたスピーディな開発手法を習得する
- React Native + Expoを用いて、ニュース閲覧アプリを制作することでスマホアプリ開発の流れを理解できる
- Hooksを用いたコンポーネントの書き方を理解する
- コンポーネントによる再利用性の高いコードを実装する
- APIを利用した実装を習得する
- Reduxによる状態管理を習得し、大規模なアプリも実装できるようになる
- 完成したアプリをApp StoreおよびGoogle Playに申請する
Explore related topics
Course content
10 sections • 57 lectures • 4h 29m total length
Requirements
- macOSが動作するMacが必要です（実機が無くても学習動画の視聴はできます）。
- 本講座では、スマホアプリの開発を行います。実機が手元にあれば、開発結果を直接確認できるのでベストですが、各シュミレータで動作確認を行いますので、必須ではありません。
- 詳しい開発環境については、レクチャー3で紹介していますので、受講前にチェックして下さい。
- 制作したスマホアプリをAppStoreに申請する場合は、apple開発者登録が必要となります。
- 本講座のハンズオンでは、Macを用いて解説を行います。WindowsOSへのサポートはございません。
- 本講座では、JavaScriptの基本的な文法については解説しません。初学者向けのチュートリアル等に挑戦してから受講されることをおすすめします。
Description
~~2023年2月 全編アップデート~~
最新のReact Native環境に合わせて全動画をアップデートしました。
【講座内容】
React Native + Expoを用いたスマホアプリ開発を、環境構築〜ストアへのリリースまで一通り習得することを目指します。
ソフトウェア開発の醍醐味は「自分の描いたサービスを実現できたとき」だと思います。
React Nativeを使うと、そのアイデア着想〜実現までが非常にスムーズになります。
この講座を通して、そんな体験をしていただければと思っています。
コーディングでは実際に「ニュース閲覧アプリ」を作りながら学びます。
シンプルなアプリですが、その中に、
・コンポーネントの設計
・API通信
・Hooksの利用
・Reduxによる状態管理
・画面遷移
などReact Nativeのエッセンスをギュッと濃縮しました。
アプリを開発しながら楽しく学びましょう！
【この講座の対象者】
・Webの開発経験はあるけどアプリの経験はない人
・エンジニア入門者
・React Nativeでの開発を経験してみたい人
【この講座では扱わないこと】
・JavaScriptの基本的な文法
・React Native熟練者向けの内容
【更新情報】
2023/2/5 全動画を最新版にアップデート
2022/8/22 Expoの開発環境構築を更新
2021/7/11 Screenのコードを修正
2021/4/24 付録にページング(スクロールすると次のページを読み込む)を追加しました
2020/10/20 付録にFunctionコンポーネントの色々な書き方、を追加しました
2020/9/27 各レクチャー毎のソースコード(L7~8)を掲載しました
2020/9/24 各レクチャー毎のソースコード(L4~6)を掲載しました
2020/8/16 環境構築のトラブルシュートを追加しました
2020/4/26 News APIの画像が表示されない場合の対応を追加
2020/4/11 TypeScript版のサンプルコードを掲載しました
2020/3/8 React Navigation v5対応のためセクション7を大幅に更新しました
2020/3/8 ReduxのHooks対応のためセクション8の一部を更新しました
2020/2/15 レクチャー39にエラー処理を追記しました
2020/2/11 レクチャー44にreact-navigationのバージョンに関する注意点を追加しました
2020/2/7 レクチャー4にExpoの最新版での注釈を追加しました
2020/2/3 レクチャー46にてHomeScreenの説明が漏れていたので修正しました
Who this course is for:
- Webの開発経験はあるけどアプリの経験はない人
- エンジニア入門者
- React Nativeでの開発を経験してみたい人
- リソースの共通化や工数削減を目的に、React Nativeを用いてクロスプラットフォーム開発に挑戦したい方 スマホアプリ開発の工程を体験したいエンジニア
- 簡単にアプリ開発や検証が可能なExpoを用いたスマホアプリ開発に挑戦したい方
- JavaScriptを用いた開発は得意だけど、スマホアプリ開発は未経験の方
- React Nativeのチュートリアルまでやってみたので、これから本格的なアプリを作りたいエンジニア
- 入門講座をやってみてReact Nativeの雰囲気は掴んだエンジニア