YouTube解説で将棋ゲームをバイブコーディングのみで開発。 少ないプロンプト数で動くゲームを完成させました。

簡易的なコーポレートサイトになります。 コーポレートサイトに重要なファーストインプレッションを意識し、アニメーション等、目を引くデザインに仕上げました。 会社はあるけどもHPがないなどお悩みのお客様はお気軽にお声がけください。

アレルギー情報なども掲載し、使用しやすいUI ・洗練されたデザインを重視しました。

夏休み限定の子ども向けイベント「AI × ゲーム制作教室」専用のランディングページを制作しました。ポップなビジュアルと遊び心あるアニメーションで、ターゲット層である小・中学生やその保護者の興味を引く構成に。申込情報は管理画面から確認でき、Slack連携によりリアルタイム通知も実現しています。

プロジェクトの契約からタスク管理までを一貫して行うことのできるシステムを開発しました。 ブロックチェーンでの取引も可能なため、透明性の高い契約のもとプロジェクトを進めることができます。

フレグランスのECサイトです。 写真や文言がございましたらご希望に合わせて変更が可能です。

AIがYouTubeチャンネルのデータをもとに、再生回数やエンゲージメント、視聴者行動パターンを解析。詳細な分析結果とともに、PDF形式のレポートとして出力し、チャンネル成長のための戦略提案を行うWebツールです。直感的なUIで誰でも簡単に分析をスタートできる設計にしました。

ブラウザ上で手軽に遊べる「オセロ対戦アプリ」を開発しました。ゲームは初級から鬼レベルまで4段階の難易度が用意されており、上級・鬼レベルではログイン機能と連動し、シンプルかつスタイリッシュなUI設計で、初めてのユーザーでも直感的に操作できます。盤面の石の変化はスムーズなアニメーションで表現し、対戦体験をより楽しく演出しました。

ビデオグラファー兼ビデオディレクターの個人事業主様からご依頼を受け、claude codeを使用して作成した事例です。 既存のHPから大幅にアップデートし、デザインコンセプトを踏襲したまま、ボタンのアクションや色調を変更。 管理画面で作品の投稿やプロフィールの変更も可能です。

営業担当者と事務担当者が顧客の契約状況を連携するために利用する社内システムを開発いたしました。 レスポンシブデザインに対応しています。

会社紹介のランディングページです。どの業種にも対応可能です。

台湾プロ野球（CPBL）6球団の基本情報はもちろん、試合日程・最新順位表・話題のチアリーダー紹介までを一画面で網羅するファン向けLPです。

Claude Code専用のプロンプトの保存システムです。 Claude Codeで入力したプロンプトが自動でCMSに保管さチームでもプロンプトをどのくらい入れているかを管理できるツールになっています。

生成AI動画でアニメ制作に挑戦。 ドラゴンと戦士が戦っている姿を実際にアニメ化。 企画から作成まで3日で実現できました。 AIもここまで来たかというようなクオリティーに仕上がりました。

YouTubeの解説付きでFigma MCPを利用してバイブコーディングでLPを制作。 写真なども全てデータを落として制作を行ったので開発時間は30分のみです。 バイブコーディングでアニメーションを加えてリッチなサイトに仕上げました。

自然を感じる画像と、洗練されたモダン的なUIで商品をを訴求するLPを作成しました。 高品質な商品画像を活かしたグリッドレイアウト・価格・商品名を見やすく配置した購買促進デザインです。

生成AIを使って短編ドラマを作成。 音声や動画の素材全てAIで作っています。

AI素材を使ってベトナムのPR動画を作成。 GoogleのVeo3で素材を作成して、Adobeで素材を組み合わせて動画を作りました。

プロダクトの紹介CMをAIで生成して作成しました。 動画、音声全てをAI動画で生成しました。 プロダクトのリアルなCMも生成AI動画で作成することが可能です。

3名の女性の動く顔を生成。 生成AI動画でしか出せないようなクオリティーの動画を実現。 CMなどにも使えるような動画を出すことに成功しました。

男性が自撮りしている風のAI動画を作成。 広角で自撮りしている感じのものが生成されました。 Vlog動画なども今後作っていくことができると確信しました。

比較的プレーンなブログサイトになります。 投稿者画面から、写真付きの記事投稿、カテゴリ分け、タグ付けが可能となっております。 ユーザー画面ではコメント機能や、SEO対策も実装済みですので、自分だけのブログを育てていくことができます。

ゲーム形式のタスク管理ツールを作成。 タスクを入れることで自分の体力が消耗したり、タスクをこなすことでレベルが上がるようなゲーム形式のタスク管理ツールです。

地球を中心に広がるネットワークとAIの知性を、落ち着いたブルーとシルバーの映像表現で描き出し、グローバルなつながりと未来への革新性を強調しながら、最後にLandBridge Mediaのロゴで締めくくるCM風動画です。

Figma MCPを使用して簡易LPをテストで作成。 Figmaのデザインフレームワークを使用したのでデザインはそのままです。 実験でしたが、実際のFigmaデザインとは少し差異があるか結果になりました。

海外のデザインサイトからデザインの着想を得て、figmaのMCPサーバーを利用しイベント告知のLPを作成した事例です。 学校のプリント代わりや、自治会の集まりの告知等、スマホやパソコンでいつでも内容を確認できるようになれば忘れ物が減るかも。

IT教材の販売ページを30分で作成しました。 YouTubeの動画内で仕様を決めてすぐに開発を行いました。 2プロンプとほどで完成させた簡易的なサイトになっています。

海外のデザインサイトから着想を得て簡易的なLPを作成しました。 簡単なコーポレーションサイトや、自社プロダクトのPRサイトなど幅広く応用できます。

LPライクなECサイトです。 急遽決まった自社商品のPRなどに最適です。 文言＋写真数枚を頂ければ最短１日での作成が可能です。

1時間のウェビナーで美容クリームの販売するランディングページを制作。 仕様から全てClaudeで作っています。

海外のデザインから着想を得て作成した事例です。 文化祭や大きなイベントなどの告知をもっとスマートに。 イベントの告知などをご検討の方はお気軽にご相談ください。

YouTubeで解説して仕様を作る段階からコーディングまでを行いました。 30分でホームページを制作しました。 美容向けのホームページです。

カーソルに連携して動くロボットです。 サイトのマスコットや案内役にいかがでしょうか。

バイブコーディング講習のランディングページを構築しました。 アンカーリンクでヘッダーから各セクションにアクセスすることも可能です。

Figmaのデザインをバイブコーディングで精密に再現をしました。 動きのないデザインからコーディングを行い、多言語対応やアニメーションの追加、レスポンシブデザインの実装などを行いました。