カテゴリー: バイブコーディング

Gemini Canvasを使って、写真をアップするだけで「チェキ風画像」が作れるツールを制作！制作時間10分、やり取り6回で完成した全工程を公開します。

「1回で完璧な指示」を出そうとしていませんか？2025年は、AIと会話しながら形にする「バイブコーディング」の時代です。本記事では、失敗しないプロンプトの5要素（型）から、最新の「ざっくり」手法、コピペで使える職種別テンプレートまで、AIを最強のパートナーにする全ノウハウを解説します。

プログラミング知識ゼロでも大丈夫。GoogleのAI「Gemini」に指示を出すだけで、イベントや忘年会で使える「高機能なくじ引きツール」を作成しました。制作過程のプロンプトを全公開します。

話題のAIコーディングツール「Gemini Canvas」を使えば、プログラミング知識ゼロでも「おみくじアプリ」が作れます。所要時間はたったの10分！自作のイラストや推しの画像を使って、SNSでシェアしたくなる自分だけの占いツールを作ってみませんか？プロンプト例付きで解説。

WordPressの投稿一覧画面に「PV数」を表示する方法。追加プラグインなしで、既存の「WordPress Popular Posts」と生成AIコードを活用。コピペだけで「24時間」「全期間」の閲覧数を可視化・ソートできます。

プログラミング知識ゼロでもアプリが作れる「バイブコーディング」。最新AI「Gemini 3」と「Gemini 2.5」に同じ指示を出してゲーム制作を比較検証しました。制作時間が2時間→15分に激減し、スマホ対応やUIデザインも劇的に進化した驚きの結果を、実際のプロンプト付きでレポートします。

毎月のWordPress記事投稿数、まだ手動でカウントしていませんか？ 面倒な集計作業は、生成AI (Gemini) を使って自動化しましょう。この記事では、ダッシュボードに「記事数カウンター」ウィジェットを自作する方法を、コピペで使えるPHPコード付きで解説します。

Gemini Canvasとバイブコーディングで作成した、ダークパターン体験ギャラリー制作の全過程、具体的なプロンプト、試行錯誤のログを解説。生成AIを活用した新しい開発フローに興味がある方必見です。

あなたは見破れる？フィッシング詐欺や偽ショッピングサイトなど、巧妙化するネット詐欺の手口をゲームで体験！サイバーパトロール隊員となって、サイバー空間に潜む嘘と危険から身を守るための実践的なスキルを身につけましょう。

Geminiを活用した新しい開発スタイル「バイブコーディング」の制作過程を解説。Webゲーム『洗濯の王子様』を題材に、AIとの対話からコードが生まれる様子を具体的に紹介。AIコーディングのリアルな事例です。

プログラミング知識がなくても、生成AIとの対話で「こんな感じ」を形にする新開発スタイル「バイブコーディング」。この記事では、筆者が面倒な画像加工を自動化する「自分専用ツール」を実際に開発した体験談を元に、あなたの日常作業を劇的に効率化するコツを分かりやすくご紹介します。

「Gemini Canvas」を使用しAIと対話しながら開発を進める「バイブコーディング」で、画像一括編集ツール「リサイズくん」をゼロから開発した全記録を公開。設計から実装、デバッグまでのリアルなやり取りをお届けします。

最近話題のAI「Gemini Canvas」って何ができるの？と思っていませんか。本記事では、実際に「年末！大掃除マスタークイズ」というWebコンテンツをGemini Canvasで作成した過程を詳しく解説。企画から実装までのAI活用術を学び、あなたもAIアシスタントと共にコンテンツ制作を始めてみませんか？

毎日の買い物がもっと楽しく、もっと美味しくなる！「食材見分けマスター」は、クイズに答えるだけで自然と新鮮な食材を見分ける知識が身につく学習ゲームです。野菜や魚、お肉の選び方に自信がない方も、ゲームを進めるうちに見る目が変わります。自分だけの食材図鑑を完成させ、旬の知識も手に入れましょう。

URLやテキストから可愛い二次元バーコードシールが作れる無料ジェネレーターを、生成AI（Gemini）を使って開発しました。本記事では、ツールの使い方に加えて、AIとの対話を通じて完成させた開発過程と、最終的に使用した「コピペで使える指示書プロンプト」を全て公開しています。

AIツール「Gemini Canvas」で作成されたゲーム「野菜仕分けマスター」をご紹介。野菜や果物の正しい保存方法をゲーム感覚で楽しく学べます。難易度別のモードや食品図鑑機能など、ゲームの魅力と遊び方を詳しく解説します。

X（Twitter）のタイムラインで画像が切れてしまう問題を解決！枚数に応じて最適なアスペクト比に自動調整し、投稿プレビューまで確認できるツールの作成方法を徹底解説。HTMLとCSSで誰でも簡単に作れるテクニックを紹介します。

AIツール「Gemini Canvas」で作成した、タスクの作業時間を計測し、退勤時間に合わせて自動でCSVデータをダウンロードする、シンプルなタスク進行管理ツールの作り方を解説します。ブラウザで安全に使えるこのツールのHTMLとJavaScriptコードを公開。自分でツールを作って、タスク管理を効率化しましょう！