vibecoding

「Gemini CLI」を使ってみる! その2 ゲームをブラッシュアップしていきます!(完成度アップしてるよ☆)

vibecoding

「Gemini CLI」を使ってみる! その2 ゲームをブラッシュアップしていきます!(完成度アップしてるよ☆)

はじめに 最初に念のため書きますが、今回はコードは一切触らず、全て「Gemini CLI」が作成したゲームです。 また、基本的に指示は、曖昧な指示を出すように心がけました。 例 ・もう少し当たり判定を小さくして ・ボスの攻撃バリエーションを増やして ・敵が硬すぎるのでもう少し柔らかくして みたいな指示です 実際にブラッシュアップして遊べる状態にしたのが以下になります。 https://test.aisgm.me/test_prog/js/003/ 遊べるのはPC onlyです 前の状態だと、システム的な部分は色々入っていますが、バランス悪いし分かりにくい状態でした。 途中で絶対クリアできないって場所もあります。 そこで、今回はバランスの調整や、表示する情報など大幅に更新しました。 デバッグするに当たって、自分のパワーアップがどんな状態かを確認できないと不便なので、その辺も結構変わっているかと思います。 あと、今回はクリアの概念もありますので、ウェーブ15をクリアしてください。 ここから下は、具体的な作成過程をはしょりながら見ていきます。 実際は少しづつ変更している

「Gemini CLI」を使ってみる!導入から、ゲームを作り始めるまで(作ったゲームも触れます)

AI関連

「Gemini CLI」を使ってみる!導入から、ゲームを作り始めるまで(作ったゲームも触れます)

最初に未完成のゲームを貼っておきます。次回ブログ記事にてもう少し進行版を貼ります。(まだゲームとしてはいまいちですが、とりあえず動く) 操作方法だけ、PCの場合、WASDとカーソルキーで移動、パワーアップはマウスで選択です。https://test.aisgm.me/test_prog/js/002/ 画像クリックでも遊べます ポイント ・Gemini CLIはマルチモーダル機能 様な入力から新しいアプリケーションを生成など ・大規模コードベースのサポート Geminiの100万トークンという広大なコンテキストウィンドウを最大限に活用し、大規模なコードベースのクエリや編集を効率的に行えます ・運用タスクの自動化 Git操作など、日常的なDevOps関連のタスクをAIが自動化 ・豊富なツール統合 Gemini CLIの大きな強みです。Imagen(画像生成・編集)、Veo(動画作成)、Lyria(音楽生成)といったメディア生成モデルを含む新しい機能をModel Context Protocol (MCP) サーバーを通じて接続できます 「Gemini CLI」が何かとか、

vibe codingでQRコードを作成するWEBアプリを作ってみた

AI関連

vibe codingでQRコードを作成するWEBアプリを作ってみた

無料のQRコードを作成するアプリって結構あるんですが、自分用のが欲しかったので、今回作ってみました。 正直このレベルだと、特に難しい事を考えなくても作れちゃいます。 アクセス先はこちらです。 https://test.aisgm.me/test_prog/app/QR_Code/ 更新履歴 2025/06/27 公開 2025/07/05 QRコードの生成に失敗するケースがあったので修正 一応課程を乗せておきます 制作環境ですが「Claude 4 Sonnet」を利用して作成しました。 今回はシンプルなQRコードなので以下の条件を設定しました。 * 文字列を指定したらQRコードへ変換 * 画像の下部にテキストでタイトルを記入できるようにする * QRコードのサイズを選択できるようにする * ダウンロードボタンでQRコードとタイトルを画像としてダウンロードできる * スマホからも利用可能にする これで作成すると、画面構成は現在の完成形ができあがりましたが、QRコードの生成ボタンが押しても反応しないなど、動きませんでした。 QRコード生成のJSのライブラリを