タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Jetpack Composeを使った複雑なアニメーション事例 - Mirrativ Tech Blog
ミラティブのAndroidエンジニアのmorizoooです。 MirrativのAndroidアプリでは、新規で作る画面には積極的にJetpack Composeを活用しています。 tech.mirrativ.stream Mirrativは、多くのユーザーがゲームや雑談などの配信をしており、配信を盛り上げるための演出として通常のアニメーションに加えてLottieも織り交ぜ、リッチなアニメーションを実装しています。 Jetpack Compose導入以前は、AnimationListenerのCallbackを入れ子にする形で複雑なアニメーションを実現していたのですが、いざJetpack Composeで実装しようとなるとどう実装するのが良いのか苦心しました。 今回の記事では、実際にアプリで使っているアニメーションを例に、Jetpack Composeで作ったアニメーションを紹介します。
React のエンジニアが Jetpack Compose を勉強してみた - ┗┐＜(՞ਊ՞)＞┌┛
育休前は React と go をよく書いていましたが、育休が終わって Android の仕事につくことになったので、Jetpack Compose の勉強をしました。といっても自分ばズブの素人というわけではなく、Jetpack Compose が導入される前には Android のエンジニアで、確かマルチモジュールが世の中に出始めたかな〜ぐらいの時代で Web 方面に進んだので、そこらへんの時代で知識が止まっています。 Jetpack Compose とは https://developer.android.com/jetpack/compose Android ネイティブアプリケーションを、宣言的 UI でアプリを作ることができるキットです。これまで Android は Activity（いわばウィンドウ。一画面に必ず１つしかない） や Fragment（いわばウィンドウの上における、
Jetpack ComposeにおけるViewの多重タップ、複数同時タップの防止策 - Mirrativ Tech Blog
こんにちは。ミラティブのAndroidエンジニアのかねき@kanesyです。 以前の記事でも何度か紹介していますが、MirrativのAndroidアプリでは新規で作る画面には積極的にJetpack Composeを活用しています。 tech.mirrativ.stream Jetpack Composeでの開発が活発になるにつれて、Viewの多重タップや、リスト中の複数アイテムの同時タップなどの想定外の挙動に向き合う必要が出てきました。 そこで今回は、MirrativのAndroidアプリで採用したJetpack ComposeにおけるViewの多重タップや、リスト中のアイテムの複数同時タップに対する取り組みについて紹介します。 Android Viewにおける多重タップ防止 Jetpack Composeでの実装の説明に移る前に、まずは既存のAndroid Viewにおける多重タップ防
マンガビューワGigaViewer for AppsでJetpack Composeを全面採用してみた - Hatena Developer Blog
こんにちは、マンガアプリチームの id:nabe1216 です。 2021年11月より、はてな開発のマンガビューワのアプリ版「GigaViewer for Apps」を提供開始し、最初の導入事例として「コミックガルド＋（プラス）」がリリースされました。 GigaViewer for Appsは各社のマンガ配信サイトで採用されている「GigaViewer for Web」のアプリ版で、GigaViewer for Webと同様にさまざまな規模のマンガアプリが導入できるように開発しています。 hatenacorp.jp GigaViewer for AppsのUI周りは全て、Androidで新しく登場した宣言的UIフレームワークであるJetpack Composeで実装しています。この記事ではJetpack Composeの使い方や、関連して採用した技術について紹介します。 Jetpack C
【Android】Jetpack Composeの活用法について - Mirrativ Tech Blog
Mirrativ Androidエンジニアのmorizoooです。 MirrativのAndroidアプリでは、Jetpack Composeの1.0がリリースされた2021年7月から導入をはじめています。 今回の記事では、導入に至った経緯と、ミラティブで採用しているFluxアーキテクチャの中でJetpack Composeをどのように活用しているかについてお話します。 導入に至った背景 Jetpack Compose導入の背景としては公式ドキュメントにもあるように以下の点をメリットに感じて導入しました。 コード量が削減できること ステートレスコンポーネントを簡単に作成できること developer.android.com また、Jetpack Composeの開発に深く携わっているJim Sprochさんもツイートでも、旧Android Viewはメンテナンスモードと宣言されており、Je
マルチプラットフォーム対応が進むKotlin。「Jetpack Compose for Web」登場、Webアプリ対応のUIフレームワーク
Kotlin言語や統合開発ツールIntelliJ IDEAなどの開発を行っているJetBrainsは、Kotlinに対応したWebアプリケーション用のUIフレームワーク「Jetpack Compose for Web」のテクニカルプレビューを発表しました。 Jetpack Compose advances to the browser! Our newest technology preview brings Google’s toolkit for building reactive user interfaces with Kotlin to the web. Take a look, and learn all about the first preview version of Jetpack Compose for Web!https://t.co/RJhAYe6ek8 — Ko
#11WeeksOfAndroid 18 #Android12 1 #AndroidDevJourney 1 #androiddevsummit 5 #GoogleIO 19 #WeArePlay 3 12l 1 5 star apps 1 Ads 1 advertising 1 AGDE 1 AGDK 2 AGI 1 AI 3 AI Announcements beginner Explore Generative AI 1 AI Announcements beginner Explore Generative AI、 1 Android 106 Android 10 1 Android 11 1 Android 12 Beta 5 1 Android 12L 1 Android 13 3 Android 14 7 Android 14 Beta 4 1 Android 14 ベータ版
【Android】Jetpack ComposeでCanvasを使って凝ったUIを表現しよう - Mirrativ Tech Blog
こんにちは Androidエンジニアのなかむらです。 ミラティブでリリースされた視聴ミッションの実装に関してお話ししていこうと思います。 視聴ミッションは視聴開始直後からメーターが進み始めるという機能です。 このメーターをかっこよく表現したいよねということでデザイナーやPMと悩んだ末に生まれたUIがコチラ めちゃめちゃかっこいい。 でもこのUI組むの結構大変そうだなー。。。 どうやって組もうかなぁ。。。 色々と悩みました。 きっと自分以外にもそんな悩みを抱えている方が他にもいるはず（多分）ということで本記事では、そんな悩めるAndroidエンジニアに向けて実装方法を解説していきたいと思います。 このメーター部分のUIについて解説します ちなみに、最初に言っておくと実装自体はとてもシンプルです。 何も難しいことはありません。 では何に苦戦したのか。 それはこのUIの作り方をどう調べたらいいの
ZOZOTOWN AndroidへのJetpack Compose導入の取り組み - ZOZO TECH BLOG
こんにちは。ZOZOTOWN本部 ZOZOアプリ部 Androidチームの高橋です。ZOZOTOWN Androidチームでは、Jetpack Composeを導入しました。 この取り組みは、つい先日、Android Meetup【ZOZOテクノロジーズ × サイバーエージェント × GMOペパボ】でもご紹介しています。 この記事は、上の資料を補完するものです。資料の内容に加えて、登壇ではお話できなかった技術的な補足をいたします。 Jetpack Composeとは 背景 Jetpack Compose導入時の課題 課題1. ZOZOTOWN Androidで採用されているUIの状態管理の方法がJetpack Composeに適していない Jetpack ComposeでのUIの更新 ZOZOTOWN AndroidのUI更新の流れ 1. Eventの発行 2. アプリケーションの状態更新
Anko→Jetpack Compose移行の裏話。LINEスタンプメーカーの技術的負債解消のために
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog LINE株式会社およびヤフー株式会社は、2022年11月17日・18日の2日間にわたり、技術カンファレンス「Tech-Verse 2022」をオンライン（ライブストリーミング形式）にて開催しました。特別連載企画「Tech-Verse 2022 アフターインタビュー」では、発表内容をさらに深掘りし、発表で触れられなかった内容や裏話について登壇者たちにインタビューします。今回の対象セッションは「AnkoからJetpack Composeへ、LINEスタンプメーカー技術的負債解消の道のり」です。 LINEスタンプメーカーは、LINEで使用・販売できる独自のスタンプを作成するアプリです。かつてLINEスタンプメーカーのAndroidア
Jetpack Compose, React, Flutter, SwiftUIを比較する - Blog - Mori Atsushi
宣言的UIの考え方はReact、Flutter、SwiftUI、Jetpack Composeと広がり、ほぼ全てのプラットフォームで利用できるようになりました。 今までのHTMLやXMLに対して命令的に処理を書くのに対し、宣言的UIはUIの構築や更新を圧倒的に簡素にしてくれます。 また、差分更新の仕組みを備えているものも多く、パフォーマンスの向上も見込めます。 今回はいくつかある宣言的UIのツール群の中から、代表的なJetpack Compose、React、Flutter、SwiftUIを個人的な見解も含めて比較していきます。 コンポーネントの記述宣言的UIの大きなメリットの一つに、再利用可能なコンポーネントが挙げられるでしょう。 StatelessコンポーネントとStatefulコンポーネントそれぞれについて比較を行います。 SwiftUI Statelessコンポーネントまずは状態を
Jetpack Compose v1.3.0に気になったAPIのまとめ - Goodpatch Tech Blog
こんにちは！Jetpack Compose と KMM が好きなエンジニアのスージです。 今年開催された Android Developers Summit では素晴らしいセッションが盛り沢山でしたね。 developer.android.com 同じタイミングでJetpack Compose v1.3.0も stable になりました。今回もたくさんのAPIの追加や更新がありますし、その中で個人的に気になった API を紹介しようと思います。 Compose BoM LookaheadLayout Variable フォントサポート Staggered Grid サポート Canvas.drawText() Hyphens API LineBreak API で改行サポート Pull-to-refresh Modifier.Node の大リファクタリング Kotlin 1.7.20 サポ
Jetpack Compose を少しずつアプリに導入する方法と得られた知見について - ドワンゴ教育サービス開発者ブログ
この記事は、ドワンゴ Advent Calendar 2021 の15日目の記事です。 N予備校 Android チームでは、アプリの各画面を少しずつ Jetpack Compose で書き換えています。 developer.android.com この記事では、チームで Compose を学習した過程や、段階的な Compose 導入の方法について、また導入して良かったことと、実装でつまづいたことをまとめます。 これから Compose の導入を考えている方や、具体的な導入事例を知りたい方の参考になれば幸いです。 Composeの学習について アプリに Compose を導入するために、まずはチームでの学習から始めました。学習内容は、Jetpack Compose learning pathway を参考に、各 Google Codelab の学習を進めました。 以下に、学習した Cod
2021年の7月に安定版のバージョン1.0.0が公開されたことで、Android開発者コミュニティから熱い視線が注がれているUIツールキット「Jetpack Compose」。これまで主流だったUI Frameworkとは大きく異なるアーキテクチャということもあり、既存プロジェクトへの導入は慎重になっている方も多いのではないでしょうか。本記事では、Jetpack Composeへの移行のメリットや導入の考え方、導入してからの所感について、PayPayフリマでの事例を元にご紹介します。 はじめに ヤフー株式会社はフリマサービス「PayPayフリマ」を運営しています。PayPayフリマは送料無料でお買い物ができる個人間取引サービスで、2019年の10月にリリースしました。Android／iOSアプリは、2021年11月の時点で1000万ダウンロードを達成しました。 比較的最近に作られたこともあ
Jetpack Composeで実装したときに解決に時間がかかったところ3選 - BASEプロダクトチームブログ
はじめに こんにちは、BASEのPay IDチームでAndroidエンジニアをしている 小林(@eijenson)です。 ショッピングアプリ「Pay ID」のAndroid版アプリの開発を担当しています。 本アプリでは2023年4月にあと払い（Pay ID）という、新しい決済方法の支払いに対応したアプリをリリースしました。 「あと払い（Pay ID）」を提供開始 新たな自社決済ネットワークへの第一歩 これらの機能はJetpack Composeで実装していますが、その際に解決に時間のかかった箇所の紹介と、解決した内容を紹介していきます。 使用言語/ライブラリのバージョン Kotlin 1.7.10 Jetpack Compose 1.3.0 Paging 3.1.1 paging-compose 1.0.0-alpha17 navigation-compose 2.5.2 1.非Compo
Jetpack ComposeとGraphQLによるServer Driven UI/jetpackcompose-grahpql-serverdrivernui
関連資料 宣言的UIの状態管理とアーキテクチャSwiftUIとGraphQLによる実践 https://speakerdeck.com/sonatard/swiftui-graphql 宣言的UI https://speakerdeck.com/sonatard/xuan-yan-de-ui
こんにちは。Androidエンジニアの伊藤です。 スギサポwalkという歩数計アプリの開発を担当しており今回は Jetpack Composeを導入したので、この取り組みについて書いていきます！ Jetpack Composeとは なぜ導入しようと思ったのか どのように導入していったのか？ 問題の解決 プロダクトへの導入方針 実際に導入した箇所の説明 連続ログインボーナス 画面構成について レイアウトについて 工夫した点 改善点 実際に導入してよかったこと 今後の課題 Jetpack Composeとは Jetpack ComposeはAndroidの新しいUIツールキットです。 宣言的UIとも呼ばれ、状態をUIとして表示するという仕組みです。 AndroidでUI開発を簡素化して、直感的なAPIにより良い開発体験が得られます。 また、数多くのAndroidのプロダクトで利用されています。
先週、「Jetpack Compose, React, Flutter, SwiftUIを比較する」という記事で宣言的UIの各ツールの比較を行いました。 その中で、Jetpack Compose特有の特徴としてコンポーネントに返り値がないことを紹介しました。 @Composable fun Greeting(name: String) { Text("Hello $name") }これは、React等で遵守されてきたコンポーネントは純粋関数として扱うというルールから逸脱したものとなります。 その理由について、Jetpack Composeの開発に携わるJim SprochさんからTwitterで以下のようにリプライを頂きました。SwiftUI Four reasons: (1) more natural for conditionals and loops, where coalescin
UI アプリ開発ツールキット Jetpack Compose - Android デベロッパー | Android Developers
最新の Android UI に対する最新の宣言型アプローチと手軽な Kotlin を使って、少ないコードでアプリをすぐに動かすことができます。
GitHub - android/compose-samples: Official Jetpack Compose samples.
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
【Jetpack Compose】React HooksとSWRに学ぶ宣言的データフェッチのすすめ - Qiita
TL;DR React SWRをJetpack Compose向けに移植して公開したぞ！ 前置き もし今からモダンなAndroidアプリをゼロから書こうと思ったらおそらくJetpack Composeを採用したいという人が多いかと思います、いわゆる宣言的UIと呼ばれるやつですね。 この宣言的と呼ばれるトレンドはUIだけに適用されているものなのでしょうか？ AndroidというプラットフォームだけでみてもCompose以外で宣言的に書ける部分は年々広がってきています。 例えば遷移先の画面から値を受け取るstartActivityForResult()+onActivityResult()は非推奨になり、代わりにregisterForActivityResult()を宣言する形に置き換わりつつあるのは周知の通りです。 また、画面のライフサイクルのハンドリングはActivityのonStart(
既存実装を活用しつつJetpack Composeを用いてクックパッドAndroidアプリの買い物機能を高速に開発している話 - クックパッド開発者ブログ
こんにちは、クックパッド事業本部 買物サービス開発部の佐藤（@n_atmark）です。 2019年新卒で入社後、クックパッドの新規サービスである「クックパッドマート」の開発に従事しており、2020年からはレシピサービス「クックパッド」iOSアプリの買い物機能を開発していました。 レシピサービス「クックパッド」の買い物機能は、iOSアプリ（以下: クックパッドiOS）で先行リリースしており、現在Androidアプリ（以下: クックパッドAndroid）でも同様の機能開発を行っています。 本稿ではクックパッドAndroidの買い物機能の開発について紹介します。 買い物機能とは なぜやるのか 楽しみが広がる、まったく新しい「買い物」を 買い物機能を最速でリリースするために選択したこと 再利用可能なAndroid実装の活用 宣言的UIフレームワークの活用 方針 実装について Jetpack Com
Jetpack Compose入門 - 縁側プログラミング
2021年7月にJetpack ComposeのVersion 1.0がリリースされました。Jetpack Composeは、Kotlinで宣言的にUIを記述する、まったく新しいAndroidのUI記述方法です。このJetpack Compose入門では、導入から詳細まで、Jetpack Composeの便利さを伝えていきたいと思います。 Jetpack Compose一問一答もよろしくお願いします。 目次 導入編 Jetpack Composeのメリット開発環境Hello World! テンプレート利用編Hello World! 手動設定編 基本編 基本編の目標基本編のベースとなるプロジェクト文字列を表示するコンポーネントを装飾する画像を表示するコンポーネントを配置するボタンクリックでUIを更新するTextFieldで文字入力欄を作るUIの階層化と制御構文基本編まとめ 実践編 画面遷移V
こちらにあるドキュメントです。 ある程度Composeを触ったことがある人向けのドキュメントだと思います。開発チームなどでComposeやっていく人は一読の価値があるかなと思いました。 The Compose API guidelines outline the patterns, best practices and prescriptive style guidelines for writing idiomatic Jetpack Compose APIs. As Jetpack Compose code is built in layers, everyone writing code that uses Jetpack Compose is building their own API to consume themselves. Jetpack Compose API をidi
マテリアルデザインを簡潔に記述できる「Jetpack Compose」がバージョン1.0に到達、本番環境で安心して利用可能に
マテリアルデザインを簡潔に記述できる「Jetpack Compose」がバージョン1.0に到達、本番環境で安心して利用可能に Googleは、Androidのネイティブアプリケーション向けUIツールキット「Jetpack Compose」がバージョン1.0に到達したことを発表しました。 Version 1.0 of #JetpackCompose is here! See how Android's modern, native UI toolkit is fully stable and ready for you to adopt in production ↓ https://t.co/IF2Z281hWn — Android Developers (@AndroidDev) July 28, 2021 Jetpack Composeはマテリアルデザイン対応のUIツールキットです。そ
DroidKaigi 2021
Posted by Karen Ng, Director, Product Management Today, we’re releasing the alpha of Jetpack Compose, our modern UI toolkit designed to help you quickly and easily build beautiful apps across all Android platforms, with native access to the platform APIs. Bring your app to life with dramatically less code, interactive tools, and intuitive Kotlin APIs. No matter where you’re working from -- whether
Jetpack Composeの副作用の仕組みを理解するためのサンプル集です。本書は全チャプター無料で読めます。今後チャプターを有料化することも考えていません。本著を読んで役立った・著者を応援したいという方はバッジを贈るを検討ください。
SwiftUI, Jetpack Composeの導入で変化した「家族アルバム みてね」のアプリ開発体験
「家族アルバム みてね」では2023年中旬頃から本格的にSwiftUIとJetpack Compose(以下Compose)を利用して画面の実装をしています。現在は主に新規画面の実装にてSwiftUIやComposeを活用しており、UIKitやXMLを用いた画面の実装と比べて開発体験が大きく変化したと感じています。 本セッションでは本格的に利用し始めて見えてきた変化について、良かった点だけでなく現状抱えている課題や改善点も含めてお話します。
Jetpack Composeの導入は、アーキテクチャについて再検討する良い機会でしょう。 GoogleはAndroid Architecture Components(AAC)のViewModelとJetpack Composeを結合する方法を解説しており、今まで通りのViewModelが利用できるとしています。一方でTwitter等ではViewModelは不要になるのでは？といった議論もされてきました。 結論から言うと、Jetpack Composeの導入によってViewModelの形や名称は変化する可能性はあるが、関心の分離の観点からUIとロジックの分離は依然として重要であり、今後もViewModelに相当するものは無くならないでしょう。 今回はJetpack Comopseを使う上で、ViewModelをどのように扱うのが良いのか、どのように変化する可能性があるのか、いくつかの考察
Flutter Hooks, sometimes Jetpack Compose
Relayとは Relayとは、デザイナーとエンジニア間でのAndroid UIコンポーネントの円滑な共有を可能にするツールです。 2022年のAndroid Dev Summitにて発表され、GoogleとFigmaが共同で開発を進めています。 Relayを使用することで、Figmaで管理するComponentをJetpack Composeのコードへ変換して使用することができます。 具体的なワークフロー Relayの使い方について、具体的なワークフローと共に説明していきます。 1. UI Packageの作成 まずは、RelayのFigma pluginを用いて、UI Packageを作成します。 UI Packageとは、Figmaのレイアウト情報を表現するjsonや、画像などのリソースファイル群をパッケージ化したものです。 このUI Packageという抽象化された中間表現をもとに
GitHub - android/nowinandroid: A fully functional Android app built entirely with Kotlin and Jetpack Compose
Learn how this app was designed and built in the design case study, architecture learning journey and modularization learning journey. This is the repository for the Now in Android app. It is a work in progress 🚧. Now in Android is a fully functional Android app built entirely with Kotlin and Jetpack Compose. It follows Android design and development best practices and is intended to be a useful
Jetpack Compose v1.2.0に気になったAPIのまとめ - Goodpatch Tech Blog
Jetpack Compose v1.2.0 Design Division 所属アプリエンジニアのスージです。 良いデザインでクライアントのビジネスを前進させるために開発している、Jetpack Compose と KMM が好きなエンジニアです。 Jetpack Compose の バージョン 1.2.0 が rc になりました。フォントのパディングの改善を含め、たくさんのAPIの追加や更新があります。 medium.com その中で個人的に気になった API を紹介しようと思います。 movableContentOf LazyGrid にも animateItemPlacement 追加 TextStyle に Brush の追加 新しい @Preview デバイス追加 kotlinx.collections の @Stable 推論 LazyLayout 終わりに movableC
Jetpack Compose とandroidx.lifecycle 2.5.0 の SavedStateHandle 連携強化を試す｜株式会社カウシェ
Jetpack Compose とandroidx.lifecycle 2.5.0 の SavedStateHandle 連携強化を試す こんにちは、株式会社カウシェで Android 版アプリを開発している @sintario です。 今回は Jetpack Compose でのアプリ開発における androidx.lifecycle 2.5.0 を使った状態管理のシンプルな実装プラクティスをご紹介します。 本稿執筆時のライブラリKotlin 1.7.0 kotlinx.coroutines 1.6.3 google.dagger 2.42 (Hilt を使っています) Jetpack Compose 1.2.0 androidx.hilt-navigation-compose 1.0.0 androidx.lifecycle-viewmodel-compose 2.5.0 問題設定アプ
Maven Repositoryで公開されたJetpack Composeを触ってみた - Just for Fun
Google IO 2019で発表されたJetpack ComposeがMaven Repositoryで公開されたというツイートを見かけたので、ざっくりとコードを書きながらまとめてみた。今までAOSPでソースコードだけが公開されている状態でしたが、Maven Repositoryで公開されたことで気軽に試せるようになりましたね。個人的なメモなので新しい情報はおそらくないと思います。 Jetpack ComposeがGoogle Maven Repositoryにアップされとる— すたぜろ (@STAR_ZERO) October 11, 2019 関連ページ 今回公開されたMaven Repositoryはこちら 最新のソースコードをAOSPから追いたい場合はこちら 検証で利用したソースコードはこちら 検証環境 Android Studio 3.5.1 Android Gradle Pl
「Jetpack Composeのパフォーマンスの基本について」という内容で登壇しました。 - Retty Tech Blog
2022/06/30に、おいしい健康さん、アンドパッドさん、ZOZOさん、RettyでJetpack Composeについての登壇イベントを開催しました。 Rettyからは、「Jetpack Composeのパフォーマンスの基本について」という内容で、RettyのAndroidアプリで気にしているパフォーマンスに関する部分を紹介しました。 andpad.connpass.com 登壇内容の概要 CompositionをSkipする為の、Stable, Immutableと、Layoutフェーズだけを実行するという点から、パフォーマンスの最適化について解説しています。 アーカイブ動画 youtu.be 補足 登壇翌日に、どの程度Stableについて気にするべきかという記事が出ていたため、こちらを読んでからの補足をしていこうと思います。 Jetpack Compose Stability Ex
GitHub - google/accompanist: A collection of extension libraries for Jetpack Compose
Accompanist is a group of libraries that aim to supplement Jetpack Compose with features that are commonly required by developers but not yet available. Accompanist is a labs like environment for new Compose APIs. We use it to help fill known gaps in the Compose toolkit, experiment with new APIs and to gather insight into the development experience of developing a Compose library. The goal of thes
こんにちは。Android アプリ開発担当の nagayama（@nagayan_dev）です。 今回私が担当している「auサービスToday」で Jetpack Compose を導入したので、その経緯をお話しできたらと思います。 はじめに Jetpack Compose とは Jetpack Compose の導入メリット 導入方針 導入基本指針 今回の導入方針 最速導入フローチャート (1) Compose を導入したい画面を決める (2) build.gradle に依存関係を記載する (3) Compose ファイルを作成する (4) Fragment の修正 (5) 既存の xml ファイルを参考に、Compose ファイルに実装する (6) ViewModel の LiveData の監視設定 (7) Theme の設定 (8) TopAppBar の設定 (9) xmlファ
Androidチームの前原 (@maehara_08) です。kifutown AndroidアプリはJetpack Composeを全面的に採用して作られております。本記事ではJetpack Composeを使用する上でどのようなことを考えながらアプリを作ったかについて触れられたらと思います。 Jetpack Composeは2021年7月にStableになった新しいライブラリです。チームで勉強し、挑戦しながら進めている部分もあり、誤っている部分もあるかもしれませんが温かい目で読んでいただけると嬉しいです。 なぜJetpack Composeを採用したのか Jetpack Composeは宣言的にUIを構築できます。強力で便利なKotlin DSLを使用することによりシンプルで少ないコードでUIを構築できます。 宣言的にUIを構築できるという点が大きなポイントであり、従来のAndroid
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jetpack Compose を使ったデザインシステムの実装
既存のAndroidアプリに「Jetpack Compose」を導入する際の勘所～PayPayフリマの場合
スギサポwalkへのJetPack Compose導入の取り組み - メドピア開発者ブログ
Jetpack Composeのコンポーネントはなぜ返り値がないのか - Blog - Mori Atsushi
API Guidelines for Jetpack Composeを読んだメモ - Qiita
プロダクトレベルで必要になる Jetpack Compose テクニック
Announcing Jetpack Compose Alpha!
サンプルで理解するJetpack Composeの副作用の仕組み
Jetpack ComposeとViewModelについて考える
Flutter Hooks, sometimes Jetpack Compose
FigmaのComponentをJetpack Composeのコードへ変換するRelayというツールについて
Jetpack Compose 最速導入フローチャート - Gunosy Tech Blog
Jetpack Composeを採用したkifutown Androidアプリについて
hobby.watch.impress.co.jp
www.asahi.com
gendai.media
www.aflo.com
ruka0.ht.gob.jp
search.app