
アバターコミュニティアプリ作り (React Native Expo)
Kyo
React Nativeでアバターベースのコミュニティアプリを開発します。記事作成だけでなく、コメント・返信、いいね、投票、アバター作成など、完成度の高いコミュニティアプリを作る過程を学ぶことができます。
初級
React Native, TypeScript, expo
React Nativeで服薬時間通知アプリを開発します。データベースの基礎およびSQL文法の学習をもとに、SQLiteを使用してデータを扱うアプリを作成し、ストア配布まで進めます。
学習した受講者のレビュー
5.0
김김지호
リアクトネイティブを学習するのにとても良いです
5.0
타루
サーバーなしではToDoリストのようなものしか作れないと思っていましたが、SQLの実装が可能なのはいいですね。
5.0
ggo
ローカルDBを扱う部分が気になっていたのですが、ちょうど必要な内容があったので即決で購入しました(笑) 気になっていた部分を中心に少し早足で拝見しましたが、講義に無駄がなく核心だけが詰まっていて本当に素晴らしいですね。 しっかり学ばせていただきます。良い講義をありがとうございました。
SQLを用いてデータベースを操作する方法
React Nativeアプリの開発・リリースの経験
React Native, SQLite, database
React Nativeで服薬時間リマインダーアプリを開発します。自分だけの服薬スケジュールの指定、服薬時間の設定およびスケジュールプッシュ通知、服薬の有無のチェック、週間スケジュールおよび全スケジュールの確認など、実際にストアへリリース可能なレベルのアプリを一緒に作っていきます。
別途のバックエンドサーバーなしでSQLiteベースでデータを保存・管理し、データが維持されるアプリを作る方法を習得します。この過程でデータベースの基礎とSQL構文も自然に学習します。
AI時代には、画面の実装だけでなく、データをどのように保存し管理するかがますます重要になっています。この講義では、単なる機能の実装を超えて、実際のサービスで必要とされるデータフローを直接設計し、扱う経験を提供します。. This course goes beyond simple functional implementation to provide experience in directly designing and handling the data flow required in actual services.. Khóa học này không chỉ dừng lại ở việc triển khai các tính năng đơn giản, mà còn mang đến trải nghiệm trực tiếp thiết kế và xử lý luồng dữ liệu cần thiết trong các dịch vụ thực tế.
Reactの基本文法を理解していれば誰でも受講可能であり、モバイルアプリ開発が初めての方でも、段階を追って進めながら完成度の高いアプリを作れるように構成されています。開発後のビルドおよびストア配布まで一緒に扱い、多様なアプリリリースの経験をもとに、アプリ提出時に必要な準備事項とノウハウも併せてお伝えします。
⚠ 詳細な学習内容はカリキュラムをご確認ください!
React Native 環境設定および基礎概念
データベース & SQL 構文の基礎
Figmaデザインシステムに基づいたコンポーネント開発
Expo Routerを活用したルーティング、タブの実装 + Liquid Glass
Expo Notificationsを活用した通知スケジューリング
Expo SQLiteベースのデータ照会/生成/削除 + マイグレーション
Zustandでグローバル状態を扱う
SVGおよびアニメーションの扱い
カスタムフックパターン、Render Propsパターン
日付と時間の関数の扱い方
EAS(Expo Application Services)を活用したアプリのビルドおよび配布
iOS、Androidストアのアプリ審査提出方法 / ノウハウ
この講義ではReact Native Expoを使用します。
React Nativeでアプリを開発する方法には、Expoで開発する方法とCLIで開発する方法があります。React Nativeの公式ドキュメントでも、Expoを通じた開発が推奨されています。
ExpoはCLIに比べて環境構築や開発を非常に簡単に行うことができます。シミュレーターや実機でのテストも容易で、ライブラリの使用も簡便なため、Expoを利用すればReact Native開発をスムーズに始めることができます。また、EAS(Expo Application Services)を活用することで、アプリのビルドや配布も簡単に行うことが可能です。
この講義は、Expoベースの初級〜初中級レベルのアプリ開発を扱います。
より多様なアプリ開発の経験をお望みでしたら、以下の講義も併せて参考にしてみてください!
講義の主な技術スタックは React Native(Expo), TypeScript, Zustand, SQLite です。ルーター、プッシュ通知などの多様なExpoライブラリも併せて使用します。Reactの経験さえあれば、これらすべてを使ったことがなくても大丈夫です!
SQLiteをベースにデータを照会/保存/削除し、Zustandでグローバル状態を管理し、アプリを再起動してもデータが維持されるアプリを開発する方法をお教えします。
1. Android、iOS 同時開発
両方のプラットフォームを同時に開発しながら、複数のプラットフォームや画面に応じて再利用可能な共通コンポーネントを開発します。プラットフォーム間の違いや、その対応方法についてもお教えします。
2. Figmaデザインシステムの提供
カラー、コンポーネント、スクリーン、画像が含まれた製品デザイン全体を提供します。別途デザインに悩む必要はなく、提供されたデザインシステムに基づいて、すぐに開発に集中できます。
3. すべてのレッスンごとのソースコードを提供
プロジェクトの開始から終了まで、すべての授業において、実際の授業と全く同じソースコードを提供します。授業ごとの添付資料をご確認ください。
4. データベース講義ノートの提供
PDFファイルで提供される講義ノートを通じて、データベースの理論と実習を共に学習することができます。核心概念を整理した理論と、直接実践できる実習内容を共に構成し、理解度を高めました。
この講座はWindows/Macユーザーのどちらも受講可能であり、Android/iOSの両方で動作を確認しながら進めます。(iOSアプリ開発時にはMac環境が必要です)
この講義は3840 × 2160 (4K) 解像度で制作されており、高い解像度を選択するとより良い画質で受講いただけます。
Q. 受講対象はどのようになりますか?
JavaScript ES6の知識がある方、ReactのuseState/useEffect程度は使ったことがある方を対象としています。
Q. TypeScriptは必須ですか?
プロジェクトはTypeScriptをベースに進められますが、基本的な型を中心に扱います。そのため、TypeScriptが初めての方でも十分に付いていくことができます。
よく使う基本タイプ(interface、typeなど)、タイプエラーを減らす方法、
便利なユーティリティタイプの活用法
を併せて説明しながら、タイプ安全性を備えたアプリを作る方法まで自然に身につけることができます。
学習対象は
誰でしょう?
JavaScript/Reactの基礎を学習したことがある方
一つの言語でiOS、Androidアプリを両方開発したい方
データベース理論が実際のアプリでどのように使われているかを、実習を通して理解したい方
学んだDB・SQLの概念をいつ、なぜ使うのか実感が湧かなかった方
前提知識、
必要でしょうか?
JavaScriptの文法を理解している必要があります。
基本的なReactの使用経験が必要です。
インフラン認証
キャリア認証
2,318
受講生
189
受講レビュー
352
回答
4.9
講座評価
4
講座
コミュニティサービスのフロントエンドエンジニアとしてキャリアをスタートし、現在はコマースプラットフォームのフルスタックエンジニアとして働いています。
Inflearnでは、完成度の高いプロダクトを作るための講義を行っています。
✉inkyo.dev@gmail.com
全体
55件 ∙ (7時間 26分)
講座資料(こうぎしりょう):
全体
7件
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!