2025年3月24日月曜日

Geminiのコードビューで「[]」が表示されない

 


最近、Geminiのコードビューで「[]」が表示されないという問題に遭遇しました。特に、JavaScriptで空の配列をセットするコードをプロンプトに入力した際に、期待される「[]」が表示されず、代わりに「let list =;」と返ってくることがあるようです。

[]が表示されない問題の詳細

具体的には、JavaScriptで空の配列を作成するためのコードを入力した際に、期待される「[]」が表示されないという現象が発生しています。例えば、以下のようなプロンプトを入力した場合です。

JSでlist変数に空の配列をセットするコードを書いてください。

このプロンプトに対して、Geminiが返すべきコードは以下のようになります。

javascript let list = [];

しかし、実際には「let list =;」と返ってくることがあるため、開発者は困惑しています。


この問題は、特に初心者にとっては大きな障害となる可能性があります。実際に実行しようとするとエラーになります。

問題の原因

この問題の原因として考えられるのは、Geminiコードビューの不具合かと思われます。推論モデルで動作させたところ、推論プロセス中で表示されるコードには[]が表示されています。Gemini側もこの問題を認識できないようです。

解決策

現状解決策はGeminiの庚申待になります。開発環境にでコードを利用する際におそらく文法エラーになりますので[]を手動で追加してあげましょう。

関連情報

以下のリンクは、Geminiに関するトラブルシューティングやサポート情報を提供しています。問題解決の参考にしてください。

まとめ

Geminiのコードビューで「[]」が表示されない問題は、初心者開発者にとって非常に困難な状況を引き起こす可能性があります。Geminiのクセを理解しつつ、今後もGeminiを活用して、より良い開発環境を整えていきましょう。


タグ

#Gemini #コードビュー #JavaScript #トラブルシューティング #プログラミング

2025年3月20日木曜日

Geminiに新機能「Canvas」が追加!その魅力と使い方を解説

 



Geminiに新機能「Canvas」が追加!その魅力と使い方を解説

Geminiに新しい機能が追加されました。早速使ってみましたが、これは本当に便利です!今回は、Googleが発表したAIサービス「Gemini」の新機能「Canvas」について詳しく解説していきます。これを読めば、Canvasの魅力や使い方がわかること間違いなしです!✨

1. Geminiとは?

まずは、Geminiについて簡単におさらいしましょう。Geminiは、Googleが開発したAIサービスで、自然言語処理や機械学習を活用して、ユーザーの質問に対して的確な回答を提供することを目的としています。特に、文章作成やコーディング支援において、その能力を発揮しています。

2. 新機能「Canvas」の概要

さて、今回の新機能「Canvas」ですが、これはユーザーがGeminiと対話しながら、文書の作成や修正、さらにはコーディング作業を進めることができる機能です。画面を分割して、左側で作業をしながら、右側で変更後のプレビューを確認できるのが大きな特徴です。

3. Canvasの使い方

Canvasを利用するには、プロンプトバーで「Canvas」を選択します。すると、画面が分割され、左側にはテキスト入力欄、右側にはプレビュー画面が表示されます。これにより、リアルタイムで作業の進捗を確認しながら、効率的に作業を進めることができます。

4. 文章作成におけるCanvasの活用法

例えば、文章の下書きを作成する際、Geminiのフィードバック機能を使って書き換えの提案を受けることができます。段落をハイライトして、Geminiに簡潔な表現やプロフェッショナルな文体への変更を指示することも可能です。これにより、より質の高い文章を短時間で作成することができます。

5. コーディング支援機能の活用

Canvasはコーディング作業にも非常に役立ちます。WebアプリやPythonスクリプト、ゲーム、シミュレーションなど、さまざまなコードを左側の画面で変更しながら、右側のプレビュー画面で修正内容を確認できます。例えば、SQLクエリの作成時には、左側にプロンプトを入力し、右側でその結果を確認することができます。



6. 他のAIツールとの比較

GeminiのCanvas機能は、ChatGPTの「Canvas」やClaudeの「Artifact」といった他のAIツールにも類似の機能がありますが、GeminiのCanvasは特にユーザーインターフェースが直感的で使いやすいと感じました。これにより、初心者でも簡単に操作できるのが魅力です。

7. まとめ

今回は、Geminiの新機能「Canvas」について解説しました。文章作成やコーディング作業を効率的に進めるための強力なツールとして、今後ますます注目されることでしょう。


8. おまけ

今回の記事はリートンのブログ作成機能を使いましたが・・・口調が気に入らないですね・・・difyで別途ブログ作成用AI構築しようかな。


2025年3月19日水曜日

開発の情報ブログ始めます

 

開発の情報ブログ始めます

AIの発展によりコーディングの時間を大幅に短縮できるようになり、長年WEB系の開発をしていた私にとって物事の進展が劇的に変わる様になってきました。流れについていくため(すでに取り残されている)このブログに記事を残しながら、ロートルエンジニアでも最新技術に食らいつけるように情報をメモれればよいかと思います。

何を書いていく??

  • meowassist.netのドメインを取ってVPSサーバー一台あるので、それでできるサービスをぼちぼち作るっているのでそのメモ
  • AI開発関係のニュース
  • AIに聞いたことをメモがてら発信
  • 開発関係の使ってみた

お前は誰だ

今は中小企業の一人情シスしているシステムエンジニアです。
いままで名刺に書いた肩書に、開発主任、ゲームプロデューサー、ネットワークインフラエンジニア、DXソリューションなど、色々やってます。
基本、WEBのフルスタック開発をしていました。
JAVA,HTML,JS,PHP,RUBY,Pythonを触ってきましたが、フレームワークから開発していたので逆にモダンなフレームワークの利用経験がないです・・・(Struts,spring,laravel,react,next.js,vue.jsとか経験少ないです)

AIについて

基本定期にAI支援を受けて開発、記述しています。できる限りプロンプトなども共有していきます。
今回のイラスト利用AI
プロンプトは
イラストのプログラマー三毛猫 新たに事始め




Claude Codeをwindows11に導入してVSCとつなげてみた

  Claude Codeをwindows11に導入してVSCとつなげてみた WSLインストール VSCとClaude Code連携できるとの話を聞いて拡張機能を見てみたがどうも違うらしい。とりあえず、windowsにインストールしてみる。 npm install -g @ant...