<p data-line="0" class="code-line">こんにちは☀️ Nishikaデータサイエンティストの山口です🦌</p>
<p data-line="2" class="code-line">「この化粧品、自分の肌に合うかな？」「どの商品を選べばいいんだろう？」—多くの人が感じる化粧品選びの悩み。この記事では、AIを活用してその悩みを解決するアプリ開発の取り組みについてご紹介します。</p>
<p data-line="4" class="code-line">ある調査によると、男性化粧品の市場(2024年時点)は2019年比で2倍近くに伸びており、性別に関わらず化粧品の利用が急速に拡大しています。<br>
参考：<a href="https://prtimes.jp/main/html/rd/p/000000252.000036691.html" target="_blank" rel="nofollow noopener noreferrer">https://prtimes.jp/main/html/rd/p/000000252.000036691.html</a></p>
<p data-line="7" class="code-line">化粧品はドラッグストアやネットで気軽に購入できる一方で、（私もですが）なんとなく購入した乳液や美容液などを購入して肌につけて、肌が赤くなったり、腫れやかゆみが生じることもあります。<br>
市場拡大及び肌トラブルの点から、自分に合った化粧品を選ぶことの重要性が高くなっていると考えます。<br>
参考：<a href="https://www2.nikkakyo.org/upload/plcenter/283_305.pdf" target="_blank" rel="nofollow noopener noreferrer">https://www2.nikkakyo.org/upload/plcenter/283_305.pdf</a></p>
<p data-line="13" class="code-line">ここで、化粧品メーカーの視点を想像すると、ユーザーの肌の悩みや使用している商品の実態を把握することができれば、ユーザーに合った製品の開発・レコメンドにも繋がると考えます。(BigQuery等へデータを貯めて置き、ユーザー属性ごとに悩みや利用履歴を Looker/Looker Studioで 可視化するだけでも有用なのではないかと思います。)</p>
<p data-line="15" class="code-line">上記課題を解決するために向けて、友人とプライベートで、AIエージェントの開発を実施しています。<br>
直接肌に触れるため、一般的なテキスト生成タスクと比較しても、正しい情報を提供することが重要だと考えているのですが、そのあたりで困難に感じた点とともに、開発中のAIエージェントについて紹介させていただきます！</p>
<h1 id="%E9%96%8B%E7%99%BA%E4%B8%AD%E3%81%AEai%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88" data-line="18" class="code-line">
<a class="header-anchor-link" href="#%E9%96%8B%E7%99%BA%E4%B8%AD%E3%81%AEai%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88" aria-hidden="true"></a> 開発中のAIエージェント</h1>
<p data-line="19" class="code-line">開発中のAIエージェントについて以下に提示いたします。</p>
<h2 id="in-%2F-out-%E7%94%BB%E9%9D%A2%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="20" class="code-line">
<a class="header-anchor-link" href="#in-%2F-out-%E7%94%BB%E9%9D%A2%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> IN / OUT 画面イメージについて</h2>
<p data-line="21" class="code-line">UI/UXについては以下の図の通りになります。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/9953722e7e48-20250520.png" alt="IN_OUT" loading="lazy" class="md-img"></p>
<p data-line="24" class="code-line">後述いたしますが、画面はFlutterで作成しており、GCPのCloud RunとHTTP通信をすることで、<br>
分析結果を得ております。</p>
<h2 id="%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3%E3%81%A8%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF" data-line="27" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3%E3%81%A8%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF" aria-hidden="true"></a> システムアーキテクチャと技術スタック</h2>
<p data-line="29" class="code-line">アプリケーションのアーキテクチャは以下のようになっています：<br>
<img src="https://storage.googleapis.com/zenn-user-upload/b32e0a5e9647-20250519.png" alt="アーキテクチャ" loading="lazy" class="md-img"></p>
<h3 id="%E5%87%A6%E7%90%86%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="32" class="code-line">
<a class="header-anchor-link" href="#%E5%87%A6%E7%90%86%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> 処理について</h3>
<ol data-line="33" class="code-line">
<li data-line="33" class="code-line">
<p data-line="33" class="code-line"><strong>フロントエンド (Flutter)</strong></p>
<ul data-line="34" class="code-line">
<li data-line="34" class="code-line">将来的なクロスプラットフォーム開発を想定し、iOS/Android両方に対応できるFlutterを採用</li>
<li data-line="35" class="code-line">Firebase Authenticationによるセキュアなログイン認証</li>
<li data-line="36" class="code-line">ユーザープロフィール入力機能</li>
<li data-line="37" class="code-line">バックエンドから受け取った分析結果を画面に表示</li>
</ul>
</li>
<li data-line="39" class="code-line">
<p data-line="39" class="code-line"><strong>データストレージ (Firebase Storage)</strong></p>
<ul data-line="40" class="code-line">
<li data-line="40" class="code-line">化粧品の画像データやバーコード情報をCloud Storageに保存</li>
<li data-line="41" class="code-line">ユーザープロフィールや画像はFirestore上で管理</li>
<li data-line="42" class="code-line">リアルタイムデータベースを活用した分析リクエストのステータス管理</li>
</ul>
</li>
<li data-line="44" class="code-line">
<p data-line="44" class="code-line"><strong>バックエンド (GCP)</strong></p>
<ul data-line="45" class="code-line">
<li data-line="45" class="code-line">Cloud Runとして実行(FlutterアプリとHTTP通信)</li>
<li data-line="46" class="code-line">Vision APIを介したOCR(光学文字認識)</li>
<li data-line="47" class="code-line">Vertex AI APIを介したGeminiモデルへのアクセス</li>
<li data-line="48" class="code-line">カスタムプロンプトエンジニアリングによる化粧品成分分析の精度向上</li>
</ul>
</li>
</ol>
<p data-line="50" class="code-line">このアーキテクチャにより、ユーザーはスマートフォンで簡単にバーコードと化粧品をスキャンするだけで、自分の肌タイプや悩みに合わせた分析結果をリアルタイムで受け取ることができます。</p>
<h2 id="%E5%AE%9F%E9%9A%9B%E3%81%AE%E4%BD%BF%E7%94%A8%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA" data-line="52" class="code-line">
<a class="header-anchor-link" href="#%E5%AE%9F%E9%9A%9B%E3%81%AE%E4%BD%BF%E7%94%A8%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA" aria-hidden="true"></a> 実際の使用シナリオ</h2>
<h3 id="%E3%82%B1%E3%83%BC%E3%82%B9%E3%82%B9%E3%82%BF%E3%83%87%E3%82%A3%EF%BC%9A%E4%B9%BE%E7%87%A5%E8%82%8C%E3%81%AE30%E4%BB%A3%E7%94%B7%E6%80%A7" data-line="54" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B1%E3%83%BC%E3%82%B9%E3%82%B9%E3%82%BF%E3%83%87%E3%82%A3%EF%BC%9A%E4%B9%BE%E7%87%A5%E8%82%8C%E3%81%AE30%E4%BB%A3%E7%94%B7%E6%80%A7" aria-hidden="true"></a> ケーススタディ：乾燥肌の30代男性</h3>
<p data-line="56" class="code-line">田中さん（仮名）は30代前半の乾燥肌に悩む男性です。はじめて美容液を購入したのですが、自分に合っているかわからず、悩んでいました。</p>
<ol data-line="58" class="code-line">
<li data-line="58" class="code-line">
<p data-line="58" class="code-line"><strong>アプリでのプロフィール登録</strong></p>
<ul data-line="59" class="code-line">
<li data-line="59" class="code-line">年齢：33歳</li>
<li data-line="60" class="code-line">性別：男性</li>
<li data-line="61" class="code-line">肌タイプ：乾燥肌</li>
<li data-line="62" class="code-line">肌の悩み：乾燥、小じわ</li>
<li data-line="63" class="code-line">避けたい成分：アルコール、香料</li>
<li data-line="64" class="code-line">求める効果：保湿、エイジングケア</li>
</ul>
</li>
<li data-line="66" class="code-line">
<p data-line="66" class="code-line"><strong>化粧品のスキャン</strong></p>
<ul data-line="67" class="code-line">
<li data-line="67" class="code-line">ドラッグストアで購入した美容液のバーコードと製品画像をアプリでスキャン</li>
</ul>
</li>
<li data-line="69" class="code-line">
<p data-line="69" class="code-line"><strong>AIによる分析結果</strong></p>
<ul data-line="70" class="code-line">
<li data-line="70" class="code-line">成分分析：「セラミド」「ヒアルロン酸」などの保湿成分を含む</li>
<li data-line="71" class="code-line">注意点：香料が含まれており、敏感肌の方は注意が必要</li>
<li data-line="72" class="code-line">代替案：同じメーカーの敏感肌向けシリーズも選択肢として提案</li>
</ul>
</li>
<li data-line="74" class="code-line">
<p data-line="74" class="code-line"><strong>利用効果</strong></p>
<ul data-line="75" class="code-line">
<li data-line="75" class="code-line">自分の肌質に合った製品を科学的根拠に基づいて選択できた</li>
<li data-line="76" class="code-line">化粧品購入の失敗を減らし、コスト効率が向上</li>
<li data-line="77" class="code-line">肌トラブルのリスクを軽減</li>
</ul>
</li>
</ol>
<p data-line="79" class="code-line">このように、AIエージェントは単なる成分チェックだけでなく、ユーザー個人の肌質や悩みに合わせた総合的な分析を提供します。</p>
<h1 id="%E8%AA%B2%E9%A1%8C%EF%BC%9Aai%E3%81%AE%E7%B2%BE%E5%BA%A6%E5%90%91%E4%B8%8A%E3%81%AB%E5%90%91%E3%81%91%E3%81%A6%F0%9F%92%AA" data-line="81" class="code-line">
<a class="header-anchor-link" href="#%E8%AA%B2%E9%A1%8C%EF%BC%9Aai%E3%81%AE%E7%B2%BE%E5%BA%A6%E5%90%91%E4%B8%8A%E3%81%AB%E5%90%91%E3%81%91%E3%81%A6%F0%9F%92%AA" aria-hidden="true"></a> 課題：AIの精度向上に向けて💪</h1>
<p data-line="83" class="code-line">アプリ開発において様々な課題がありますが、現在最も注力しているのは<strong>分析精度の向上</strong>です。現状では主にGeminiが持つ知識ベースのみで回答を生成しており、以下のような具体的な課題に直面しています：</p>
<h2 id="1.-%E8%A3%BD%E5%93%81%E8%AA%8D%E8%AD%98%E3%81%AE%E6%AD%A3%E7%A2%BA%E6%80%A7" data-line="85" class="code-line">
<a class="header-anchor-link" href="#1.-%E8%A3%BD%E5%93%81%E8%AA%8D%E8%AD%98%E3%81%AE%E6%AD%A3%E7%A2%BA%E6%80%A7" aria-hidden="true"></a> 1. 製品認識の正確性</h2>
<ul data-line="86" class="code-line">
<li data-line="86" class="code-line">バーコードと製品画像から製品情報（製品名やメーカー）を特定する際に、<strong>ハルシネーション</strong>が発生することがあります</li>
<li data-line="87" class="code-line">具体例：実際のOCR結果には記載されていない成分を、AIが「含まれている」と誤って返してしまう</li>
</ul>
<h2 id="2.-%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E4%B8%8D%E8%B6%B3" data-line="89" class="code-line">
<a class="header-anchor-link" href="#2.-%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E4%B8%8D%E8%B6%B3" aria-hidden="true"></a> 2. マスターデータの不足</h2>
<ul data-line="90" class="code-line">
<li data-line="90" class="code-line">理論的には、バーコードさえわかれば製品名や成分情報を正確に把握できるはずです</li>
<li data-line="91" class="code-line">しかし、バーコードと化粧品成分情報を紐づけた、商用利用として自由に利用できるデータベース（マスタ）が存在しません</li>
<li data-line="92" class="code-line">バーコードから製品を検索できるウェブサービスはありますが、そのAPIやデータを自由に利用できるわけではなく、プライバシーポリシー上も問題がありそうです</li>
</ul>
<h2 id="3.-%E3%83%91%E3%83%BC%E3%82%BD%E3%83%8A%E3%83%A9%E3%82%A4%E3%82%BA%E3%81%95%E3%82%8C%E3%81%9F%E5%88%86%E6%9E%90%E7%B5%90%E6%9E%9C%E3%81%AE%E7%94%9F%E6%88%90" data-line="94" class="code-line">
<a class="header-anchor-link" href="#3.-%E3%83%91%E3%83%BC%E3%82%BD%E3%83%8A%E3%83%A9%E3%82%A4%E3%82%BA%E3%81%95%E3%82%8C%E3%81%9F%E5%88%86%E6%9E%90%E7%B5%90%E6%9E%9C%E3%81%AE%E7%94%9F%E6%88%90" aria-hidden="true"></a> 3. パーソナライズされた分析結果の生成</h2>
<ul data-line="95" class="code-line">
<li data-line="95" class="code-line">単に製品情報を表示するだけでなく、ユーザープロフィール（肌質、年齢、悩みなど）に基づいた適合性分析を行う必要があります</li>
<li data-line="96" class="code-line">この部分はAIにとって特に難しく、個人差を考慮した正確な判断が求められます</li>
</ul>
<p data-line="98" class="code-line">このような課題に対して、技術的にどう対応していくかが現在の最大の焦点となっています。</p>
<h2 id="%E7%B2%BE%E5%BA%A6%E5%90%91%E4%B8%8A%E3%81%B8%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E3%83%AD%E3%83%BC%E3%83%89%E3%83%9E%E3%83%83%E3%83%97" data-line="100" class="code-line">
<a class="header-anchor-link" href="#%E7%B2%BE%E5%BA%A6%E5%90%91%E4%B8%8A%E3%81%B8%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E3%83%AD%E3%83%BC%E3%83%89%E3%83%9E%E3%83%83%E3%83%97" aria-hidden="true"></a> 精度向上への具体的なロードマップ</h2>
<p data-line="102" class="code-line">現在の課題を解決し、AIエージェントの精度を向上させるために考えられる戦略としては以下が考えられます。</p>
<h3 id="%E7%9F%AD%E6%9C%9F%E7%9A%84%E3%81%AA%E6%94%B9%E5%96%84%E6%A1%88" data-line="104" class="code-line">
<a class="header-anchor-link" href="#%E7%9F%AD%E6%9C%9F%E7%9A%84%E3%81%AA%E6%94%B9%E5%96%84%E6%A1%88" aria-hidden="true"></a> 短期的な改善案</h3>
<ol data-line="105" class="code-line">
<li data-line="105" class="code-line">
<p data-line="105" class="code-line"><strong>ベクトル検索の導入</strong></p>
<ul data-line="106" class="code-line">
<li data-line="106" class="code-line">肌質、化粧品成分、効能のエンベディングを作成し、Vertex AI Vector Searchに格納</li>
<li data-line="107" class="code-line">類似成分や効能の検索精度を向上させ、ハルシネーション（幻覚）を低減</li>
</ul>
</li>
<li data-line="109" class="code-line">
<p data-line="109" class="code-line"><strong>Fine-tuning（FT）モデルの開発</strong></p>
<ul data-line="110" class="code-line">
<li data-line="110" class="code-line">化粧品成分と肌質の関係に特化したGeminiのファインチューニング</li>
</ul>
</li>
</ol>
<h3 id="%E4%B8%AD%E9%95%B7%E6%9C%9F%E7%9A%84%E3%81%AA%E6%88%A6%E7%95%A5" data-line="113" class="code-line">
<a class="header-anchor-link" href="#%E4%B8%AD%E9%95%B7%E6%9C%9F%E7%9A%84%E3%81%AA%E6%88%A6%E7%95%A5" aria-hidden="true"></a> 中長期的な戦略</h3>
<ol data-line="114" class="code-line">
<li data-line="114" class="code-line">
<p data-line="114" class="code-line"><strong>業界連携による知識ベースの構築</strong></p>
<ul data-line="115" class="code-line">
<li data-line="115" class="code-line">化粧品メーカーと皮膚科学会との協力関係を構築する。</li>
<li data-line="116" class="code-line">バーコードと製品情報を紐づけた独自データベースの開発</li>
<li data-line="117" class="code-line">徐々に取り扱える製品数を増やしていく。</li>
</ul>
</li>
<li data-line="119" class="code-line">
<p data-line="119" class="code-line"><strong>ユーザーフィードバックループの実装</strong></p>
<ul data-line="120" class="code-line">
<li data-line="120" class="code-line">分析結果に対するユーザー評価機能の追加</li>
<li data-line="121" class="code-line">フィードバックを活用した継続的なモデル改善プロセスの確立</li>
<li data-line="122" class="code-line">A/Bテストによる改善効果の定量的測定</li>
</ul>
</li>
</ol>
<h1 id="%E3%81%BE%E3%81%A8%E3%82%81" data-line="125" class="code-line">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h1>
<p data-line="126" class="code-line">今回は、化粧品分析を行うスマホアプリについてご紹介させていただきました！<br>
<a href="https://zenn.dev/hackathons/google-cloud-japan-ai-hackathon-vol2" target="_blank">第2回 AI Agent Hackathon with Google Cloud</a>に向けて取り組んでいるのですが、もう少し時間があるので、上述のような機能改善に取り組んでいければと思います！</p>
<p data-line="129" class="code-line">最後までお読みいただき、ありがとうございました🦒</p>
<h1 id="nishika%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="131" class="code-line">
<a class="header-anchor-link" href="#nishika%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> Nishikaについて</h1>
<p data-line="132" class="code-line">Nishikaは2019年に創業、「テクノロジーですべての人が誇りを持てる社会の実現」をビジョンに掲げ、「テクノロジーを、普段テクノロジーからは縁の遠い人にとっても当たり前の存在としていき、皆の仕事の付加価値・業務効率を向上させることに貢献したい」と考え、活動しています。<br>
AIプロダクト事業/AIコンサルティング・開発事業/AI人材事業を手掛け、AIコンサルティング・開発事業では「生成AIを使うと何が嬉しいのか、通り一遍ではない使い方を知りたい」という段階のお客様から、伴走してご支援するアプローチを強みとしています。</p>
<h1 id="we're-hiring!" data-line="135" class="code-line">
<a class="header-anchor-link" href="#we're-hiring!" aria-hidden="true"></a> We're hiring!</h1>
<p data-line="136" class="code-line">Nishikaテックチームでは、「テクノロジーを、普段テクノロジーからは縁の遠い人にとっても当たり前の存在としていく」を目指し、音声AIプロダクトの開発・生成AIを活用した課題解決ソリューションの構築を行なっています。<br>
興味をお持ちいただけた方は、以下リンクからご応募お待ちしています。インターンも募集しております！<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f7991a1814b88" src="https://embed.zenn.studio/card#zenn-embedded__f7991a1814b88" data-content="https%3A%2F%2Finfo.nishika.com%2Frecruit" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://info.nishika.com/recruit" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://info.nishika.com/recruit</a></p>


Flutter×GCP：化粧品分析AIエージェントの開発

システムアーキテクチャと技術スタック

ケーススタディ：乾燥肌の30代男性

3. パーソナライズされた分析結果の生成

精度向上への具体的なロードマップ

課題：AIの精度向上に向けて💪

Discussion