Gemini CLIは確かにすごかった。

Gemini CLIって、コマンドラインで使える Geminiなんだろうなって、ただそれぐらいにしか思っていませんでした。

でも使ってみてわかりました。WEB版よりも絶対使い勝手が良いという事実。

初回の設定
何がすごいのかというと、Reactで、アプリ作って欲しいとリクエストすれば、すべて、Geminiがやってくれる事です。

WEB版だと、インストールを行う作業や、プログラムソースを保存する作業等、人が手を加える必要があった作業を、 CLI版は全て、Gemini自身がしてくれるのです。(都度、Geminiからお伺いがあるので、ENTERキーを押すだけかな)

こんな事ができるのなんて、ほんと夢みたいな話だと思いました。
こうなってしまうと、人が、介在するのはテストだけになりそうです。
(いやテストプログラムすら、今ではGeminiが作るので何が残るのだろう?)

うーん、今後は、何を作れば便利になるのか、
新しい発想を創造する事ができるクリエイターの時代、または
新しい発想で創造する事ができるクリエイターの時代、
になったのかもしれません。
以下は、Reactで試しにアプリを作ってもらった例です。

まずは以下の依頼をいたしました。

「reactで作成したアプリを考えたいのですが何か案はありますか?」
(作るものも、geminiにお任せします)

すると候補を3つ出してくれました。
アイデア2:レシピ検索アプリを選択してみました。
プロジェクトの初期化処理
     ↓
依存関係のインストール
     ↓
コーディング作業
     ↓
開発サーバーを起動(動かす)

ここまでやってくれるのね。
ふふふ、、、笑うしかない。

この後 サーバを起動、試しに動かしたら、検索できないので、Geminiに、「試してみましたがレシピ検索に「カレーライス」と入力しても、結果は何も表示されませんでした。」と書いたら、日本語は対応していないとの事。
Geminiは改善案を出してくれました。

早速、ブラウザで検索してみます。

ちゃんと機能していました。
それならと、今私が作成しているSVG描画ツールを、 Gemini CLI で作成できるか試してみました。(WEB版で確立してる作業の流れと全く同じなんですよ)

結論としては、、、、ダメだー、、、_| ̄|○。
エラーを回避する事ができない(解決案を、繰り返し同じ解決できない案で提示する、例えるならば、ハルシネーションのパニック状態)になりました。
WEB版だと、作成している最中が見えるので、その間がある方が良いのかも。
何か対策があるんだろうけど、その方法がわからなければ使えそうにないです。


現在は、やり方が確立している WEB版の方で良いと思いました。
残念ですが、ひとまずは保留として再度チャレンジしたいと思います。

(7/3 追記) 
Gemini CLI に関してやり方を調査してますが、そのヒントを共有します。
バイブコーディングという言葉を、Gemini CLIを通して、知りましたが、
これって、今作成中のSVG描画ツールの開発手法です。
生成AIを使って開発してれば自然とたどり着くのだと思います。
参考までに、今作成中のSVG描画ツールのリンクを案内します。
(補足)
①マウスが動かせない環境、例えば携帯では使う事ができないです。
②都度更新してますので、 CTRL+F5 または、シークレットウィンドウで使用して下さい。

SVG描画ツール
※PWAとして動作します。
PWA(Progressive Web Apps(プログレッシブ・ウェブ・アプリ))の略で、Webサイトでありながらネイティブアプリ(iOSやAndroidなどのOSにインストールして使うアプリ)のような体験を提供する技術のことです。

Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

興味

項目(サイトへ)概要
AIと仕事の未来生成AIによる働き方の変化と、これから求められる仕事・スキル・キャリアを探るレポートです。
SVGタグ解説SVGの基本的なタグについて解説します。
SVGの探求SVG:インタラクティビティとアニメーションの探求
Mermaid.js 各種ダイアグラムのノードと矢印の図形Mermaid.jsは、コードベースでフローチャートやUMLなどの図を描画できる軽量なJavaScriptライブラリです。
Mermaid.js 記述事例Mermaid.jsを使用してフローチャート、シーケンス図、クラス図、ステート図、マインドマップ、要件定義を記述した構文例を載せています。
macromedia Flash 歴史探訪Webに命を吹き込んだFlash──インタラクティブ時代の幕開けを振り返ります。
RailsがWeb開発にもたらした衝撃と改革Web開発の革命、多くのフレームワーク誕生の火付け役となったRuby on Railsについて。
IT開発工数見積もり手法 選定支援ツール要件定義は工数見積の基盤であり、適切な算出が成功の鍵となります。
梅から桜へ:日本の花文化変遷インタラクティブガイド梅から桜へと観賞対象が移り変わった歴史的経緯と文化的背景を、インタラクティブに探求します。
もち麦と雑穀米 完全ガイドもち麦と雑穀米のインタラクティブガイドです。

no+e

記事内容
SVG描画ツールを作ってみたSVG描画ツールをGeminiと共に作るきっかけとなった話
GeminiとMermaid.jsの組み合わせGeminiで、ソースを解析してもらいmermaid.jsが認識してくれるタグに変換してもらう話
Gemini共同製作からのGem活用Geminiと私が実際に行っている共同製作方法(バイブコーディング)の方法を解説した話
SVG描画ツールをGemini CLIで作成するGemini CLIでSVG描画ツールを作成できるのか?を確認した話
KIROを使ってみました。KIROというAIエージェントが公開されてGemini CLI が解決できない問題を解決できるのではと使ってみた話
KIROとGeminiでSVG描画ツールを作成本当はGEMINI CLIを1番に使いたいのですが使えないのです。その為現在は、1.KIRO 2.GEMINI(WEB) 3.GEMINI CLI を使ってます
AIが「ごめんなさい」と答えた日。私は気分転換をすることにしたSVG描画ツールのバグ修正が思うように進まず、開発がしばらく停滞した中、生成AIにも見放されてしまい気分転換をした話