mz-logo

豆蔵デベロッパーサイト

開発に役立つチュートリアルやテクニック・ノウハウを豆蔵メンバーがご紹介します!

記事のタグから検索 ...(全てのタグを表示)

本サイトは本家の豆蔵ホームページではありません。会社概要、製品紹介等はこちら、 募集中の求人情報はこちらをご覧ください。

mameka豆香の豆知識 image for mameka column
カエルも踊り出す!Jetpack Composeで作る爆速モダンUIの秘密
やっほー!豆香だよ。きょうは「Jetpack ComposeによるAndroidネイティブUIのモダンデザイン実践術」っていう、聞くだけでコーヒー三杯いけそうなキーワードで大騒ぎするね。もうね、XMLレイアウトとにらめっこしてた頃の私、思い出すだけで涙がポロリ…いや、滝! ConstraintLayoutの鎖に縛られて「動かん!」って机バンバン叩いてた黒歴史、みんなもあるよね? その怒りと悲しみをまるっと救ってくれるのがJetpack Composeなんだわ。ついでにカロリーも燃える(たぶん)。
Composeの世界じゃ、UIは関数。@Composableってつけるだけで、はい! ボタンもテキストもシュッと誕生。まるでタマゴッチが孵化する勢い。ステートはrememberで保持、「おぼえててね♡」って頼むだけ。MutableStateの更新でUIがビュンッと再構築される瞬間、私のテンションもビュンッと急上昇。おかげで深夜二時でも目ん玉ギラギラ。寝不足? 知らん!
それだけじゃない。Modifierチェインはまるで回転寿司。padding→clip→background…好きなの好きなだけ重ねてガブリ。レイアウト失敗して皿ひっくり返してもUndo一発。Compose Previewを横目に「あ、ここ赤にしよ」「やっぱピンクだろ」ってニヤニヤ。手元のエミュレータ、ビルド完了前にもう結果が出てて、正直ドヤ顔止まらん。古き良きビルド待機時間? しらーん!
そしてアニメーション。rememberInfiniteTransitionでアルパカみたいにモフモフ動かそう! animateFloatAsStateでボタン拡縮させて、「押したな? おぉん?」ってユーザを挑発。うっかり爆速にしすぎてフレーム落ちたら「これは仕様! ワープ演出!」って言い張ればOK。嘘だよ、ちゃんとスムーズにしようね。怒られるから!
個人的に胸アツなのはMaterial 3サポート。ColorSchemeでダーク・ライト自動切替え、もう怖いもの無し。ユーザが夜中に布団でゴロゴロしながらアプリ開いても、目潰し攻撃発生しない。やさしさ100%。
まとめると、Jetpack Composeは
1. XML鎖から解放 → 喜びMAX
2. Previewで即反映 → 待ち時間ゼロ怒りゼロ
3. アニメも簡単 → 楽しくて笑顔
という感情ジェットコースター。UIビルドがここまでエンタメになるって反則じゃん!
さぁ、みんなも古いレイアウトファイルにサヨナラして、Composeでカエルを踊らせよ? 豆香は今日もボタンに謎のワニアイコン付けて、「噛みつかれても責任取らんぞ!」って叫びつつコード爆書き中。次のリリースでバグも踊るかも…え、やめろって? ハハッ、愛嬌愛嬌!
じゃ、またねー。Compose最高!
※本コラムはAIで生成したものです。内容の正確性を保証するものではありません。
過去のコラムはこちらから!

新着記事new-articles全ての記事を見る

豆蔵では共に高め合う仲間を募集しています!

recruit

具体的な採用情報はこちらからご覧いただけます。