このトピックの一番最初の投稿はこちら

Googleスプレッドシートでインクリメンタルサーチを実装してみた～ChatGPTでサクッと解決！！

↑の続き、この記事の前篇の投稿はこちら↓

Googleスプレッドシートでインクリメンタルサーチを実装してみた～ChatGPTでサクッと解決！！～後編～ウェブアプリ化して公開する

前回、Google Apps Scriptで公開したウェブアプリ、スプレッドシートの商品データリストから、インクリメンタルサーチができるウェブアプリを公開し、より柔軟な検索ができるようにするところでChatGPTの無料枠を使い切ってしまいました。

その続きを、今度はClaude 3.5 Sonnetに頼って作業して、より柔軟な検索が実装できた話です。

最後までお読みいただけると嬉しいです。

Claude 3.5 Sonnetについて、他の賢人の方々の詳しい解説を御覧いただきたいので当記事では割愛させていただきます。

まずは、冒頭のように、お願いするには、Google Apps Scriptに書いたコードを、エディタにコピペしてファイル化して、Claude 3.5 Sonnetの添付ファイルとして読み込ませる。

で、回答が、

良い。

ChatGPTより、レイアウト、カラー、言葉遣いが良い気がする。

ちなみに設定でFeature PreviewのArtifactsをOnにしています。

すると、回答の右側にコードが表示されます。チャットの回答とコードが別々にスクロールできるので、ChatGPTのように縦長にならず、解説とコードの該当箇所を並べて表示できる親切設計。

なるほど、今度は.gsファイルのコード修正したのね。

コピペして動作確認。

さらに、追加のお願い。

で、回答が、

回答の冒頭で「良いアイディアですね！」と褒めてくれる。とても良い。

コピペして動作確認。

サクサク高速検索！！とまでは言えませんが、社内用であれば十分かと。

そもそもの要望を出してきて弊社若手社員に使ってもらうと。。。

「ヤバいㇲね」

という一言。。。。良い意味ってことで受け止めます。。。

私のような浅学者だと、今回のような検索サイトを作るとしたら、以前なら何日も費やしていたと思うのですが、生成AIの助けを借りることで、大幅に時間を短縮できました。

また、生成AIの無料枠も、複数の生成AIを順番に渡り歩けば、カバーできることがわかりました。

調子に乗って、さらにClaude 3.5 Sonnetにお願いしてみた。

にゅにゅにゅにゅにゅ。。。。

ちょっとこれはついていけなくなってきました。。。

少しずつ勉強しながら、カスタマイズしていこうと思います。。。

最後までお読みいただきありがとうございました。

最後に、会社の宣伝もさせてください！

株式会社松栄シルクは、東京都葛飾区に本社を構えるシルクスクリーン印刷の専門会社です。1987年に設立され、長年にわたり熟練の技術と最新の設備を駆使して、オリジナルTシャツプリントやノベルティグッズの製造を行っています!!https://www.shoeisilk.com/

弊社について、ChatGPTに聞いてみました！