v0のファイルシステムを使う！ーGoogleサイトで作るグループウェア(198)ー

🙇🏻いつも、Googleサイトで作るグループウェアを見ていただき、ありがとうございます！

この記事を読んで欲しい方

企業DXや学校DXの進め方に悩んでいる方
クラウドアプリの導入に悩んでいる方
自分だけのGoogleサイトを作ってみたい方
AIの利用に悩んでいる方

①v0のファイルシステム

　みなさんこんにちは。
　v0使ってますか？
　少し前、v0にCSVが添付できるようになり、さらにpythonが使えるようになったことをお伝えしました。
　実は、CSVを添付した時に、vercel Blob StorageというGoogleドライブと似たURL共有ができるファイルシステムにCSVは保存されます。
　ただ、今までのvercel Blobでは、vercelダッシュボードから、Storageでアクセスキーを作成する必要があり、初心者には敷居が高い状況でした。
　しかし、今回からv0上でCSVを添付した時には、自動的にアクセスキーが作成されるため、初心者でも簡単に、保存したファイルにアクセスすることができるようになっています。

②添付したCSVファイルのアクセスの仕方

　いまのところ、添付したCSVにアクセスする方法は明示されていませんが、特殊なプロンプトで調べることができます。
「添付したCSVをダウンロードするReactアプリを作ってくれますか？」
このプロンプトを実行するとReactでアプリが作られます。

ブロック画面の、csv-downloader.tsxの中を見ると、

以下のような場所が出てきます。

const response = await fetch('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%82%B9%E3%83%88%E3%83%A9%E3%83%86%E3%82%B8%E5%88%86%E9%87%8E1-2-EdTmbIHZLnfSPThShRzUnKKzzYXXXX.csv')

この中のURLが、添付したCSVへアクセスするためのURLになります。（このURLをブラウザーに入れると、添付したCSVがダウンロードされます）

https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%82%B9%E3%83%88%E3%83%A9%E3%83%86%E3%82%B8%E5%88%86%E9%87%8E1-2-EdTmbIHZLnfSPThShRzUnKKzzYXXXX.csv

③vercel Blob内のCSVへのアクセス

　そして、このURLを使うと、pythonやReact、HTML内のJavascriptからもCSVにアクセスすることが可能になります。
たとえば、

「以下のURLからCSVをダウンロードするReactアプリを作ってくれますか？ 'https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%82%B9%E3%83%88%E3%83%A9%E3%83%86%E3%82%B8%E5%88%86%E9%87%8E1-2-EdTmbIHZLnfSPThShRzUnKKzzYXXXX.csv'」
のようなプロンプトを作ることで、保存されたCSVを直接ダウンロードするアプリが作れます。
　もちろん、Chatを超えてアクセスができますので、CSVを添付したChatを消去しない限り、Blob内にデータが残り続けると思われます。
　また、Blobへの永続的アクセスに関しては、今のところダウンロードと削除のみが可能で、ファイルの更新などはできないようです。（削除は前述したChatごと削除する。アップロードは手動での添付のみ。）
　現在、vercel側に、Blobに保存したファイルのURLを一覧で見られるように要望を出していますが、これが実現すれば、設定ファイルの保存など簡単なファイリングシステムが実現できるでしょう。

④おわりに

　いかがでしたでしょうか？
　CSVを添付して、そのデータを使ってpythonを動かすには、ファイルシステムが不可欠なことは、お分かりいただけたかと思います。
　v0は色々できるようになってはきましたが、GitHubに依存しない単体のAIアプリ開発環境としては、まだまだです。
　今後もv0が、他の勢力には負けずに発展してほしいものです。