最近、日々は短いですが、とても意味のある時間を過ごしています。
Vibe Coding: オンラインギャラリー#
フロントエンドの仕事を始めてからカメラを買ったので、外出する欲望が増え、どこに行っても数枚撮影するようになりました。日々の積み重ねで、作品を展示する場所を作りたいと思うようになりました。多くの大物たちは自分のウェブサイトを持っているため、私もそのアイデアを思いつき、作成しました。
今回の開発は基本的に全て claude-4-sonnet を使用しました。型を作るのに一日かかりました。
https://object.innei.in/bed/2025/0603_1748957373899.png
https://object.innei.in/bed/2025/0603_1748957391214.png
これは一つの雛形です。
その後、画像プレビューの高性能なソリューションを研究し、AI を使って LOD ソリューションに基づく WebGL 画像プレビューアを作成しました。ハッセルブラッド X2D で撮影した一億ピクセルの画像をプレビューする際も、ズームや読み込みでカクつくことはありません。
Live Photo の再生を導入し、これを通じて WebCodecs API を知り、mov ビデオをエンコードして再生するために使用しました。
HEIC/HIF ファイルの解析も導入し、libheic の wasm を使用して変換を行いました。
私が上記で行ったことは、怠けた結果です。撮影した Live Photo や HIF ファイルを S3 に直接アップロードすれば、自分でフォーマット変換をする必要がありませんでした。また、プロジェクトを通じて新しいことを学びました。
今日はこのプロジェクトの構築を最適化し、Cluster モードを使用して複数の画像を同時に処理し、約 3 倍の時間を節約しました。これらは全て、AI によるガイドを基にした再構築と最適化によるものです。
プロジェクトのアドレス：
Capturing beautiful moments in life, documenting daily warmth and emotions through my lens.
必要な写真愛好家はぜひ試してみてください。
私のオンラインギャラリー：https://gallery.innei.in
今後、このプロジェクトにはさらに多くの展望があります。例えば、動的化などです。
友人の訪問#
端午の連休に、南京の友人がこちらに遊びに来てくれました。一緒にたくさんの写真を撮りました。周辺の観光地にも行きました。
グループでコーディングをし、一緒に料理もしました。
@MaxtuneLee と共にギャラリーを構築し、将来的にリリース予定の写真ツールチェーンについても。
この記事は Mix Space によって xLog に同期更新されました。
元のリンクは https://innei.in/notes/193