Jetpack Compose

こんにちは！Jetpack Compose と KMM が好きなエンジニアのスージです。 去年 Jetpack Compose v1.3.0 で新しい Jetpack Compose の BoM（Bill of Materials） など様々な API 変更についてまとめ記事を書きました。 goodpatch-tech.hatenablog.com Compose BoM のお陰で毎月わかりやすいバージョン（例えば、2023年1月のリリースv2023.01.00）で Compose のリリースが続いてます。いよいよ Compose v1.4.0 が stable になる時期が近付いてるのでまと…

こんにちは。Android アプリ開発担当の nagayama（@nagayan_dev）です。 今回は Jetpack Compose のアニメーションを用いて、強調表示アニメーションの Text を作っていきたいと思います。 今回作成したいもの アニメーションについて 実装 【第 1 段階】Text をアニメーションで fade in させる 【第 2 段階】2 つの Text を重ねて、色が変わったように見せる 【第 3 段階】1 文字ずつ Text を作成し、順番にアニメーションを実行する まとめ 今回作成したいもの まず本記事のゴールについてです。下記のように文字が順番に強調表示され…

これは Cybozu Advent Calendar 2022 の 22 日目の記事です 🎄 こんにちは、サイボウズ Office の Android エンジニアをやっている向井田 (@mr_mkeeda) です。 2021 年の夏に Stable になって以降、世界中の Android エンジニアの話題の中心になってきた Jetpack Compose は、皆さんも存分に活用されているかと思います。 サイボウズも 2022 年は Compose を本格的に運用した最初の年になりました。 そこで本記事では、サイボウズと Compose の出会いから現在の活用状況まで、そしてこれからの展望を一挙…

こんにちは、小林です。 12月16日にGoogle渋谷ストリームで開催された 「DevFest & Android Dev Summit Japan 2022」でLTしてきました。 目次 資料 人生初登壇 LTに収まらなかった内容と補足 ターゲット 既存アプリへの導入 Twitter Compose ルール 導入 Atomicデザインは早々に廃止 スクリーンショットテストの導入検討 We are hiring! 資料 人生初登壇 実は今回のLTが私の人生初登壇でした。初めてなのにいきなりの大舞台で緊張で心臓が無くなりそうでした。 登壇が決まってからは、社内メンバーや社長にも登壇資料のフィードバ…

この記事は Goodpatch Advent Calendar 2022 6日目の記事です。 こんにちは！Jetpack Compose と KMM が好きなエンジニアのスージです。 DroidKaigi 2022のように、今年は海外カンファレンスで Compose のセッションがたくさんありました。 View.java の時代よりすごくわかりやすくて楽しいし、Google の Android チームも Android Dev Summit'22 で Compose は Android 開発の未来です と言ってました。😁 そのセッションの中から気になったセッションをまとめてみました。 Comp…

Androidアプリを開発していると直面するライセンス表示問題。 色々調べるとCookpadさんが公開しているプラグインにたどり着いた。だが、お察しのとおりすでにアーカイブされている。 github.com 代わりにおすすめされているのが、Googleが公開しているOSS Licenses Gradle Plugin。 play-services-plugins/oss-licenses-plugin at master · google/play-services-plugins · GitHub 残念ながらJetpack Composeには現時点で対応していない。僕はJetpack Com…

ディープリンクを開くには次の書式でコマンドを実行する。 adb shell am start -W -a android.intent.action.VIEW -d <ディープリンクのURI> <アプリのパッケージ名> 実際に入力するときは次の様な感じ。 adb shell am start -W -a android.intent.action.VIEW -d "testapp://home_route" com.example.testapplication アプリのパッケージ名は、build.gradleのandroid.defaultConfig.applicationIdで確認するこ…

Kotlinは表現力が豊かな言語で標準ライブラリも充実しており、モダンな機能を多数備えています。現在も活発に開発が進んでいて他の言語から様々な概念を取り入れることも頻繁にあります。そんなKotlinですが、他の言語にあってKotlinにはないものも少なからずあります。今回はEitherを例にあげ、KotlinでEitherを表現する方法について考えてみます。 異なる2つの型のいずれかの型を返り値とする関数を作りたい はじめに、次のような2つの異なる型のいずれかを返す関数を考えてみます。 data class Foo(val name: String) data class Bar(val de…

Jetpack ComposeのLazyListやLazyColumnはNestedScrollがデフォルトで有効になっています。 ところが、部分的に無効にしたい場合やスクロールイベントを要素のスクロール以外に使いたい場合もあり得ます。 このブログではNestedScrollの挙動を解説しつつ、実現したい挙動とその実現方法を逆引き式に紹介します。 NestedScrollを構成する二つの要素 NestedScrollの実現において、NestedScrollに含まれるComposableが必ず持つ必要がある重要な要素は以下の二つです。 NestedScrollDispatcher NestedS…

こんにちは。Android アプリ開発担当の nagayama（@nagayan_dev）です。 今回私が担当している「auサービスToday」では、これまで Jetpack Compose ・マルチモジュール・ Coroutines を導入してきました。今回は Hilt を導入したため、その対応内容と結果についてお話しできたらと思います。 Jetpack Compose 最速導入フローチャート - Gunosy Tech Blog Androidのマルチモジュール化対応とその効果 - Gunosy Tech Blog Android の Kotlin Coroutines 導入の第一歩 - …

こんにちは。Androidエンジニアの@morux2です。先日スタディサプリ中学講座にまなレポ機能が追加されました🎉 まなレポは学習状況・学習履歴を確認できる機能です。リアルタイムで学習状況が表示されるので、学習後すぐに成果の振り返りをしていただくことができます。 この記事ではまなレポ機能の実装の裏側をご紹介します。画面はJetpack Composeで構築しています。 まなレポ画面 まなレポ画面の概要 画面要件は大きく2つあります。 日と週のタブを切り替えて、日次・週次の学習履歴を確認できる タブがSticky Headerになる(スクロールするとステータスバーの下にタブが張り付く) ここか…

こんにちは、メディアサービス開発部モバイルアプリケーション開発課でAndroidエンジニアをしている金森です。2022年の5月に中途入社し新年を迎え、9ヶ月が経ちました。 モバイルアプリケーション開発課のAndroidチームで9ヶ月仕事を通して知ったこと感じたことを書いていきたいと思います。 転職希望者にとって有益な情報になれば幸いです。 現在までの経緯 基本情報 アプリチームについて 担当サービス 開発環境 開発プロセス ペアプロ 新規プロジェクト参画の機会 感じたこと 新しい技術に対しての姿勢 圧倒的ユーザー目線 まとめ 現在までの経緯 前職では受託開発会社でフロントエンド、Android…

こんにちは、Androidエンジニアのてつ（哲）です。 今、多くの開発チームは XML の代わりに Compose を利用して、 UI を実装していると考えられていますが、 2022 年 10 月に Android Developer Blog 上に 「Jetpack Compose の新機能」の中に発表された Relay について、皆さんはご存知でしょうか？チーム内で定例の話題になりましたから、今日は開発効率改善のトライとして紹介したいと思います。 日々の業務と課題 開発者はデザインチームの要求に基づき、UI を実現します。開発過程での確認と修正を繰り返して、実装がデザインと一致することを確…

内容 コンテンツをリスト表示する際に、記事などの長文を部分表示したい場合に maxLinesパラメータを使って表示を制限するが、現在どこまで文字列が表示されているかを知りたい。どうすればよいか。 対応 TextViewの場合にはTextUtils.ellipsize() という関数に文字列と画面幅を渡してゴニョゴニョとやっていたが、Jetpack Composeの場合にはTextLayoutResultが利用できる。 Text(text = longText, overflow = TextOverflow.Ellipsis, maxLines = 3, onTextLayout = { te…

こんにちは、技術本部 Mobile Applicationグループに所属しているAndroidエンジニアの鎌田です。 TLDR こんな感じのUIをJetpack Composeで自作しました！

Android開発時によく使うライブラリのbuild.gradleの定義 バージョン部分は要更新 projectRoot/build.gradle dependencies // navigation safe args classpath 'androidx.navigation:navigation-safe-args-gradle-plugin:2.5.3' plugins app/build.gradle 冒頭 // kapt // Roomで使用 apply plugin: 'kotlin-kapt' // navigation safe args apply plugin: 'an…