0Pricing
Jetpack Compose Academy icon

Jetpack Compose Academy

KOTLINMobileAndroidFrontend

Jetpack Composeを使ってモダンなAndroid UIを構築しましょう。GoogleのKotlin用宣言型ツールキットで、最初のComposableからGoogle Playへの公開まで。

🤖 AI 搭載📚 30 コース👥 100,000+ ユーザー⭐ 4.9 評価
コース概要

Jetpack Compose: Build Android Apps

Jetpack Composeを使ってモダンなAndroid UIを構築します。Googleの宣言型ツールキットで、Kotlinで実装します。このトラックは、初級者(A1)から上級者(B2)まで、30段階のプログレッシブなミニコースをカバーしており、短くて焦点を絞ったレッスンと各概念を定着させるためのクイズを備えています。

学習内容

最初のComposableから始めて、レイアウト、状態管理を学びます。その後、リスト、ナビゲーション、Material 3テーマを構築します。さらに進むと、ViewModels、コルーチンとFlow、Room、Hilt、カスタムレイアウト、リコンポジション性能、テスト、そしてGoogle Playへの公開を学びます。すべてのレッスンは実践的で、困ったときに24時間利用可能なAIチューターが手伝います。

仕組み

各コースは4つの焦点を絞ったコンパクトなレッスンに分かれています。1日に数レッスン完了すれば、数ヶ月ではなく数週間でフルトラックをマスターできます。

学習を始める →

学び方

🎯
インタラクティブレッスン
リアルタイムフィードバック付きの実践的なコード演習
🤖
AIチューター
わからないときは、AIが即座にサポート
💻
組み込みエディタ
ブラウザで直接コードを書いて実行
🏆
認定資格
コース完了時に認定資格を取得
カリキュラム

30コース

Jetpack Compose Academyラーニングパスのすべてのコース

01

Jetpack Composeへようこそ

A14レッスン

Android StudioをCompose向けにセットアップし、最初の宣言型UIを実行します。

02

最初のComposable

A14レッスンPRO

画面に実際のコンテンツを描画するComposableを書き、プレビューします。

03

テキストとタイポグラフィ

A14レッスンPRO

フォント、色、強調を使ってテキストを表示・スタイル設定します。

04

画像とアイコン

A14レッスンPRO

ローカルのDrawable、ベクターアイコン、図形化した画像を表示します。

05

ボタンとクリック処理

A14レッスンPRO

タップに反応するインタラクティブなボタンを追加します。

06

Column、Row、Boxによるレイアウト

A24レッスンPRO

Composableを縦、横、重なった状態に配置します。

07

Modifier:Composableを形作る

A24レッスンPRO

Modifierチェーンを使って、あらゆる要素のサイズ、余白、装飾を設定します。

08

状態の基本:UIを反応させる

A24レッスンPRO

状態を保持・変更し、UIが自動的に更新されるようにします。

09

フォームとテキスト入力

A24レッスンPRO

テキストフィールドでユーザー入力を受け取り、検証します。

10

プロフィールカードアプリを作る

A24レッスンPRO

レイアウト、画像、テキスト、状態を組み合わせて、完成した画面を作ります。

11

LazyColumnによるリスト

B14レッスンPRO

遅延コンポジションを使って、長くスクロール可能なリストを効率的に表示します。

12

グリッドと横方向のリスト

B14レッスンPRO

コンテンツをグリッドや、スワイプできる横方向の行に配置します。

13

Material 3のテーマ設定

B14レッスンPRO

アプリ全体に統一感のあるMaterial Youテーマを適用します。

14

Scaffoldとアプリ構成

B14レッスンPRO

Scaffoldを使って、トップバー、ボトムバー、FABで画面の構成を整えます。

15

状態ホイスティングと再利用可能なコンポーネント

B14レッスンPRO

状態を適切な所有者に引き上げ、ステートレスなComposableを設計します。

16

ViewModelとUI状態

B14レッスンPRO

ビジネスロジックをViewModelに移し、不変のUI状態として公開します。

17

Navigation Compose

B14レッスンPRO

Navigation Composeのグラフを使って画面間を移動します。

18

ボトムナビゲーションとタブ

B14レッスンPRO

ボトムナビゲーションバーとタブ行で、複数セクションのアプリを構築します。

19

Composeの副作用

B14レッスンPRO

ComposeのEffect Handlerを使って、UI以外の処理を安全に実行します。

20

Retrofitによるネットワーク通信

B14レッスンPRO

REST APIからJSONを取得し、Compose UIに表示します。

21

Layoutによるカスタムレイアウト

B24レッスンPRO

子要素を自分で測定・配置して、独自のレイアウトを構築します。

22

Canvasによる描画

B24レッスンPRO

Compose Canvasにカスタムグラフィック、チャート、図形を描画します。

23

アニメーションとモーション

B24レッスンPRO

状態やジェスチャーに連動するモーションで、画面に命を吹き込みます。

24

ジェスチャーとタッチ入力

B24レッスンPRO

Pointer APIを使って、タップ、ドラッグ、スワイプ、マルチタッチを処理します。

25

パフォーマンスと再コンポジション

B24レッスンPRO

Composeのプロファイリングと調整を行い、不要な再コンポジションを排除します。

26

ComposeのFlowとコルーチン

B24レッスンPRO

Kotlin FlowとStateFlowを使って、リアクティブなデータをUIにストリームします。

27

Roomによるローカル永続化

B24レッスンPRO

RoomとFlowを使って、データをローカルに保存・監視します。

28

Hiltによる依存性注入

B24レッスンPRO

Hiltを使ってViewModelと画面に依存関係を組み込みます。

29

Compose UIのテスト

B24レッスンPRO

Composeの画面向けに、信頼性の高いユニットテストとUIテストを書きます。

30

Play Storeへの公開

B24レッスンPRO

Composeアプリを洗練し、パッケージ化して本番環境向けにリリースします。

よくある質問

よくある質問

Jetpack Compose Academyコースは無料ですか?

はい。Jetpack Compose Academyコースは無料で始められ、インタラクティブレッスンをすべて無料で完了できます。オプションのPRO登録で、高度なAIツールと共有可能な認定資格がアンロックされます。

KOTLINを学ぶのに事前経験は必要ですか?

いいえ。コースは基礎から始まり、より高度なトピックへと進むので、KOTLINの事前経験がなくても始められます。

CoddyKitでKOTLINをどのように学びますか?

実践しながら学びます。短いインタラクティブレッスンは、わかりやすい説明と、リアルタイムで実行される実践的なコード演習が組み合わさっており、24時間対応のAIチューターがわからないときにいつでもサポートします。

Jetpack Compose Academyを完了すると認定資格がもらえますか?

はい。PRO学習者は試験を受けて、Jetpack Compose Academyコースの完了を証明する共有可能な認定資格を取得できます(認証コード付き)。

スマートフォンでKOTLINを学べますか?

はい。CoddyKitはウェブとネイティブiOS・Androidアプリで利用でき、どのデバイスでもKOTLINを学習でき、進捗がすべてのデバイスで同期されます。

Jetpack Compose Academyを今すぐ始める

AI搭載レッスンでプログラミングをマスターする数千人の学習者に参加しましょう。

無料で始める →すべてのコースを見る