React Native入門：ニュースアプリを作りながら覚えよう/Hooks対応版
What you'll learn
- React Native + Expoを用いたスピーディな開発手法を習得する
- React Native + Expoを用いて、ニュース閲覧アプリを制作することでスマホアプリ開発の流れを理解できる
- Hooksを用いたコンポーネントの書き方を理解する
- コンポーネントによる再利用性の高いコードを実装する
- APIを利用した実装を習得する
- Reduxによる状態管理を習得し、大規模なアプリも実装できるようになる
- 完成したアプリをApp StoreおよびGoogle Playに申請する
Course content
- Preview04:44
- Preview01:08
- Preview00:26
Requirements
- macOSが動作するMacが必要です（実機が無くても学習動画の視聴はできます）。
- 本講座では、スマホアプリの開発を行います。実機が手元にあれば、開発結果を直接確認できるのでベストですが、各シュミレータで動作確認を行いますので、必須ではありません。
- 詳しい開発環境については、レクチャー3で紹介していますので、受講前にチェックして下さい。
- 制作したスマホアプリをAppStoreに申請する場合は、apple開発者登録が必要となります。
- 本講座のハンズオンでは、Macを用いて解説を行います。WindowsOSへのサポートはございません。
- 本講座では、JavaScriptの基本的な文法については解説しません。初学者向けのチュートリアル等に挑戦してから受講されることをおすすめします。
Description
~~2021年4月24日更新~~
【講座内容】
React Native + Expoを用いたスマホアプリ開発を、環境構築〜ストアへのリリースまで一通り習得することを目指します。
ソフトウェア開発の醍醐味は「自分の描いたサービスを実現できたとき」だと思います。
React Nativeを使うと、そのアイデア着想〜実現までが非常にスムーズになります。
この講座を通して、そんな体験をしていただければと思っています。
コーディングでは実際に「ニュース閲覧アプリ」を作りながら学びます。
シンプルなアプリですが、その中に、
・コンポーネントの設計
・API通信
・Hooksの利用
・Reduxによる状態管理
・画面遷移
などReact Nativeのエッセンスをギュッと濃縮しました。
アプリを開発しながら楽しく学びましょう！
【この講座の対象者】
・Webの開発経験はあるけどアプリの経験はない人
・エンジニア入門者
・React Nativeでの開発を経験してみたい人
【この講座では扱わないこと】
・JavaScriptの基本的な文法
・React Native熟練者向けの内容
【更新情報】
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の雰囲気は掴んだエンジニア
Instructor
![Takahiko Wada](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.4 Instructor Rating
- 571 Reviews
- 3,187 Students
- 2 Courses
DeNAにて複数のソーシャルゲーム、コミュニティサービスの立ち上げに、リードエンジニア、プロデューサーとして携わってきました。
2017年よりmaricuruにCTOとして参画し、花嫁向けコミュニティアプリを立ち上げました。
2019年に独立し、現在は複数のスタートアップ企業の立ち上げ支援、開発支援を行っています。
React Native, Expo, Ruby on Railsを中心に扱っています。
ニューヨーク留学、ドイツ勤務経験あり。東工大MOT。