マガジンのカバー画像

JetpackCompose初心者向けチュートリアル集

8
Android開発初心者~初級者向け JetpackComposeの初心者から中級を目指すためのチュートリアル集
¥1,280
運営しているクリエイター

記事一覧

【Jetpack Compose】Clean architectureで作るUnsplash画像検索アプリ

こんにちは、まっこりです。 今回の記事はClean ArchitecutureでAndroidアプリを作成するチュートリアルとなっており、Clean Architechtureの実装方法を学ぶことができる内容となっています。 このコースのソースコードはGitHubの方に公開していますので、途中でわからなくなった場合は参照ください。 Clean Architectureとは(あくまで私の認識)Clean Architectureは私の認識では、依存関係の方向の制御とコードの

¥480

【初心者向けチュートリアル3】JetpackComposeでTodoリストアプリを作ろう

こんにちはまっこりです。今回の記事はJetpackComposeの初心者向けチュートリアルの第三弾となっております。第一弾、第二弾を通じてJetpackComposeでのUIの作成方法、ViewModelを使ったデータの管理方法を学んできました。第三弾では、これまで学んできたUIの作成方法やViewModelを使用しつつ、リスト、ダイアログ表示の作成や、より難しいDB操作をするTodoリストアプリを作っていきます。 初心者向けチュートリアルの第一弾、第二弾をやっていない方は

¥250

【Android/Kotlin】CameraXでQRコードリーダーを作ろう

こんにちはAndroidアプリエンジニアをしているまっこりです! 今回のnoteは、CameraXとMLKitを使ってQRコードリーダーアプリを作るチュートリアルとなってます。UIはJetpackComposeで実装していきます。 完成するとこんな感じになります。 CameraXはカメラアプリの開発を容易にすることを目的としたライブラリで、developerサイトでも新しいアプリを開発する場合はCameraXの使用を推奨しています。 完成版のソースコードはこちらにアップ

¥250

JetpackComposeでQiitaのクライアントアプリを作ろう

こんにちは、まっこりです! 今回の記事では、JetpackComposeを使ってQiitaのクライアントアプリを作っていきます。Retrofitを使ったHTTP通信の方法や、MVVMアーキテクチャのシンプルな実装方法を知ることができる内容となっています。 完成時のソースコードをGitHubにアップしてます。必要な場合は確認してみてください。 1. 新規プロジェクトの作成まずは、新規プロジェクトの作成とフォルダ構成を作っていきます。 プロジェクトのテンプレートはEmpty

¥250

【JetpackCompose】Roomを使ってTodoアプリを作ろう

注意: この記事にはリメイク版があります。 こんにちはまっこりです。今回のnoteはAndoridアプリ開発のチュートリアル記事です。SQLiteを扱うためのライブラリであるRoomを使ってTodoアプリを作っていきます。Roomを使ったCRUDの実装方法と、MVVM+Rアーキテクチャの実装方法を学べる内容となっています。 完成版のソースコードはGitHubにアップロードしてあります。必要な場合は参照してください。 1. 新規プロジェクトの作成コードを書いていく前に、プ

¥250

【JetpackCompose】Realmを使ってTodoアプリを作ろう

こんにちはマッコリです。今回のnoteはAndroidアプリ開発のチュートリアル記事です。Realmを使ってTodoアプリを作っていきます。Realmを使ったCRUDの実装方法、MVVM+Rアーキテクチャの実装方法、DIライブラリのHiltの使い方を学べる内容となっています。 完成版のソースコードはGitHubにアップロードしてあります。必要な場合は参照ください。 1. 新規プロジェクトの作成では、早速プロジェクトの作成を行なっていきます。 テンプレート選択 プロジェ

¥250

【初心者向けチュートリアル】Jetpack Composeで自己紹介アプリを作ろう

こんにちはまっこりです。今回の記事はJetpackComposeの初心者向けチュートリアルとなってます。JetpackComposeでのテキストや画像の表示、ボタンクリックによる表示の変更といった基本的な部分を習得できる内容になっているかと思います。 作るアプリについて自己紹介アプリというとどんなアプリなのか想像しにくいかと思います。名前や会社名、趣味といった自己紹介で話すような項目をただ表示するだけのアプリです。イメージとしては名刺が近いかと思います。 完成図は以下のよ

¥250

【初心者向けチュートリアル2】JetpackComposeでBMI計算アプリを作ろう

注意: この記事には一部誤りが含まれています <- Hilt関連 TODO: 修正 こんにちはまこりです。今回の記事はJetpackComposeの初心者向けチュートリアルの第二弾となっております。第一弾で学んだJetpackComposeでの基本的なUIの作成をおさらいしつつ、ViewModelを使ったデータの管理やテキストフィールドによるユーザーインプットの扱い方などを学んでいきます。 ユーザーが入力した身長と体重をもとにBMIを計算し、画面に表示するというアプリをハ

¥250