mz-logo

豆蔵デベロッパーサイト

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

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

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

mameka豆香の豆知識 image for mameka column
色で遊ぼ!Material Youで毎日がカメレオンUI大作戦
やっほー!豆香だよ。最近スマホ見て「また同じ灰色ボタンかよ!」って最終的にスマホ投げそうになってる人、挙手!…おっと画面割るならチョコ砕けよってツッコミは置いといて。きょうは「Google Material Youで実現するパーソナライズドUI開発術」って長いキーワードを、飴みたいにペロッと舐め回して語るね。
Material Youの真骨頂は「ユーザの壁紙から色を吸い取り、アプリ全体をカメレオン化させる魔法」。朝はネコ壁紙→ミントグリーンメイン、夜は花火壁紙→パープル基調。まるでアプリがその日の気分読み取って「おはよう、テンションMAXでいこうぜ!」ってハイタッチしてくる感覚。豆香、初めて動的カラーパレット適用した瞬間、テンション上がりすぎてコードより先に自分の髪色変えたわ。ピンクにして母に怒鳴られたが後悔なし!
実装ポイント:
1. Material3ライブラリを入れてdynamicColorScheme(context)を呼び、Composable全体に渡すだけ。驚きのワンコイン、いやワンライン。
2. 色変わるたびにコントラスト落ちる危険あるから、Theme内でcontentColorFor使って文字色自動判定。黒文字が夜道で迷子にならないようにしよう。
3. アニメーション混ぜれば変身シーン完成。crossfadeでふわっと、あるいはupdateTransitionでヒーロー着替え的にズバババーン。ユーザが「フォォーッ!」って叫ぶこと請け合い。
豆香的ギャグコーナー:壁紙にドリアン写真を置いたらアプリが激渋オリーブ色になったぜ。スマホから漂う匂いまで渋くて友達に「それ香り付きUI?」と爆笑された話、ここだけの秘密な。
Material Youは単なる色遊びじゃない。文字サイズ拡大や角丸レベルもシステム設定に合わせて勝手に調整。これぞアクセシビリティとおしゃれの二刀流。大谷翔平もびっくり。
結論:ユーザの個性をアプリが全力肯定する時代キタ!開発者は「俺の配色センスが世界基準!」ってドヤるより、Material Youに任せてタコス食いながら機能磨こう。さあ君のアプリも今夜からカメレオン化大作戦始動だっ!Let's go go go〜!!!!
※本コラムはAIで生成したものです。内容の正確性を保証するものではありません。
過去のコラムはこちらから!

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

  • | ブログ | 10 min read
    #2026年 #GFXBench #android #gpu

    オープンソース版GFXBenchをAndroidで動かす(1)ビルド編

    はじめに # GFXBenchというGPUベンチマークソフトをご存じでしょうか。 Windows, Linux, Android, iPhone等のマルチプラットフォームで実行出来るkishonti社のGPUベンチマークソフトです...

    記事を読む
  • | ブログ | 21 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(認証/認可編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回は、認証/認可について説明します。 MCP仕様では認可機能は任意扱いですが、MCPを実運用する場合は必須機能と言えます。 本記事では、以下の内容を扱います。 Streamable HTTPにおけるMCPの認証・認可の流れ PRMと認可サーバーの発見 Keycloakとトークンイントロスペクションを使ったMCPサーバー側の検証 本記事で掲載しているコードはこちらで公開しています...

    記事を読む
  • | ブログ | 9 min read
    #2026年 #GitHub

    GitHub Stacked PRs で実現する「小さな PR」とレビューを溜めない開発スタイル

    はじめに # 先月、GitHub のスタック PRs (Stacked pull requests) がパブリックプレビューになりました。 https://github.blog/changelog/2026-07-30-stacked-pull-requests-are-now-in-public-preview/ これまでも PR のブランチからブランチを生やして、PR スタックさせることは可能でした...

    記事を読む
  • | ブログ | 6 min read
    #2026年 #スクラム #アジャイル #生成AI #AI

    スクラムマスターのAI活用を考える - 実践編:AI起点のデイリースクラム

    はじめに # アジャイルグループの石田です。 以前掲載したスクラムマスターのAI活用を考えるの連載で、透明性・検査・適応の三本柱をAIで強化するアプローチを紹介してきました。 今回はその実践編として、私が現在のプロジェクトで実践している、AIの発信を起点にデイリースクラムを進める取り組みを紹介します。 ここまで紹介してきたAI活用は、あくまで人間が「AIを使いに行く」ものでした...

    記事を読む
  • | ブログ | 4 min read
    #2026年 #ETロボコン #AI

    AI活用で進化するETロボコン - シルバーモデル獲得までの4年間と、次の挑戦へ

    はじめに # 私が4年間取り組んできた ETロボコンの活動の軌跡 を紹介します。 昨年度はベーシッククラス(当時の名称:プライマリークラス)に挑戦し、AI活用を取り入れた新しい開発スタイルにも踏み込みました。 これまでの経験がどのように積み重なり、昨年度の成果につながったのかをまとめています。 最後までお付き合いいただければ幸いです。 4年間の活動をひとことで紹介すると # 「設計(UML)→ 実装 → 実機制御 → チーム運営 → AI活用」 と、毎年新しい挑戦を積み重ねてきました...

    記事を読む
  • | ブログ | 15 min read
    #2026年 #MCP #typescript

    MCP 2026-07-28 RC解説:ステートレス化がもたらすAIエージェント実装

    はじめに # Model Context Protocol (MCP) は、2024年11月の初版リリース以来、AIモデルと外部データ・機能を接続する標準プロトコルとして急速に進化してきました。 今回の2026-07-28 Release Candidate(以下、RC)は、単なる機能追加ではなく、プロトコルの実運用前提を大きく変える改訂です。 とくに注目すべきは、プロトコル層のステートレス化です...

    記事を読む
  • | ブログ | 11 min read
    #2026年 #Deno Desktop #Tauri #electron #Deno

    Deno 2.9 で登場したデスクトップ機能 (Deno Desktop) - Electron / Tauri との違いを実感

    はじめに # Deno 2.9 リリースおめでとうございます。 Deno 2.9 | Deno Electron 大好きな自分としても気になるのはやはり Deno Desktop です。 Tauri と同様 WebView をバックエンドにする構成と Electron と同様 Chromium ベースの構成を選べるとのことで、これは試すしかないと思いました。 公式ドキュメントは以下にあります...

    記事を読む
  • | ブログ | 7 min read
    #2026年 #AI #生成AI

    人工知能学会2026参加記 — 発表と学会で見えたAI研究の流れ

    はじめに # AIテクニカルセクターの藤堂です。セクターが独立組織となって以降、全社でAI活用を広げる取り組みが本格化しています。そのような中、6月には第40回 JSAI2026に参加しました。 前半ではポスター発表をした、士業資格試験を対象としたLLMベンチマークShigyoBenchについて簡単に触れ、AIの実用化についての所感を述べます。 後半では、人工知能学会で印象に残った発表と、今後のAI研究について思ったことを記します...

    記事を読む
  • | ブログ | 3 min read
    #2026年 #retrospective

    豆蔵デベロッパーサイト 2026年4-6月のサマリー

    今年も半分が過ぎました。2026年4-6月のサマリーです。 記事数・執筆者数 # この3ヶ月で13本の記事が投稿され、記事数は889になりました。 連載 # AIエージェントとシステムをつなぐMCP入門 # MCP(Model Context Protocol) は AI エージェントが外部サービスと通信するための仕様で、2024年に Anthropic 社によって初版がリリースされました。MCP を使用することで、AI エージェントは外部サービスの機能を効果的に利用できます...

    記事を読む
  • | ブログ | 7 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(リソース編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回は、リソースについて説明します。 MCPのリソースは、AIモデルが回答を生成する際に参照するコンテキスト情報(ファイル、ガイド、仕様など)を提供する機能です。 ツールが「AIモデルの判断」で実行され、プロンプトが「ユーザーの意思」で選択されるのに対し、リソースは「アプリケーション主導(Application-driven)」でその組み込みを決定します。 本記事で掲載しているコードはこちらで公開しています...

    記事を読む

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

recruit

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