AIを使って週末で無料画像変換ツールを作った方法 — WebConverter

ファイルをどこにも送信しないシンプルな画像変換ツールが欲しかった。だから自分で作りました — そしてAIがコードの大部分を書きました。

アイデア

実績のあるC++ライブラリをブラウザ用のWebAssemblyにコンパイルする。Magnumライブラリは、すでに数十のフォーマットをサポートしています。

AIが役立ったところ

• HTML/CSS — ドラッグ＆ドロップUIとレスポンシブレイアウト
• JavaScript — Web Workers、ファイル処理
• SEO — Open Graphタグ、サイトマップ
• Astro — 動的ルートを持つ静的サイトへの移行

AIが役立たなかったところ

C++とEmscriptenの部分。CMake、Magnumプラグイン、メモリ管理 — これらには専門知識が必要でした。

技術スタック

• C++ / Magnum — 画像のデコードとエンコード
• Emscripten — WebAssemblyへのコンパイル
• Web Workers — 並列変換
• Astro — 静的サイトジェネレーター

WebConverter.appは無料でオープンソースです。PNGに変換、JPEG、BMPなど。