inflearn logo
知識共有
inflearn logo

実習で学ぶデータベース:服薬時間管理アプリ作成 (SQLite & React Native Expo)

React Nativeで服薬時間通知アプリを開発します。データベースの基礎およびSQL文法の学習をもとに、SQLiteを使用してデータを扱うアプリを作成し、ストア配布まで進めます。

難易度 初級

受講期間 無制限

React Native
React Native
SQLite
SQLite
database
database
React Native
React Native
SQLite
SQLite
database
database

受講後に得られること

  • SQLを用いてデータベースを操作する方法

  • React Nativeアプリの開発・リリースの経験

SQLite & React Nativeで作る服薬リマインダーアプリ

React Native, SQLite, database

講義紹介

React Nativeで服用時間リマインダーアプリを開発します。自分だけの服用スケジュールの指定、服用時間の設定およびスケジュールプッシュ通知、服用の有無のチェック、週間スケジュールおよび全スケジュールの確認など、実際にストアへリリース可能なレベルのアプリを一緒に作っていきます。

別途のバックエンドサーバーなしでSQLiteベースでデータを保存・管理し、データが維持されるアプリを作る方法を学びます。この過程でデータベースの基礎とSQL構文も自然に学習します。


AI時代には、画面の実装だけでなく、データをどのように保存し管理するかがますます重要になっています。この講義では、単なる機能の実装を超えて、実際のサービスで必要とされるデータフローを直接設計し、扱う経験を提供します。. 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ế.. This course goes beyond simple functional implementation to provide experience in directly designing and handling the data flows required in actual services.


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&A

Q. 受講対象はどのようになりますか?

  • JavaScript ES6の知識がある方、ReactのuseState/useEffect程度は使ったことがある方を対象としています。

Q. TypeScriptは必須ですか?

  • プロジェクトはTypeScriptをベースに進められますが、基本的な型を中心に扱います。そのため、TypeScriptが初めての方でも十分に付いていくことができます。


    よく使う基本タイプ(interface、typeなど)、タイプエラーを減らす方法、

    便利なユーティリティタイプの活用法

    を併せて説明しながら、タイプ安全性を備えたアプリを作る方法まで自然に身につけることができます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScript/Reactの基礎を学習したことがある方

  • 一つの言語でiOS、Androidアプリを両方開発したい方

  • データベース理論が実際のアプリでどのように使われているかを、実習を通して理解したい方

  • 学んだDB・SQLの概念をいつ、なぜ使うのか実感が湧かなかった方

前提知識、
必要でしょうか?

  • JavaScriptの文法を理解している必要があります。

  • 基本的なReactの使用経験が必要です。

こんにちは
Kyoです。

2,246

受講生

183

受講レビュー

351

回答

4.9

講座評価

4

講座

コミュニティサービスのフロントエンドエンジニアから始まり、現在はコマースプラットフォームのフルスタックエンジニアとして働いています。

Inflearnでは、完成度の高いプロダクトを作るための講義を行っています。

 

  • inkyo.dev@gmail.com

もっと見る

カリキュラム

全体

54件 ∙ (7時間 21分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

4件

5.0

4件の受講レビュー

  • tarutaru님의 프로필 이미지
    tarutaru

    受講レビュー 4

    平均評価 4.8

    5

    80% 受講後に作成

    サーバーなしではToDoリストのようなものしか作れないと思っていましたが、SQLの実装が可能なのはいいですね。

    • koy
      知識共有者

      良いレビューをいただき、ありがとうございます!!

  • n5i4님의 프로필 이미지
    n5i4

    受講レビュー 2

    平均評価 5.0

    5

    35% 受講後に作成

    ローカルDBを扱う部分が気になっていたのですが、ちょうど必要な内容があったので即決で購入しました(笑) 気になっていた部分を中心に少し早足で拝見しましたが、講義に無駄がなく核心だけが詰まっていて本当に素晴らしいですね。 しっかり学ばせていただきます。良い講義をありがとうございました。

    • koy
      知識共有者

      ちょうど必要な内容だったようで良かったです!!嬉しいレビューをありがとうございます。

  • yeongjinyu679614님의 프로필 이미지
    yeongjinyu679614

    受講レビュー 4

    平均評価 5.0

    5

    20% 受講後に作成

    • zian009님의 프로필 이미지
      zian009

      受講レビュー 9

      平均評価 4.1

      5

      39% 受講後に作成

      Kyoの他の講座

      知識共有者の他の講座を見てみましょう!

      似ている講座

      同じ分野の他の講座を見てみましょう!

      期間限定セール

      ¥4,828

      49%

      ¥9,478