サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GWの過ごし方
note.com/aiux_unite
「Claude Codeを学べるAIゲームアプリ」を、新規事業開発の手法を駆使し、Claudeで作ってみた ということで、さっそく出来たゲームがこちら! 是非、一度遊んでみてほしいですが、どんなゲームかというと 1.ステージをクリアしていくことでClaude Codeの使い方が分かっていく 2.バトルは疑似ターミナルに入力し正解すれば敵にダメージを与えられる 3.間違うとAIが間違った内容に合わせて、適切なヒントを出してくれる という内容で、やってみると結構勉強になります。(自分のような非エンジニアは特に) 今回は、このゲームを新規事業開発手法でゼロから作った一部始終をお送りします! 基本的にはClaudeで作ってますが、本番公開などはClaude Codeで行いました。(非エンジニアでも、着想から本番公開まで数時間で行けました。) それではどうぞ! 1.新規事業開発の手法で「顧客」「課題
あけましておめでとうございます!本年もよろしくお願いします! 正月に書く2026年1発目の記事は「Gemini」×「NotebookLM」で出来るDX(業務フロー改善)!つまりAIでの業務フロー改善についてです。 AIの登場で生産性向上が叫ばれる中、業務フロー改善はより重要になってきていると思います。 なぜGeminiとNotebookLMでやるのが良いと思ったかでいうと、それぞれの得意領域である 1.NotebookLMで情報の要約、抽出を正確かつ高速に行う。 2.Geminiでその情報から、新たな創作をおこなう。 を組み合わせることで、点在するさまざまな業務フロー改善の「タネ」から自動で最適な業務フロー改善の提案をAIにさせることができるのでは?と思ったためです。 それでは、架空のWebサイト制作の業務フローをベースに、やり方を詳しく解説していきます! 1.NotebookLMに業務フ
【Figma × Claude】MCPでつなぐ、デザインシステムに沿ったワイヤーフレーム自動生成&編集フロー! こんにちは!吉川です。 今回は「【Figma × Claude】MCPでつなぐ、自動ワイヤーフレーム生成&編集フロー!」というタイトルでご紹介していきますが、何をしたかというと 1.FigmaでつくったデザインシステムをClaudeにMCPで読み込む 2.デザインシステムを元にClaudeで実装 3.Claudeで実装したhtmlをMCPでFigmaにデザインファイルとしてインポート の3つです。 なぜこれをやろうと考えたかで言うと、Web制作の現場においてAIで実装まで自動生成するのは、まだハードルが高い。 ただそれを見据えた上で、デザインシステムのルールを読み込んだWFまで編集可能な状態で自動生成すれば、かなり現場でも使えるフローになるのでは?と思ったためです。(そしてこのフ
このページを最初にブックマークしてみませんか?
『吉川 聡史 | AI&UX|note』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く