강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
Programming

/

Mobile Application Development

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

Jetpack Composeでもっともらしいアプリを作ってみましょう。 例では、少し進化してAPI（Firebase）を接続してネットワーク通信まで一度試してみます。

（5.0）受講レビュー 1件

受講生 71名

  • bokchi
실습 중심
미니프로젝트
Android Compose
Android
Firebase

こんなことが学べます

  • Jetpack Compose UI

  • Jetpack Compose アニメ

  • ViewModel

スクリーンショット2024-07-21午後10.41.08

ダイエットアプリを作成しながらJetpack Composeを練習してみましょう。

Jetpack Composeを使ってもっともらしいダイエットアプリを作りましょう。

  • 部分的な例ではなく、1つのプロジェクトを最初から最後までしましょう。

  • さまざまなアニメーションと画面切り替えをどのように行うかを見てください。

以下のことを練習してみてください。

会員登録/ログイン

会員登録のログイン機能を実装することでエラー処理を行う方法を学びます。

データの可視化

データを視覚化してグラフで表現し、アニメーションを通じてカラフルなUIを実装します。

データの読み書き、削除

データの読み取り、書き込み、削除を行いながら、画面切り替えとActivity / Compose画面遷移を学びます。

プロフィール画面の編集

プロフィール画面を編集しながら、データの変更と画面の切り替えについて学びます。

🔍学習内容

どんな内容を学べますか？

  1. Jetpack Composeの基本的なUIとアニメーション、そしてよく使われる画面をComponentで分離して使う方法などについて学ぶことができます。


  2. 簡単なデータの読み書きをしながら、UIでどのようにAPIを呼び出して受け取り、データを同期するかをViewModelで使用しながら知ることができます。

  3. Jetpack Composeを例だけいくつか試した状況で、サーバー（Firebase）と通信しながらどのように機能を付けていくことができるのかを把握できます。

🤺川のレベルはどうですか？


Jetpack Composeの例をいくつか練習してみた方のために
ViewModelとAPI通信を組み合わせてプロジェクトを作成したい方を対象にしました。


そのため、以下の選手の知識が必要です。

  1. Jetpack Composeの例をいくつか実践してみた経験

  2. Kotlinの基本的な文法を理解する

  3. ViewModelが何であるかを知る必要があります


✍どのように授業が行われますか？


以下のように、時々レビューを通じて説明をする場合がありますが、ほとんどの場合は特別な説明なし
プロジェクトを完成させるためにコードをすばやく実装します。


✏よくある質問


Q. Jetpack Composeが初めてです。

A. このレッスンは、ViewModel / Jetpack Composeに基本的な知識がある方のためにプロジェクトを試すことを目的に作成されました。

Jetpack Composeが初めての場合は、以下のレッスンを

[LV1] Jetpack Compose - UIを練習する (リンク)

ViewModelが何であるかよくわからない場合

Kind Jetpack 開論<賞> (リンク)

をまず受講していただければ幸いです。


Q.レッスンで使用したコードと画像の両方を提供しますか？

A. セクション 0. 講義紹介部に4番目の「講義資料リンク」で各セクション別のコードとイメージをご覧いただけます。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • Jetpack Composeでサンプルを試しましたが、プロジェクトをやりたい人

  • 理論よりも早くプロジェクトで勉強したい人

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

  • Jetpack Composeでは、Row Columnは作成できる必要があります

  • ViewModelを使ってみたと仮定してクラスを進めます

こんにちは
です。

6,323

受講生

383

受講レビュー

1,372

回答

4.8

講座評価

11

講座

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

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

カリキュラム

全体

57件 ∙ (3時間 48分)

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

受講レビュー

全体

1件

5.0

1件の受講レビュー

  • 정태현님의 프로필 이미지
    정태현

    受講レビュー 25

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    이번 Jetpack Compose 강의도 재미있었습니다!

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

      수강평 감사합니다!

￥5,857

bokchiの他の講座

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

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

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

개복치개발자

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

Beginner

Beginner

Android, Kotlin, Firebase

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

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

개복치개발자

[LV1] Jetpack Compose - UI 연습하기Course Thumbnail

[LV1] Jetpack Compose - UI 연습하기

개복치개발자

XML만으로 하는 안드로이드 개발을 벗어나, Jetpack Compose를 도입해볼까요?

Basic

Basic

Android, Kotlin, Jetpack

[LV1] Jetpack Compose - UI 연습하기Course Thumbnail

[LV1] Jetpack Compose - UI 연습하기

개복치개발자

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

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

개복치개발자

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

Beginner

Beginner

Kotlin, 코딩 테스트

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

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

개복치개발자

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

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

개복치개발자

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

Basic

Basic

Android, Android Compose, clean-architecture

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

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

개복치개발자

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

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

개복치개발자

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

Intermediate

Intermediate

Jetpack, Kotlin, Android

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

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

개복치개발자

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

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

개복치개발자

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

Basic

Basic

JavaScript, TypeScript

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

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

개복치개발자

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

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

개복치개발자

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

Beginner

Beginner

HTML/CSS, JavaScript, Vue.js

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

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

개복치개발자

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

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

개복치개발자

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

Intermediate

Intermediate

Kotlin, Android

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

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

개복치개발자

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

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

개복치개발자

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

Basic

Basic

Android, Jetpack, Android Compose

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

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

개복치개발자

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

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

개복치개발자

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

Intermediate

Intermediate

Jetpack, Kotlin, Android

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

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

개복치개발자

似ている講座

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

[LV1] Jetpack Compose - UI 연습하기Course Thumbnail

[LV1] Jetpack Compose - UI 연습하기

개복치개발자

XML만으로 하는 안드로이드 개발을 벗어나, Jetpack Compose를 도입해볼까요?

Basic

Basic

Android, Kotlin, Jetpack

[LV1] Jetpack Compose - UI 연습하기Course Thumbnail

[LV1] Jetpack Compose - UI 연습하기

개복치개발자

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

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

개복치개발자

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

Basic

Basic

Android, Android Compose, clean-architecture

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

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

개복치개발자

FlutterFlow 쉽게하는 노코드 앱개발Course Thumbnail

FlutterFlow 쉽게하는 노코드 앱개발

U진

코딩 없이도 나만의 앱을 만들 수 있다! 🚀 초보자도 따라 할 수 있는 노코드 입문 강의! FlutterFlow를 활용한 실전 앱 개발로 쉽고 빠르게 앱을 완성해보세요.

Beginner

Beginner

FlutterFlow, Firebase, No-code

FlutterFlow 쉽게하는 노코드 앱개발Course Thumbnail

FlutterFlow 쉽게하는 노코드 앱개발

U진

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

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

Neo

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

Beginner

Beginner

Android, Kotlin, Spring Boot

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

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

Neo

[Unity] 함께 만들어가는 방치형 게임 개발Course Thumbnail

[Unity] 함께 만들어가는 방치형 게임 개발

Pinous

해당 강의는 방치형 게임을 만들어가면서 수익 창출을 목적으로 한 모바일 게임 개발을 진행하는데 중점을 두고 있습니다.

Intermediate

Intermediate

C#, Unity, Firebase

[Unity] 함께 만들어가는 방치형 게임 개발Course Thumbnail

[Unity] 함께 만들어가는 방치형 게임 개발

Pinous

윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기Course Thumbnail

윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기

소프트캠퍼스

2024년 최신 버전 및 17시간 48분 러닝타임 이 과정 하나로 kotlin 완전 정복할 수 있습니다.

Basic

Basic

Kotlin, Java, Android

윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기Course Thumbnail

윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기

소프트캠퍼스

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

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

김대현

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

Basic

Basic

Kotlin, Android, backend

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

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

김대현

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

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

노란창문

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

Basic

Basic

하이브리드 앱, JavaScript, Android

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

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

노란창문

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

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

QA대디

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

Beginner

Beginner

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

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

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

QA대디

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

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

쌤즈(SSAMZ)

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

Basic

Basic

Android, Lambda, Kotlin

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

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

쌤즈(SSAMZ)

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

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

신휴창

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

Basic

Basic

Firebase, Android

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

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

신휴창