강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Mobile Application Development

アバターコミュニティアプリ作り (React Native Expo)

React Nativeでアバターベースのコミュニティアプリを開発します。記事作成だけでなく、コメント・返信、いいね、投票、アバター作成など、完成度の高いコミュニティアプリを作る過程を学ぶことができます。

（4.9）受講レビュー 71件

受講生 618名

難易度 初級

受講期間 無制限

React Native
React Native
TypeScript
TypeScript
expo
expo
react-hook-form
react-hook-form
react-query
react-query
React Native
React Native
TypeScript
TypeScript
expo
expo
react-hook-form
react-hook-form
react-query
react-query

学習した受講者のレビュー

4.9

5.0

임용준

34% 受講後に作成

わぁ....初めて聞く講座ですが、理解がスッとできますね。講師の教え方もとても良いし、 ネイティブ講座を初めて受講されるなら、この講座をぜひお勧めします。

5.0

로빈(Robin)

100% 受講後に作成

今回の講義を通して、React Native、Expoだけでなく、 react-query、react-hook-form、i18nなど、様々なReactのライブラリ活用法も学ぶことができ、大変有益な時間となりました。 KyoさんのReact Native CLIで作るグルメアプリの講義でも本当に多くのことを学びましたが、今回もExpoを学びながら、講師の様々な開発ノウハウも一緒に習得することができました。 とても満足のいく講義でしたし、今後Kyoさんがまた別の講義をリリースされたら、また受講して他のことも学べたら嬉しいです。 良い講義を作っていただきありがとうございます！

5.0

zoezoe

84% 受講後に作成

Expoを初めて触るのですが、大変 도움이 되는 강의였습니다 ! また、私はreact-hook-formを利用する方法や 共用コンポーネントを作る方法でも大変 도움이 되는 것 같습니다。 世間には入門のための易しい講座が多いのですが、少し難易度が高く、もう少し成長できるような講義のようで良かったです。 講義がとても 깔끔하고、講義一つ一つがあまり長くないので集中しやすく、全体的にコードを作成する上で学ぶ点が多いのでcli講義を購入して続けて聴講しようと思います😎

受講後に得られること

  • React Native & Expo, TypeScript

  • React Query (Tanstack Query)

  • React Hook Form

  • PushNotification, EAS, Dayjs, i18n

[初中級] React Nativeで作るアバターコミュニティアプリ

Group 604 (1)

React Native, TypeScript, react-query, react-hook-form, expo

講義紹介

React Nativeでアバターベースのコミュニティアプリを制作します。記事作成・コメントだけでなく、返信（スレッド）、いいね、投票、アバターシステム、多言語設定、プッシュ通知など、多様な機能を備えたコミュニティアプリを完成度高く作る方法をお教えします。

React Native (Expo)、TypeScript、react-query(tanstack query)、react-hook-formを利用して、iOSとAndroidアプリを同時に開発します。フロントエンド開発に集中できるよう、Figmaデザインシステムを含むすべてのプロダクトデザインを提供し、バックエンドのソースコードも提供いたします。

Group 605

この講義ではReact Native Expoを使用します。

React Nativeでアプリを開発する方法には、Expoで開発する方法とCLIで開発する方法があります。最近ではReact Nativeの公式ドキュメントでも、Expoを通じた開発が推奨されています。

ExpoはCLIに比べて環境構築と開発を非常に簡単に行うことができます。シミュレーターや実機でのテストも容易で、ライブラリの使用も簡便なため、Expoを利用すればReact Native開発をスムーズに始めることができます。また、EAS(Expo Application Services)を活用することで、アプリのビルドおよび配布も簡単に行うことが可能です。

この講座はExpoベースの初級〜中級レベルのアプリ開発を扱います。

より多様なアプリ開発の経験をご希望の方は、以下の講義もあわせて参考にしてみてください！

📖 扱う内容

  • React Native & Expo

  • Expo Router


  • TypeScript

  • React Query (Tanstack Query)


  • JWTベースの認証


  • 共通コンポーネントの開発


  • カスタムフックパターン


  • プロフィール/アバター機能

  • 多言語設定 (i18n)

  • プッシュ通知 (Push Notifications)

  • アプリのビルドおよびデプロイ (EAS)


  • 記事の作成/修正/削除

  • コメント/返信の作成

  • 投票の添付、投票への参加

  • 画像アップロード

  • いいね/閲覧数機能

  • 楽観的アップデート (Optimistic Update)

  • 無限スクロール (Infinite Scroll)


  • SVGを使用する

  • フォントを適用する

  • dayjsで日付を扱う

  • React Hook Formでフォームを扱う




🔥 開発技術スタック

stack

講義では React Native(Expo)、TypeScript、React Query(TanStack Query)、React Hook Form、dayjs、i18n などの技術を使用して開発します。Reactの経験さえあれば、すべてを使ったことがなくても大丈夫です！

React Queryを使用してサーバーデータを取得、キャッシュ、更新する方法、React Hook Formを使用してどんなに複雑なフォームでも簡単に扱う方法、dayjsで日付を簡単に扱う方法、i18nを活用して多言語対応を簡単に適用する方法をお教えします。

⚡️主な実装機能

会員登録/ログイン

フィードの無限スクロール/検索

投稿作成/投票添付

いいね/コメント/返信 + プッシュ通知

プロフィール/アバターカスタム

設定/多言語

⚠ 詳細な実装事項はカリキュラムを確認してください！

⭐この講義の差別化ポイント

1. Android、iOS 同時開発


両方のプラットフォームを同時に開発しながら、複数のプラットフォームや画面で再利用可能な共通コンポーネントを開発します。プラットフォーム間の違いや対応方法についてもお伝えします。

2. Figmaデザインシステムを提供

デザインに悩む必要はありません！カラー、コンポーネント、スクリーン、画像が含まれたすべてのプロダクトデザインを提供します。

3. 集中度の高い構成、レッスン別のソースコードを提供

  • 不要な内容を削ぎ落とし核心のみを凝縮することで、1レッスンあたり平均7.5分、最大16分という短く集中しやすい構成にし、学習効率を高めるよう制作しました。

  • 完成されたバックエンドのソースコードだけでなく、プロジェクトの開始から終了まで、すべてのレッスンにおいて進行内容と同じソースコードを提供します。レッスンごとの添付資料をご確認ください。

❗ ️注意事項

  • 講義はReactNative Expoを利用して進行されます。


  • この講座はWindows/Macユーザーのどちらも受講可能であり、Android/iOSの両方で動作を確認しながら進めます。（iOSアプリ開発時にはMac環境が必要です）


  • この講義は3840 × 2160 (4K) 解像度で制作されており、高い解像度を選択すると、より良い画質で受講いただけます。

  • 講義で使用される画像（アバター）は著作権登録されている著作物ですので、個人練習用としてのみ使用してください。

🙋‍♂ Q&A

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

  • 事前知識としてReact Nativeは必要ありませんが、JavaScript ES6の知識がある方、Reactを経験したことがある方を受講対象としています。

Q. TypeScriptは必須ですか？

  • React Nativeでは基本的にプロジェクトがTypeScriptで設定されているため、講義はTypeScriptで進行されます。ただし、複雑な型は使用しないため、TypeScriptの知識は必須ではありません。

📝 アップデートノート

[2025.05.03]

  • 講義資料) Expo 53バージョン基準のアプリ最終ソースコードを追加しました。


[2025.07.13]

  • セクション5) [Note] Androidエミュレータのキーボード設定を変更するのレッスンを追加しました。

[2025.08.11]

  • セクション6) [Tip] Android KeyboardAwareScrollViewのイシュー修正 ＆ キーボード状態のカスタムフック作成のレッスンを追加しました。

[2026.05.30]

  • 講義資料) Expo 56 バージョン基準のアプリ最終ソースコードを追加しました。

  • セクション2) [1-1 New] プロジェクトを作成するのレッスンを追加しました。

  • セクション3) [2-0 New] プロジェクトの初期化のレッスンを追加しました。


  • セクション3) [2-3 New] ベクターアイコンを使用する レッスンを追加しました。

  • セクション6) [Note] react-navigation 関連の変更点のご案内 のレッスンを追加しました。

[2026.05.31]

  • セクション3) [2-1 New] SafeAreaViewのご案内のレッスンを追加しました。

こんな方に
おすすめです

学習対象は
誰でしょう？

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

  • 単なる掲示板ではなく、完成度の高いコミュニティアプリを作りたい方

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

  • JavaScriptの基礎知識が必要です。ES6の文法は知っておく必要があります。

  • Reactの基本Hooks（useState、useEffect）は知っておく必要があります。

こんにちは
Kyoです。

インフラン認証

キャリア認証

2,314

受講生

188

受講レビュー

352

回答

4.9

講座評価

4

講座

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

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

 

  • ✉inkyo.dev@gmail.com

もっと見る

カリキュラム

全体

87件 ∙ (8時間 36分)

講座資料（こうぎしりょう）:

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

受講レビュー

全体

71件

4.9

71件の受講レビュー

  • thdwngusl7542님의 프로필 이미지
    thdwngusl7542

    受講レビュー 3

    ∙

    平均評価 5.0

    修正済み

    5

    47% 受講後に作成

    ✔️講義を選択した理由 パブリッシャーとしてフロントエンドの勉強をしていたところ、プロダクト（アプリ）のリリースに意欲が湧き、 1人開発者として生まれ変わりたいと思いました…！言語選択に悩みましたが、 Reactを使ったことがあったので（初心者ですが）React Nativeで作ることに決めました😊😊 そうしてネイティブの講義を探し回っていたところ、 Inflearnで新しい講義がオープン！割引イベントを見て受講を決めました。 React Nativeの講義があまりないのに講義をオープンしていただきありがとうございます。😊 ✔️講義の長所 expoでアプリ開発をする一番楽で簡単な方法を教えてくれます。 便利なライブラリの使い方と、どんな時にこのようなライブラリを使えば良いかをよく教えてくれます！ フロントエンドだけでなく、バックエンドのソースも提供してくれるので、実際にDB連携まで確認できます。 講義を受講すれば完全なプロダクトを見ることができると思います…！ ✔️講義をおすすめする方 バックエンド、フロントエンドに対する基本的な知識があり、expoで簡単にアプリを作ってみたい方におすすめです。他の場所でネイティブの講義を受けるよりも、確実にexpoがとても簡単にアプリを作れます…！ But...！！私はバックエンドに無知でReact初心者で開発者ではないせいか…サーバー連携部分から （5章から）すごく手間取るようになり…一日中取り組んでも解決できず、とりあえず中断します😭たまにボブおじさんのようにあっという間にできる気がするのですが、私は理解が難しいです😭😭… もう少し初級バージョンの色々な講義を聞いて、expoで実際のアプリを作ってみる時にまた聞くことにしました。 でもこれは私がアホだからであって…講義自体はおすすめです！！👍

    • koy
      知識共有者

      詳細な受講レビューをお寄せいただきありがとうございます！

    • thdwngusl7542

      講座を聞いて個人アプリのリリースまで完了しました〜 expoで作ったので制約が少し多く、ライブラリの衝突も起こりましたが、簡単に作れるツールであることは間違いないです。 作ったアプリは https://play.google.com/store/apps/details?id=com.badanang.CampWeather です Kyoさんのおかげでデザイナーなのにアプリをリリースすることができてとても感謝しています😭😭！

    • koy
      知識共有者

      ワ、デザイナーさんなのに、リリースまでなんて凄いですね！私も使ってみます！ 大変だったと思いますが、最後まで講座を受講してくださり、ありがとうございました👍

  • sungwon68952341님의 프로필 이미지
    sungwon68952341

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    34% 受講後に作成

    現在も引き続き講義を受けて、学んでいる非専攻の受講生です,,, 正直、真似しながら本当に多くのことを学んでいます... さらに、行き詰まる部分があればすぐにフィードバックをくださる講師の方には、尊敬の念しかありません... これからも学び続け、精進していきます... 非専攻の1人開発者を夢見て,,,😭😭

    • koy
      知識共有者

      良い受講レビューありがとうございます。応援しています！

  • chotg님의 프로필 이미지
    chotg

    受講レビュー 1

    ∙

    平均評価 5.0

    修正済み

    5

    100% 受講後に作成

    会社で急遽RNを使用しなければならない状況になり、ちょうど講義が30%割引中だったので、プレビュー講義を聞いてみました。講師の方がコードを気にされる方だという印象を受け、受講を決めました。 公式ドキュメントを参考にしながら開発することもできますが、もう少し早くアプリはどのように開発するのか知りたかったのです。計3日間で講義をすべて終えました。 講義の長所 学ぶことが本当に多いです。単に機能の実装にとどまらず、講師の方が意図的に多様な機能を追加しながら学習できるように構成されています。 実務で直ちに活用できる技術を扱います。 (Formの扱い方及び有効性検査、react-queryの使い方、コンポーネントの分離及び再利用性の考慮、一貫性のあるコードスタイルなど) プロダクト開発の過程を直接経験できます。単純な例レベルではなく、実務での開発の流れを習得できました。 カット編集で不要な部分を減らして良かったと思います。 講義で提供されるコードを学び、そしてコードを改善しながら自分のものにすれば、きっと大きな助けになると思います。 おすすめの対象 ReactとCSSに対する基本的な理解がある方 実践開発経験を望む方 指導者なしで実務を身につけなければならない2年目以下の開発者または就職準備生 Reactの経験が全くない方にはやや難しい可能性があるので、基本概念を習得してから受講することをおすすめします。

    • koy
      知識共有者

      短期間で最後まで受講していただき、大変お役に立てたようで嬉しいです。機能やコンポーネントからコードの一貫性、さらには編集まで、私が長い時間をかけて気を配ってきた細部にまでお気づきいただき、驚きました。良いレビューをお寄せいただきありがとうございます！

  • zheros9303님의 프로필 이미지
    zheros9303

    受講レビュー 18

    ∙

    平均評価 4.9

    5

    30% 受講後に作成

    基本的な概念の説明からリファクタリングの進行まで、丁寧に解説していただき大変参考になりました。

    • koy
      知識共有者

      素敵な受講レビューありがとうございます 👍👍

  • toito1toi님의 프로필 이미지
    toito1toi

    受講レビュー 4

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    講義の進行がスムーズで、講義時間も長くないので退屈せずに、様々な機能を扱うことができて良かったです。事情によりMacとWindowsを交互に使いながら講義を聞く必要がありましたが、両方の場合とも親切に説明してくださったので、大きな困難なく付いていくことができました。

    • koy
      知識共有者

      すべての授業を受講されましたね！！受講後のレビューを残していただき、ありがとうございます :)

Kyoの他の講座

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

グルメマップアプリ作り (React Native & NestJS)講義サムネイル

グルメマップアプリ作り (React Native & NestJS)

Kyo

React Nativeを利用して、自分だけのグルメ記録アプリを開発し、リリースする過程を学びます。デザインからフロントエンド、バックエンドの開発、そしてデプロイまで全工程を準備しました。

中級以上

中級以上

React Native, TypeScript, NestJS

グルメマップアプリ作り (React Native & NestJS)講義サムネイル

グルメマップアプリ作り (React Native & NestJS)

Kyo

実習で学ぶデータベース：服薬時間管理アプリ作成 (SQLite & React Native Expo)講義サムネイル

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

Kyo

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

初級

初級

React Native, SQLite, database

実習で学ぶデータベース：服薬時間管理アプリ作成 (SQLite & React Native Expo)講義サムネイル

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

Kyo

JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）講義サムネイル

JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）

Kyo

JavaScriptでスタック、キュー、連結リスト、ソート、DFS/BFSといった主要なデータ構造やアルゴリズムを自身で実装しながら学習します。よく出題される問題形式を一緒に解きながら、コーディングテストや面接に必須の問題解決能力まで身につけることができます。

初級

初級

JavaScript, Algorithm, data-structure

JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）講義サムネイル

JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）

Kyo

似ている講座

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

実習で学ぶデータベース：服薬時間管理アプリ作成 (SQLite & React Native Expo)講義サムネイル

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

Kyo

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

初級

初級

React Native, SQLite, database

実習で学ぶデータベース：服薬時間管理アプリ作成 (SQLite & React Native Expo)講義サムネイル

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

Kyo

iOS/Androidアプリ開発のための本番 React Native - Basic講義サムネイル

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

初級

初級

React Native, React, ES6

iOS/Androidアプリ開発のための本番 React Native - Basic講義サムネイル

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク講義サムネイル

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

初級

初級

React, Next.js, expo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク講義サムネイル

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

[React/VanillaJS] UI要素を直接作成する Part 2講義サムネイル

[React/VanillaJS] UI要素を直接作成する Part 2

jaenam

代表的なUI要素をReactバージョンと純粋なJavaScriptバージョンにして、Web APIを活用したさまざまな視点と方法を体験し、フロントエンド開発のスキルを一層引き上げてみてください。

初級

初級

React, vanilla-js, ui

[React/VanillaJS] UI要素を直接作成する Part 2講義サムネイル

[React/VanillaJS] UI要素を直接作成する Part 2

jaenam

誰よりも早く学ぶフルスタック掲示板作り講義サムネイル

誰よりも早く学ぶフルスタック掲示板作り

Neo

この講義にはサーバー（Java+Springboot）とフロント（React、ReactNative、Flutter、Android、iOS）をすべて含めました。 この講義でフルスタック掲示板を作る経験を進めてみてください

入門

入門

React, React Native, iOS

誰よりも早く学ぶフルスタック掲示板作り講義サムネイル

誰よりも早く学ぶフルスタック掲示板作り

Neo

誰よりも早く作ってみるElectron Todo List With TypeScript講義サムネイル

誰よりも早く作ってみるElectron Todo List With TypeScript

Neo

誰よりも早く試してみるElectron Todo List With TypeScript Reactベースのデスクトップ動作サービスを作ることができるElectronをTypeScriptで開発してみましょう！

入門

入門

React, TypeScript, Electron

誰よりも早く作ってみるElectron Todo List With TypeScript講義サムネイル

誰よりも早く作ってみるElectron Todo List With TypeScript

Neo

完全なフルスタックPython開発者ロードマップ：FastAPI、React、データベース設計API アーキテクチャを学ぶ講義サムネイル

完全なフルスタックPython開発者ロードマップ：FastAPI、React、データベース設計API アーキテクチャを学ぶ

IT s Dev

完全なエンドツーエンド開発者ジャーニー — FastAPI、React、そしてVibe Coding技術を使用して、超高速API、モダンフロントエンドインターフェース、実際のプロジェクト、認証システム、ダッシュボード、そして完全なデプロイメントを構築する。

入門

入門

React, React Native, react.js

完全なフルスタックPython開発者ロードマップ：FastAPI、React、データベース設計API アーキテクチャを学ぶ講義サムネイル

完全なフルスタックPython開発者ロードマップ：FastAPI、React、データベース設計API アーキテクチャを学ぶ

IT s Dev

ReactとVueで学ぶTypeScript必須概念 (feat. ChatGPT)講義サムネイル

ReactとVueで学ぶTypeScript必須概念 (feat. ChatGPT)

captain

実務でよく使われるReactとVueのコードを書きながらTypeScriptの必須概念を学ぶ講座です。ReactとVueに型を適用する方法、ChatGPTの使い方まですべて押さえる実務者と入門者の両方のための講座!

初級

初級

React, TypeScript, Vue.js

ReactとVueで学ぶTypeScript必須概念 (feat. ChatGPT)講義サムネイル

ReactとVueで学ぶTypeScript必須概念 (feat. ChatGPT)

captain

誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成講義サムネイル

誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成

Neo

誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作り Springbootでサーバーを開発し、ReactNativeで自分だけの掲示板を作ってみましょう!!

初級

初級

JavaScript, React Native, Java

誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成講義サムネイル

誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成

Neo

Reactマスタークラス：Part 3 - 実務の核心ライブラリ攻略 (TypeScript, Zustand, React Hook Form, TanStack Query)講義サムネイル

Reactマスタークラス：Part 3 - 実務の核心ライブラリ攻略 (TypeScript, Zustand, React Hook Form, TanStack Query)

nhcodingstudio

AIが生成した断片的なコードと複雑なReactエコシステムの間で制御権を失っていく問題を、Zustand、TanStack Query、React Hook Form、Zod、React Compilerなど、主要なReactライブラリの内部動作原理を工学的に分析することで根本的に解決します。 ツールの単純な活用を超え、Reactエンジンのパフォーマンスとデータフローを直接制御する方法を習得することで、いかなる危機的状況でも即座に対応できる強固な「エンタープライズ・アーキテクチャ設計の筋肉」を身につけることができます。

初級

初級

JavaScript, React, TypeScript

Reactマスタークラス：Part 3 - 実務の核心ライブラリ攻略 (TypeScript, Zustand, React Hook Form, TanStack Query)講義サムネイル

Reactマスタークラス：Part 3 - 実務の核心ライブラリ攻略 (TypeScript, Zustand, React Hook Form, TanStack Query)

nhcodingstudio

[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)講義サムネイル

[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)

lopun

フルスタック開発に翼を授けるSupabase！ 3つのクローンプロジェクトを通じて、Next.js 14とSupabaseで実務レベルのフルスタック開発を行う方法を最速で学びます。

初級

初級

Next.js, supabase, TailwindCSS

[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)講義サムネイル

[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)

lopun

@シコ - TypeScriptを正しく学ぶ(初中級)講義サムネイル

@シコ - TypeScriptを正しく学ぶ(初中級)

seniorcoding

深みのある授業で最高のウェブ開発者になるためのTypeScript講座です。 完走した時にはTypeScriptの本質を見抜くことができ、次に学ぶReactやNext.js、NestJSなどの達人になることができます。

初級

初級

TypeScript, React, JavaScript

@シコ - TypeScriptを正しく学ぶ(初中級)講義サムネイル

@シコ - TypeScriptを正しく学ぶ(初中級)

seniorcoding

一口サイズでかじり取るTypeScript (TypeScript)講義サムネイル

一口サイズでかじり取るTypeScript (TypeScript)

winterlood

文法を超えて動作原理と概念の理解まで、学んでも学んでも混乱しがちなTypeScriptを、今こそしっかり学びましょう！皆さんをTypeScriptの魔法使い🧙🏻‍♀️にお仕立てします。

初級

初級

TypeScript

一口サイズでかじり取るTypeScript (TypeScript)講義サムネイル

一口サイズでかじり取るTypeScript (TypeScript)

winterlood

[コードファクトリー] [初級] 8時間で終わるコードファクトリのTypescript完全征服フルコース講義サムネイル

[コードファクトリー] [初級] 8時間で終わるコードファクトリのTypescript完全征服フルコース

codefactory

TypeScript(타입スクリプト)をまったく知らない人でも、この濃縮されたTypeScript文法講座で、TypeScript文法の達人になれる講座です。

初級

初級

TypeScript

[コードファクトリー] [初級] 8時間で終わるコードファクトリのTypescript完全征服フルコース講義サムネイル

[コードファクトリー] [初級] 8時間で終わるコードファクトリのTypescript完全征服フルコース

codefactory

TypeScript入門 - 基礎から実践まで講義サムネイル

TypeScript入門 - 基礎から実践まで

captain

TypeScriptを始める方のための講義です。最新のJavaScript文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。難しく感じられるTypeScriptを初心者の視点から簡単で楽しく学んでいきましょう😄

初級

初級

TypeScript, ES6, JavaScript

TypeScript入門 - 基礎から実践まで講義サムネイル

TypeScript入門 - 基礎から実践まで

captain

ゼロからTypeScriptでClaude Codeを作る講義サムネイル

ゼロからTypeScriptでClaude Codeを作る

Hiro Son

「なぜAIがこんなコードを書いたのか？」、「なぜさっき言ったことを覚えていないのか？」 Claude CodeのようなAIツールを使っていると直面するもどかしさ。その原因は、ツールがどのように動作しているかを知らないことにあります。この講義は、そのブラックボックスを透明に解き明かします。 全25講を通じて、LLMにファイルを見る「目（Read）」、コードを直す「手（Edit）」、命令を実行する「足（Bash）」を直接持たせ、実際の現場で使われるツールと同じように動作する自分だけのCoding Agentをゼロから実装します。単にライブラリの使い方を学ぶのではありません。AIがどのようにプロジェクト構造を把握し、なぜ長い会話で記憶を失うのか、それを技術的にどう解決するのか（Sliding Window、Summary）を、直接コードで実装しながら体得します。 この過程を通じて、皆さんはAIツールの単なる「ユーザー」から、作動原理を見抜き、ツールを自分好みに改造・評価できる「AI供給者」の視座を手に入れることになるでしょう。

初級

初級

React, TypeScript, vercel

ゼロからTypeScriptでClaude Codeを作る講義サムネイル

ゼロからTypeScriptでClaude Codeを作る

Hiro Son

1時間でChat GPTクローンをCursorで作成（ワンデークラス）講義サムネイル

1時間でChat GPTクローンをCursorで作成（ワンデークラス）

dodocoding

Next.js + Cursor IDE でチャットプログラムを1時間で実装できる能力が身につきます。

入門

入門

nextjs, ChatGPT, React

1時間でChat GPTクローンをCursorで作成（ワンデークラス）講義サムネイル

1時間でChat GPTクローンをCursorで作成（ワンデークラス）

dodocoding