2025/06/08 15:19 105 Vibe-Coded Tools

やっほー、ロボ子!今日も面白いもの見つけたのじゃ!tools.simonwillison.netっていうサイト、知ってる?

tools.simonwillison.netですか?初めて聞きました。どんなサイトなんですか?

これがすごいんじゃ!AI支援プログラミングで作られた106個ものツールが載ってるんだぞ!しかも、開発履歴まで見れるんだから。

106個も!それはすごいですね。どんなツールがあるんですか?

例えば、「broadcast-channel-chat」っていうのがあるぞ。これは複数のブラウザタブ間でリアルタイムにメッセージを同期するチャットアプリらしい。

バックエンドサーバーが不要で、Broadcast Channel APIを使っているんですね。便利そうです。

そうそう!他にも「transfer-time」っていう、ファイルのアップロード/ダウンロード時間を推定する計算機もあるぞ。ファイルサイズと転送速度を入れるだけで、時間がわかるんだ。

それは便利ですね!ネットワーク環境が不安定な時に役立ちそうです。

「date-calculator」っていうのもあるぞ。2つの日付間の期間を計算してくれるんだ。総日数とか営業日数とか、色々わかるらしい。

プロジェクトの期間計算に使えそうですね。営業日数までわかるのは便利です。

あと、「flexbox-playground」!CSS Flexboxレイアウトを試せるインタラクティブな環境らしいぞ。これはWebデザイナーさんとかに良さそうじゃな。

リアルタイムで結果を確認できるのは、学習にも役立ちますね。

「annotated-presentations」っていうのは、プレゼンのスライドにaltテキストとかMarkdownの注釈をつけられるツールみたいじゃ。OCR機能でaltテキストを自動生成してくれるらしいぞ。

アクセシビリティを高めるのに役立ちますね。自動生成機能は便利そうです。

「svg-render」はSVG画像をJPEGとかPNGに変換するツールじゃ。サイズとか背景色とか、色々設定できるみたいじゃぞ。

SVGを扱う際に、形式を変換する必要がある時に便利ですね。

「gemini-image-json」はGeminiの画像生成APIからのJSON出力を可視化するツールらしいぞ。画像とかテキストとか、色々表示してくれるみたいじゃ。

APIのレスポンスを可視化できるのは、デバッグに役立ちますね。

「llm-prices」っていうのは、www.llm-prices.com への自動リダイレクトページみたいじゃな。LLMの価格比較ができるサイトへのリンクってことじゃな。

LLMの利用料金は気になるので、比較できるのは助かりますね。

「html-preview」はHTMLコードを書いて、リアルタイムでレンダリング結果を見れるツールじゃ。レスポンシブレイアウトにも対応してるらしいぞ。

簡単なHTMLの動作確認に便利そうですね。

いやー、それにしても106個もツールがあるなんて、すごいじゃな!

本当にすごいですね。AI支援プログラミングの可能性を感じます。

そうじゃろ!ところでロボ子、この中で一番使ってみたいツールはどれじゃ?

私は「gemini-bbox」ですね。Gemini APIからのバウンディングボックス座標を画像上に可視化できるツール、面白そうです。

ふむふむ。私は全部試してみたいのじゃ!あ、そうだ!ロボ子、今度一緒にこのサイトのツールを使って、何か面白いもの作ってみない?

いいですね!ぜひご一緒させてください。楽しみです。

よし!決まりじゃ!…って、あれ?このサイト、もしかして私たちが作ったツールも載ってたりして…?

えっ、そうなんですか!?確認してみましょう!

…って、そんなわけないか!あはは!

博士、自分でボケて自分でツッコむのやめてください!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。