Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Mobile Application Development

[LV1] Jetpack Compose - UIを練習する

XMLだけで行うAndroid開発を抜け出して、Jetpack Composeを導入してみましょうか?

  • bokchi
안드로이드
앱개발
android
jetpack
android-jetpack-compose
실습 중심
Android
Kotlin
Jetpack

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

こんなことが学べます

  • Jetpack Composeの使い方

  • Jetpack Composeの利点

計画だけしていたJetpack Compose、
今回一度一緒に学びましょうか?

JetPack Composeの利点、ご存知ですか?

既存のXMLを利用して以下のような画面を作ってほしいという要件があるとき、どのような考えが先に行きますか? (以下のアプリはすべて直接講義で作成します。)

「ライブラリを探すべきだ」
「カスタムビューにするには複雑ですか?」
という考えが優先的に聞こえませんか?
もしそうなら、Jetpack Composeの導入を見直すことができます!

それでもComposeのメリットを感じにくいですか?

それでは、このようなアプリはどうですか?

このようなアニメーションもComposeを使用すると簡単に実装できます。
みんなで講義で自分で試せるようにお知らせします!


自分で経験したJetPack Composeの
便利さを
お伝えします。

Jetpack Composeは、Androidで少ないコードでUI開発を加速するためのツールです。

「(…) ネイティブ Android UI をビルドするための最新のツールキットです。 Jetpack Compose は、少ないコード、強力なツール、直感的な Kotlin APIで Android での UI 開発を簡素化して加速します。」 (Google公式文書)

社内で複雑なUIを作るプロジェクトがあり、積極的にJetpack Composeをスタディして導入してみました。実際に導入してみると、UIの作成にコードがかなり減るのが見られ、 UIとビジネスロジックを結ぶ過程で疲労度が減ることを感じることができました。その結果、既存のXMLのみを使用してAndroid画面を開発するよりも生産性も高くなったことを確認できました。

だから、こんな方におすすめです!

既存のAndroid(XML)でアプリ開発をしてみて、Composeの導入を検討中の方

Jetpack Composeがどんなものなのか、実際のメリットは何なのか気になった方

アンドロイド開発者として就職を準備している方(最近採用公告にComposeが多く言及されます!)

✋ちょっと待って!こんな方には合いません。

  • アンドロイドアプリ開発が初めての方: コトリンまたはワンチョボアンドロイド講義をお勧めします。
  • すでにComposeで開発をある程度してみて、深化過程をご希望の方: 深化過程は次の講義で準備いたします。

簡単なものから
Jetpack Compose 基礎完成

簡単な例から少しずつ難易度を高めていき、Jetpack Composeに慣れるように構成しました。

セクション1 - 簡単なレイアウトを見る

Jetpack Composeのさまざまな機能を実践してウォーミングアップをします。

セクション2 - 履歴書アプリの作成

前のセクションで学んだことに基づいて、簡単な履歴書アプリを作成します。

セクション3 - サイコロアプリの作成

サイコロ番号が変わるたびに表示される画面を画像ではなくコードとして簡単に実装してみてください。

セクション4 - グラフアプリの作成

練習でさまざまなグラフを簡単に作成するアプリを作成します。

セクション5 - カレンダーアプリの作成

既存のXMLで作成するのが難しかったカレンダー画面を簡単に実装してみてください。

セクション 6 - テーマ

プロジェクト作成時に最初に作成されたテーマがどんなものかを見て、カスタマイズしてみます。

セクション7 - クパンメイン画面の作成

クパンメイン画面に似た画面を作ってみながら、ScrollとPagerについて練習します。

セクション8 - ポケモンカードの作成

カードが反転するアニメーションを実習してみて、Composeでアニメーションが簡単に実装されることを実習してみます。

セクション9 - Composeを使用する少しのヒント(ボーナス!)

Composeを使用しながら混乱する可能性のある部分とXMLで使用する方法を学びます。


Q&A 💬

Q. 選手の知識が必要ですか?

はい。既存のXMLを利用してRecyclerView程度は作成できる方が受講していただければ幸いです。また、コトリン文法の基本的な知識が必要です。

Q. どの程度のレベルまでComposeを扱いますか?

主に基本的なUIを中心に講義が行われます。

Q. LV1以降LV2、LV3もありますか?

  • [LV1] Jetpack Compose - UIを練習する (現在講義)

  • [LV2] Jetpack Compose - UIとアニメーションリンク

  • [LV3] Jetpack Compose - もっともらしいダイエットアプリを作るリンク

Q. 講義スタイルはどうですか?

相当数の授業をプレビューに設定しておきました。プレビューレッスンを確認してから、講義スタイルが合っていることを確認してから受講することをお勧めします。

Q. Googleの公式文書がありますが、なぜ講義を聞くべきですか?

個人的にはGoogleの公式文書は知ってみるとよく説明されていますが、入門者の立場では親切ではないと感じられる時が多かったです。今回の講義では、Jetpack Compose入門者の立場で段階的に簡単に説明しようと努力しました。

内容を十分に理解できるように
ソースコードとノッション材料を提供します!

セクション0 講義紹介 - 講義資料 リンクにノッションで見事にソースコードを整理しました。

一緒に見ればいい講義📺

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Jetpack Composeを学ぶことを考えただけの人

  • Jetpack Composeはどんなものなのか気になる方

  • Android開発者として就職準備をしている方

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

  • 既存のXMLでAndroid開発を行った経験

こんにちは
です。

6,268

受講生

379

受講レビュー

1,368

回答

4.8

講座評価

11

講座

2015년 스타트업 창업을 계기로 다양한 개발 프로젝트를 진행하였습니다.

현재는 평범한 직장인 개발자입니다

カリキュラム

全体

70件 ∙ (7時間 3分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

10件

4.7

10件の受講レビュー

  • devLsy(이상엽)님의 프로필 이미지
    devLsy(이상엽)

    受講レビュー 4

    平均評価 4.5

    4

    99% 受講後に作成

    서버 개발자로 안드로이드 공부를 하면서 jetpack compose 관련 개념 잡는데 많은 도움이 되었습니다. 감사합니다.

    • 개복치개발자
      知識共有者

      수강평 감사합니다!

  • 가_신민준_20_2907님의 프로필 이미지
    가_신민준_20_2907

    受講レビュー 2

    平均評価 5.0

    5

    30% 受講後に作成

    • gomohan1님의 프로필 이미지
      gomohan1

      受講レビュー 4

      平均評価 5.0

      5

      7% 受講後に作成

      책으로만 Compose 공부하다 강의를 보니 확실히 잘 이해되네요!

    • Short님의 프로필 이미지
      Short

      受講レビュー 4

      平均評価 5.0

      5

      30% 受講後に作成

    • 박건무님의 프로필 이미지
      박건무

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

    ¥4,539

    bokchiの他の講座

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

    似ている講座

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