第1章 コース紹介
このコースでは、React Native + TypeScriptを使ってアプリケーションを開発すべき理由を中心に解説します。
1-1 コース紹介 やってみよう
第2章 ES6、React、React Nativeの基本 クロストーク
この章では、本コースを学ぶ上で必要な基礎知識について、ES6、RNを中心に解説します。
2-1 環境
2-2 Androidの開発環境
2-3 プロジェクトの作成
2-4 ES6入門と変数宣言
2-5 ES6のテンプレート文字列と関数のデフォルトパラメータ
2-6 ES6のアロー関数
2-7 ES6の分解された代入、オブジェクト・リテラル、拡張構文、残余構文
2-8 ES6 クラス
2-9 ES6のクラス継承
2-10 プロミス
2-11 ES6のジェネレータ
2-12 ES6のモジュール
2-13 Reactの基礎
2-14 RNの導入の基本
2-15 RNの基本-幅と高さ
2-16 RNの基本-基本コンポーネントとスタイル
2-17 RNのレイアウト
2-18 RNのレイアウト
2-19 RNの基本 - タッチイベント
2-20 RNの基本-ネットワークリクエスト
第3章 TypeScriptの基礎
この章では、本講座の学習に必要な基礎知識を解説します。主にTSの必要な知識を解説するために、初心者の学習者向けに特別に用意したもので、これらの内容は後に実戦で使用します。
3-1 TypeScript入門
3-2 非プリミティブ型のTypeScript
3-3 TypeScriptの関数
3-4 TypeScriptのインターフェイス
3-5 汎用型のTypeScript
第4章 プロジェクトの分析
この章では、本講座で制作する必要のある「本を聴く」アプリケーションの分析に焦点を当て、プロジェクト全体のプロセスを説明し、本講座のアプリケーションの要件、モジュール、技術を分析します。
4-1 プロジェクト分析
第5章 プロジェクトの初期化
この章はアプリケーションの開発の正式な開始とみなされます。私が仕事で使用している2つの非常に優れたサードパーティプロジェクトがあります。これは、マルチ環境設定と絶対パス設定を行うことができ、面倒で退屈でミスの起こりやすい作業を減らすのに役立ちます。
5-1 プロジェクトの初期化
5-2 マルチ環境
5-3 絶対パス
第6章 インターフェース管理ツール
この章では、yapiをローカルにデプロイする方法とyapiの基本的な使い方に焦点を当てます。
6-1 インターフェースドキュメント
第7章 ナビゲーターの新バージョンReact-Navigation5.0
本章では、react-navigation5.0版の基本的な設定と使い方、スタックタブとボトムタブのナビゲータについて説明します。
7-1 ナビゲータの基本的な紹介
7-2 ナビゲータ試用版のインストール
7-3 スタックナビゲータトライアル
7-4 スタック型ナビゲータ
7-5 タブナビゲーター
第8章 状態管理Dva
この章では、reduxとredux-sagaのラッパーライブラリであるdvaを中心に、dvaとreact-nativeの連携やプラグインの読み込みについて説明します。
8-1 ステート管理の基本
8-2 ステート管理の基本入門
8-3 Dvaコアの統合
8-4 Dvaの基本的な使い方
8-5 Dvaの非同期操作
8-6 Dvaプラグインのdva-loading
第9章 ホームモジュール
この章はビジネスロジックの開発の正式なスタートと考えられています。この章では、回転チャート、グラデーションカラー、インターフェースリクエスト、カスタムトップタブナビゲータタブバーなどのホームページモジュールの機能を完成させる方法を学びます。
9-1 ホームページの表示と機能分析
9-2 下部タブナビゲータのフォントアイコン
9-3 トップタブナビゲータ
9-4 回転表トップ
9-5 回転チャートボトム
9-6 データへのネットワークリクエスト、dvaを介したコンポーネントへのマッピング
9-7 お気に入り推測アップ
9-8 お気に入り推測 次
9-9 ホームリスト
9-10 ホームリスト
9-11 ホームリストの最適化と放課後の割り当て
9-12 プルアップでさらに読み込み
9-13 ドロップダウンの更新
9-14 カスタムトップタブコンポーネント
9-15 カスタムトップタブコンポーネントのレイアウト
9-16 カスタムトップタブコンポーネントのグラデーション効果
9-17 カスタムトップタブ・グラデーション・コンポーネントの表示と非表示
9-18 カスタムコンポーネントの絞り込み
第10章 Classificationモジュール
この章では主にdvaの状態管理ライブラリを通じてカテゴリの追加、削除、変更、チェック機能を完成させ、ソート機能を拡張します。これらの古典的なビジネスロジックを通じてdvaライブラリをよりよく理解できるようにし、さらに動的なトップラベルナビゲータとdvaモデル機能の動的生成を学習します。
10-1 カテゴリモジュール機能のデモと分析
10-2 データ構造とローカルデータの格納
10-3 カテゴリモジュールのモデル
10-4 カテゴリページのレイアウトとスタイル
10-5 カテゴリページのレイアウトとスタイル
10-6 タイトルバーの右上ボタンの追加と編集状態の切り替え
10-7 カテゴリの追加と削除
10-8 カテゴリーの追加と削除
10-9 カテゴリのドラッグ＆ドロップ機能
10-10 タブナビゲータとモデルの動的生成
10-11 タグナビゲータとモデルの動的生成
10-12 クラス終了後の割り当て
第11章 チャンネルモジュール
この章では、ジェスチャー応答システムに焦点を当て、ジェスチャー応答システムを通じて、頭部が見えているとき、指を上にスライドさせると、タブコンポーネントのFlatListがスクロールできなくなり、頭部コンポーネントが見えないところまで徐々にスライドさせると、タブコンポーネントのFlatListがスクロールできるようになる、頭部が見えていないとき、指を下にスライドさせると、FlatListが一番上までスクロールするまで、頭部がスライドできなくなる、という効果を実現します。ヘッドが表示されていないときは、FlatList が一番上までスクロールするまで指が下にスクロールし、それからヘッドをスライドさせることができ、このスクロールに従ってタブバーもフェードイン・フェードアウトの動きをします。
11-1 Channelモジュールの機能のデモと解析
11-2 yapiのインターフェースとモデルの作成
11-3 チャンネル情報コンポーネント
11-4 チャンネル情報コンポーネント
11-5 チャンネルページタブ
11-6 チャンネルページタブ
11-7 リアクトネイティブ・アニメーション
11-8 ジェスチャー応答システム
11-9 ジェスチャー応答システム
11-10 ジェスチャー応答システム
11-11 ジェスチャー応答システム
11-12 react-native-tab-viewコンポーネントの最適化とクラス後の割り当て
第12章 チャンネル詳細モジュール
この章ではオーディオ再生に焦点を当て、現在のオーディオ再生時間をプログレスバーで表示し、前、次、再生、一時停止機能とポップアップを表示します。
12-1 チャンネル詳細ページ機能の紹介と分析
12-2 ナビゲータのフルスクリーンモード
12-3 ナビゲータのフルスクリーンモード
12-4 オーディオ再生
12-5 オーディオ再生
12-6 オーディオ再生
12-7 オーディオ再生
12-8 再生時間を表示する一時停止とプログレスバー
12-9 再生時間を表示する一時停止とプログレスバー
12-10 前へ 次へ 機能
12-11 前へ進む機能
12-12 ピクチャースケーリングとグラデーションカラー
12-13 ポップアップ画面
12-14 ポップアップ画面
12-15 ポップアップ画面
12-16 ポップアップ
12-17 コース終了後の練習問題
第13章 下部のタブ・ナビゲーターでの再生タブとナビゲーター外の再生ボタン
この章では、ナビゲータの外側に別のコンポーネントを表示する方法と、再生アニメーション効果を学習することに焦点を当てます。そして、ページと再生の状態に基づいて表示するかどうかを決定します。
13-1 ボトムタブ再生ボタンの機能の紹介と分析
13-2 下部タブ再生ボタンのカスタマイズ
13-3 カスタムボトムタブボタン
13-4 ページ外再生ボタン
13-5 再生ボタンのジャンプ機能
13-6 コース終了後のエクササイズ
第14章 I Listenモジュール
この章では、ユーザーが再生した音声とその時間を記録し、リストとして表示することで、ローカルデータの永続性、realmjs の利用に焦点を当てます。
14-1 I Listen モジュールの機能のデモと解析
14-2 レルムのインストール
14-3 再生した音声の保存
14-4 realmデータの照会
14-5 realmデータの削除
14-6 テーブル構造の更新とデータの移行
第15章 Discoveryモジュール
この章では、FlatListでの動画の表示と、動画の再生機能を中心に説明します。また、動画は同時に1つしか再生できないため、最適化が必要であり、動画再生時には音声を一時停止する必要があります。
15-1 ディスカバリーページの機能紹介と分析
15-2 Discoveryモジュールのモデル
15-3 フラットリスト表示の動画
15-4 他の動画と音声の一時停止
15-5 レッスン後の演習
第16章 アカウントモジュール
この章では、アプリケーションのパッケージ化と公開に焦点を当てます。
第18章 レッスンのまとめ
この章ではコースのまとめをします。質問があれば、コースのQ&Aセクションで質問してください。仕事がないすべての人が仕事を見つけ、仕事がある人は給料が上がることを願っています。
このコースは常に更新されています！
