前回、Googleスプレッドシートでインクリメンタルサーチを実装してみた～ChatGPTでサクッと解決！！でChatGPTのおかげで短時間でそれっぽいスプレッドシートが完成させることができました。

さらに快適なインクリメンタルサーチ実装のために、このスプレッドシートをウェブアプリ化してみた話です。

作業手順も教えてくれる。スクリプトも書いてくれる。ChatGPT。

私のように、プログラミングを学んでみたものの、具体的な実装となると頭が真っ白になってしまうような人間には強い味方です。

ーーープログラミングなんて、基本だけ学んだって実際には役に立つレベルにはなかなかなれない、、、センスも若さも時間もお金も無い、、、今までの勉強は無意味だったのかも。。。なんて卑下していましたが、ChatGPTが提示してくれたコードはそのままだとうまく行かないことがあるので、それをイジるときに、この基本を学んだことが活きてくるのです！なんとなくココかも？でイケるんです！自分で試行錯誤したことが無駄ではなかったのだ！！と実感できます。

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

前回の続きです。

スプレッドシートのままだと2つの問題ありました。

1つ目。これは「インクリメンタルサーチ」とは呼べないのでは？問題。

2つ目。複数人が同時にアクセスできちゃう問題。

これを解決するためウェブアプリ化する必要があると。以前からスプレッドシートをウェブアプリ化できるらしいことは知っていたのですが、もともとウェブ上にあるのになんでわざわざアプリ化するのかな？なんて思っていて。。。

まさにこのような状況に対応するためにウェブアプリ化があるんですな！！ありがとうございます！

前回のChatの続きに、「お願い」を書く。

こんな回答。

手順通り作業。コードもコピーしてペースト。。。

スプレッドシートでスクリプトでのカスタマイズは以前からやっていたので、非常にわかりやすいが、、、Web用に表示する画面のhtmlファイルを作るのか。。。こんな簡単な作業でできるの？（コードを書かなくていいので本当に簡単。。。）

で、

できちゃった。

デプロイとURLの関係で少々躓きましたが、基本形がこれでできちゃった。

検索ワードをいれると、結果が表示される！！

このままだと非常に簡素なレイアウトなので、以下追加のお願いをしていく。

毎度お願いのたびに、どんどんコードは長くなっていきますが、私の作業はほぼコピペだけ。徐々にレイアウトが整っていきました。

レイアウトが整ってきたら、次は検索性能です。

いろんなワードで検索テストをしていると、アルファベットの小文字では大文字がヒットしないことがわかり、

と、お願いしたところで、ChatGPTの無料枠を使い切ってしまいました。

なので、ここから先は、ChatGPTと同じようなマルチモーダル生成AIの「Claude 3.5 Sonnet」を使ってより柔軟な検索ができるようにしていきます。

私個人的にはChatGPTよりClaude 3.5 Sonnetのほうが好きです。回答のレイアウトが見やすい。言葉遣いが優しい。などが理由です。回答内容も、Claude 3.5 Sonnetのほうが、気が効いている、詳細なプロンプトが書けなくても、意図を汲んでくれている、ような気がします！！

長くなってきたので、つづきは次回の投稿へ。

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

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

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

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