BEST

Mobile Application Development

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

Name: [LV1] Jetpack Compose - UIを練習する
Price: 38500 KRW
Rating: 4.7 (15 reviews)

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

（4.7）受講レビュー 15件

受講生 252名

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とは何か、実際のメリットは何かを知りたい方}

_{Androidデベロッパーとして就職を準備されている方(最近の求人にはComposeがよく言及されています!)}

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

Androidアプリ開発が初めての方：Kotlinまたは超初心者向けAndroid講座をおすすめします。
すでにComposeである程度開発を経験されており、応用コースをご希望の方：応用コースは次の講義で準備いたします。

簡単なことから着実に
Jetpack Compose基礎完成

簡単な例題から少しずつ難易度を上げながら、Jetpack Composeに慣れることができるように構成しました。

セクション1 - シンプルなレイアウトを見てみる

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

セクション2 - 履歴書アプリを作る

前のセクションで学んだ内容をもとに、簡単な履歴書アプリを作ってみます。

セクション3 - サイコロアプリを作る

サイコロの数字が変わるたびに表示される画面を、画像ではなくコードで簡単に実装してみます。

セクション4 - グラフアプリを作る

実習を通じて様々なグラフを簡単に作成するアプリを制作してみます。

セクション5 - カレンダーアプリを作る

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

セクション6 - Theme

プロジェクト作成時に最初に生成されるThemeがどのようなものか確認し、カスタマイズしてみます。

セクション7 - クーパンメイン画面を作る

クーパンのメイン画面と類似した画面を作りながら、ScrollとPagerについて実習します。

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

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

セクション9 - Compose使用のちょっとしたコツ（ボーナス！）

Composeを使用する際に混乱しやすい部分と、XMLと併用する方法について学びます。

Q&A 💬

Q. 事前知識は必要ですか?

はい。既存のXMLを利用してRecyclerView程度は作成できる方が受講されると良いと思います。また、Kotlinの文法に関する基本的な知識が必要です。

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

主に基礎的なUI中心に講義が進められます。

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

かなりの数の授業をプレビューとして設定しております。プレビュー授業をご確認いただき、講義スタイルが合うかどうかをご確認の上、受講されることをお勧めいたします。

Q. Google公式ドキュメントがあるのに、なぜ講座を受講する必要があるのですか？

個人的にGoogleの公式ドキュメントは、よく見ると丁寧に説明されていますが、初心者の立場からは親切ではないと感じることが多かったです。今回の講義では、Jetpack Compose初心者の立場から段階的に分かりやすく説明するよう努めました。

内容を十分に理解できるよう
ソースコードおよびNotionの資料を提供します!

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

シリーズ講座で
着実に学習 🧰

趣味でAndroidアプリ開発を学びたい方は?

[入門編] Android のための Kotlin 文法]
[超初心者編] 8つのアプリを作りながら学ぶ Android Kotlin

もう少し深くAndroid開発者のように開発したいなら?

[中級編] Kind Blender JETPACK概論 <上>
[中級編] Kind Blender JETPACK概論 <下>

宣言的UIについて知りたい方は?

[LV1] Jetpack Compose - UIの練習
[LV2] Jetpack Compose - UIとアニメーション
[LV3] Jetpack Compose - 本格的なダイエットアプリを作る
[LV4] Jetpack Compose - デザインパターンとCircuit

就職を念頭に置いて勉強するなら?

[ポートフォリオ] Androidアプリ作成 - 理論編
[ポートフォリオ] Androidアプリ作成 - 実習編

こんな方に
おすすめです

学習対象は
誰でしょう？

Jetpack Composeを学ぶことを考えただけの人
Jetpack Composeはどんなものなのか気になる方
Android開発者として就職準備をしている方

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

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

こんにちは
です。

6,540

受講生

423

受講レビュー

1,387

回答

4.8

講座評価

講座

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

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

カリキュラム

全体

70件 ∙ (7時間 3分)

セクション 1．講義紹介

4件 ∙ (2分)

セクション 2．簡単なレイアウトを見る（UI練習）

27件 ∙ (3時間 35分)

5. 簡単なComposeプロジェクトの説明/何をしているのか見てください
07:42
6. Text
06:27
7. ボタン/トースト
08:42
8. remember
08:55
9. Column/Spacer/Divider
07:33
10. TextField/OutlinedTextField
13:03
11. イメージ
04:31
12. 箱
08:16
13. Row
04:12
14. Column+Row (名刺作成)
13:37
15. カード
07:39
16. WebView
03:05
17. Surface
11:21
18. Scaffold
12:14
19. LazyColumn
03:30
20. LazyRow
03:39
21. ProgressIndicator
06:13
22. コード編集
07:22
23. Show/Hide
08:29
24. Navigation - 1
06:29
25. Navigation - 2
08:24
26. Retrofit - 1
08:53
27. Retrofit - 2
12:00
28. Retrofit - 2修正
01:15
29. Drawer
16:48
30. Dialog
09:40
31. Canvas
05:10

セクション 3．履歴書アプリの作成（UI実習）

4件 ∙ (17分)

32. どのようなものを作るのかを見る
01:06
33. 履歴書アプリの作成 - 1
02:26
34. 履歴書アプリの作成 - 2
05:41
35. 履歴書アプリの作成 - 3
08:21

セクション 4．サイコロ作り（UI実習）

4件 ∙ (21分)

セクション 5．グラフアプリの作成（UI実習）

6件 ∙ (45分)

セクション 6．カレンダーアプリの作成（UI実習）

5件 ∙ (30分)

セクション 7．Theme (UI 詳細)

5件 ∙ (30分)

セクション 8．クパンメイン画面作成（UI実習）

6件 ∙ (25分)

セクション 9．ポケモンカードを作る

4件 ∙ (13分)

セクション 10．Composeを使う少しのヒント

5件 ∙ (19分)

講座掲載日:

最終更新日:

受講レビュー

全体

15件

4.7

15件の受講レビュー

devLsy(이상엽)
受講レビュー 4
∙
平均評価 4.5
4
99% 受講後に作成
서버 개발자로 안드로이드 공부를 하면서 jetpack compose 관련 개념 잡는데 많은 도움이 되었습니다. 감사합니다.
- 개복치개발자
  知識共有者
  수강평 감사합니다!
백씨
受講レビュー 5
∙
平均評価 5.0
5
30% 受講後に作成
mjkim
受講レビュー 5
∙
平均評価 5.0
5
99% 受講後に作成
김구태
受講レビュー 5
∙
平均評価 4.6
5
30% 受講後に作成
임재교
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成

￥4,765

bokchiの他の講座

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

[왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)

개복치개발자

앱 8개를 만들면서 코틀린 문법을 이용하여 안드로이드 앱을 만들어봅니다. 8개의 실습자료 뿐만이 아니라, 다양한 이론 설명과 함께 안드로이드를 공부해봅니다.

입문

Android, Kotlin, Firebase

[왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)

개복치개발자

[포트폴리오] 안드로이드 앱 만들기 - 실습편

개복치개발자

안드로이드 개발자로 취업을 준비하시면서 포트폴리오에 제작에 도움이 될 수 있는 강의입니다.

중급이상

Android, Kotlin, clean-architecture

[포트폴리오] 안드로이드 앱 만들기 - 실습편

개복치개발자

[포트폴리오] 안드로이드 앱 만들기 - 이론편

개복치개발자

취업(이직)을 위해 포트폴리오 앱을 만들기 위한 안드로이드 개발 관련 이론입니다.

초급

Android, Android Compose, clean-architecture

[포트폴리오] 안드로이드 앱 만들기 - 이론편

개복치개발자

[입문편] 안드로이드를 위한 코틀린(Kotlin) 문법

개복치개발자

코틀린 문법 기초 강의입니다. 안드로이드 앱을 코틀린 언어로 개발하고 싶으신 분들을 위한 강의이고, 기초부터 튼튼하게 코틀린 문법을 재미있게 공부할 수 있습니다.

입문

Kotlin, 코딩 테스트

[입문편] 안드로이드를 위한 코틀린(Kotlin) 문법

개복치개발자

[LV4] Jetpack Compose - 디자인패턴과 Circuit

개복치개발자

Android Jetpack Compose 프레임워크인 Circuit에 대해서 간단한 튜토리얼과 실습을 진행해봅니다.

중급이상

Android Compose, Android, circuit

[LV4] Jetpack Compose - 디자인패턴과 Circuit

개복치개발자

[1시간](다른언어)개발자를 위한 자바스크립트

개복치개발자

이미 개발언어(Java/python/swift/kotlin 등)을 사용해본 개발자를 대상으로 자바스크립트를 한시간만에 빠르게 익힐 수 있는 강의입니다. AI와 함께 코딩하는 시대이지만, AI코드를 인간 개발자가 감독해야 하기 때문에 감독을 위한 최소한의 지식을 빠르게 쌓기 위한 강의입니다.

초급

JavaScript, TypeScript

[1시간](다른언어)개발자를 위한 자바스크립트

개복치개발자

[LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기

개복치개발자

Jetpack Compose로 그럴 듯한 앱을 만들어봅니다. 예제에서 조금 발전해서 API(Firebase)를 연결해서 네트워크 통신까지 한번 해봅니다.

초급

Android Compose, Android, Firebase

[LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기

개복치개발자

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

바쁜 기획자 분들을 위한 빠르게 진행되는 개발 강의입니다. 군더더기 없는 설명으로 웹 프론트엔드, 백엔드, DB를 직접 개발해보며 전체적인 개발 프로세스를 알아볼 수 있습니다.

입문

HTML/CSS, JavaScript, Vue.js

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

[LV2] Jetpack Compose - UI와 애니메이션

개복치개발자

더 이상 디자이너분에게 "이건 모바일에서 안 되는 거예요" 라고 말하지 마세요. Jetpack Compose로 UI/애니메이션을을 쉽게 구현할 수 있습니다.

초급

Android, Jetpack, Android Compose

[LV2] Jetpack Compose - UI와 애니메이션

개복치개발자

[중급편] 친절한 JETPACK 개론 <하> (Android Kotlin)

개복치개발자

코틀린으로 안드로이드 개발을 위한 젯팩(JETPACK) 개론입니다. 주로 LocalDB / Network 통신을 다룹니다.

중급이상

Jetpack, Kotlin, Android

[중급편] 친절한 JETPACK 개론 <하> (Android Kotlin)

개복치개발자

[중급편] 코인 가격 모니터링 앱 제작 (Android Kotlin)

개복치개발자

매번 똑같은 TODO 리스트 / CRUD 예제 앱 만드는 것에 지치셨나요? 재미있게 코인 가격 모니터링 앱을 만들어보며 다양한 기술을 실습해보는 강의입니다.

중급이상

Kotlin, Android

[중급편] 코인 가격 모니터링 앱 제작 (Android Kotlin)

개복치개발자

[중급편] 친절한 JETPACK 개론 <상> (Android Kotlin)

개복치개발자

코틀린으로 안드로이드 개발을 위한 젯팩(JETPACK) 개론입니다. 안드로이드 개발을 하면서 사용할 수 있는 다양한 테크닉을 연습할 수 있습니다.

중급이상

Jetpack, Kotlin, Android

[중급편] 친절한 JETPACK 개론 <상> (Android Kotlin)

개복치개발자

似ている講座

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

[LV2] Jetpack Compose - UI와 애니메이션

개복치개발자

더 이상 디자이너분에게 "이건 모바일에서 안 되는 거예요" 라고 말하지 마세요. Jetpack Compose로 UI/애니메이션을을 쉽게 구현할 수 있습니다.

초급

Android, Jetpack, Android Compose

[LV2] Jetpack Compose - UI와 애니메이션

개복치개발자

[LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기

개복치개발자

Jetpack Compose로 그럴 듯한 앱을 만들어봅니다. 예제에서 조금 발전해서 API(Firebase)를 연결해서 네트워크 통신까지 한번 해봅니다.

초급

Android Compose, Android, Firebase

[LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기

개복치개발자

Only Javascript만으로 배우는 하이브리드앱 패키징

노란창문

본 강의는 웹 서비스 개발 기술인 Javascript를 사용하여 모바일 환경의 여러 가지 네이티브 앱 기능을 빠르게 만들 수 있는 방법에 대해 배우고 스토어 출시 과정까지 학습할 수 있는 강의입니다.

초급

하이브리드 앱, JavaScript, Android

Only Javascript만으로 배우는 하이브리드앱 패키징

노란창문

예제로 뿌수는 코틀린 Kotlin 76제

김대현

76개의 예제로 실습하며 공부하는 코틀린 Kotlin 프로그래밍 언어. 당장 내일부터 코틀린으로 개발해야 하는데, 차근히 문법을 공부할 여유가 없나요? 이 강의에서 알려드리는 예제로 빠르게 코틀린의 모든 문법을 알아봅시다.

초급

Kotlin, Android, backend

예제로 뿌수는 코틀린 Kotlin 76제

김대현

깡샘의 쌩초보 안드로이드 One Day Class – Part2 코틀린 이해하기

쌤즈(SSAMZ)

이 강의를 통해 코틀린 언어의 핵심을 이해하고 안드로이드 앱 개발할 때 언어에서 막혀서 앱 개발이 안되는 우를 범하지 않고자 합니다.

초급

Android, Lambda, Kotlin

깡샘의 쌩초보 안드로이드 One Day Class – Part2 코틀린 이해하기

쌤즈(SSAMZ)

누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Flutter로 나만의 게시판을 만들어보세요!

초급

Flutter, Kotlin, Spring Boot

누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기

Neo

새차원의 코틀린 코루틴(Coroutines) 강좌

새차원

코틀린 언어의 코루틴에 대한 강좌입니다. 최근에 코틀린의 사용률이 높아졌습니다. 구글플레이에 상위 1,000개 앱 중 70% 이상이 코틀린이 사용된 것으로 구글이 발표했습니다. 코틀린 언어의 성장과 함께 코틀린 언어 자체도 발전 하고 있습니다. 비교적 최근에 추가된 기능인 Coroutines 기능은 기존에는 전례가 없던 획기적인 기능을 제공합니다. 하지만 새로움도 그만큼 큽니다. 다행히도 많은 온라인상에 흩어져 있던 자료들과 kotlinlang.org 를 통해서 코틀린의 코루틴을 정리해 볼 수 있었습니다.

중급이상

Kotlin

새차원의 코틀린 코루틴(Coroutines) 강좌

새차원

쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

QA대디

Android 및 iOS 장치에서 테스트 자동화 개발이 궁금하신 모든 분을 위한 강의입니다. 이 강의를 통해 모바일 장치에서 자동화 테스트를 수행할 수 있게 됩니다.

입문

Appium Studio, 소프트웨어 테스트, QA(품질보증)

쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

QA대디

누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + Android(Compose) RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Android로 나만의 게시판을 만들어보세요!

입문

Android, Kotlin, Spring Boot

누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기

Neo

Kotlin 문법 총 정리 - 1시간

오준석

1시간 안에 학습할 수 있는 코틀린 문법 총 정리 강의입니다.

입문

Kotlin

Kotlin 문법 총 정리 - 1시간

오준석

파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

신휴창

파이어베이스에 대한 소개와 파이어베이스의 기능을 이용한 웹, 안드로이드 어플리케이션을 만드는 강좌 입니다.

초급

Firebase, Android

파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

신휴창

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

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

受講後に得られること

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

それでもComposeの利点を実感しにくいですか？

直接体験したJetPack Composeの有用性をお伝えします。

そこで、こんな方におすすめです!

簡単なことから着実にJetpack Compose基礎完成

セクション1 - シンプルなレイアウトを見てみる

セクション2 - 履歴書アプリを作る

セクション3 - サイコロアプリを作る

セクション4 - グラフアプリを作る

セクション5 - カレンダーアプリを作る

セクション6 - Theme

セクション7 - クーパンメイン画面を作る

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

セクション9 - Compose使用のちょっとしたコツ（ボーナス！）

Q&A 💬

内容を十分に理解できるようソースコードおよびNotionの資料を提供します!

シリーズ講座で着実に学習 🧰

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

bokchiの他の講座

似ている講座

直接体験したJetPack Composeの
有用性をお伝えします。

簡単なことから着実に
Jetpack Compose基礎完成

内容を十分に理解できるよう
ソースコードおよびNotionの資料を提供します!

シリーズ講座で
着実に学習 🧰

こんな方に
おすすめです

こんにちは
です。