こんにちは あるいは こんばんは。これは Kyash Advent Calendar 2025 の20日目の記事です。
KyashでAndroidエンジニアをしている 牧山(@_rmakiyama)です。
最近はもっぱらClaude CodeやCodexといったAIエージェントと戯れる日々を過ごしています。いい時代ですね。Kyashの開発チーム全体としても、こうしたAIツールを開発フローにどう組み込んでいくか、日々模索が続いています。
しかし、モバイルアプリのUI実装の領域においては、なかなか思ったようなアウトプットが出ず、活用が思うようにできていない状態でした。
個人的にはUI実装はとても楽しい時間ではあるものの、チームのアウトプットを最大化するうえでとても伸びしろのある部分だと感じています。
そこで、どうするとうまく付き合えるのか試行錯誤している途中経過を紹介します。
前提として
Android開発におけるUI実装での試行錯誤になります。デザインにはFigmaを使っており、これをClaude CodeからFigma Dev Mode MCPを利用してデザインデータを取得しています。
ただFigma Dev Mode MCPを利用しても、なかなかどうして活用が進みませんでした。
思うようなアウトプットではないとは?
試行錯誤をするにあたり、AIが生成するUI実装のコレジャナイ感について考えてみると、大きく2つの課題がありました。
- 構造化の欠如
- 1つの巨大なComposable関数に全てベタ書きされる
- デザインの意図が構造に現れていない
- UI実装におけるコンテキストの欠如
これらは場合によって周辺のコードを読んで、よしなに適用してくれることもありますが、LLMの非決定性に左右されるためうまく制御できているとは言えません。
最初に試したこと
思ったようなアウトプットを出すには、LLMの決定性を高めることが重要だと感じました。そこでまずは2つのアプローチを試してみました。
続きを読む