Canvas APIだけで画像をリサイズする最小実装【ライブラリ不要】
きっかけ 画像リサイズのためだけに Sharp を入れるのが、なんとなく嫌だった。 Node.js 環境ならともかく、ブラウザで動かすだけなのにバンドルサイズを 増やしたくないという気持ちがあっ...
1
1
Comment1
10 search resultsShowing 1~10 results
Stocked
You need to log-in
ブラウザだけで画像をWebP・AVIFに変換する
なぜフォーマット変換が必要になったか リサイズはできるようになったけど、出力が PNG のままだとファイルサイズが大きいことがある。 特に写真系の画像は WebP や AVIF にするだけでサイ...
2
0
Comment0
Web Workerで画像処理をメインスレッドから切り離す
前回の続き 前回、Canvas APIだけで画像をリサイズする実装を書いた。 動きはするんだけど、大きめの画像を読み込んだときに UIがちょっと固まる感覚があって気になっていた。 原因はわかって...
3
0
Comment0
複数の画像ファイルを順番に一括処理する
やりたいこと 前回までで1枚の画像をリサイズして返す仕組みができた。 次は複数ファイルをまとめて処理したい。 やり方はいくつかあって、全部並列で投げる方法と、 1枚ずつ順番に処理する方法がありま...
0
0
Comment2
Claudeに設計を相談したら、思いがけず機能を削ることになった話
機能を追加しようとして、結果的に削ることになった。 相談相手はClaude。 議論した結果、「この機能、今はいらないかもしれない」という 結論に自分でたどり着いた話を書く。 追加しようとしていた...
0
0
Comment0
個人開発で毎日使っているブラウザ拡張7選
ブラウザの拡張機能は、入れすぎると逆に重くなる。 なので自分はかなり絞っていて、 毎日本当に使っているものだけ残すようにしている。 今回はその7つを紹介する。 1. uBlock Origin ...
0
1
Comment0
個人開発のアイデアが浮かぶ瞬間と、忘れないための自分のやり方
アイデアは、考えようとしているときには浮かばない。 シャワーを浴びているとき、散歩しているとき、 まったく関係ない作業をしているときに限って出てくる。 しかも「あとで考えよう」と思った瞬間に消え...
1
1
Comment0
ブラウザで画像からExif情報を削除する
Exif が問題になる場面 スマホで撮った写真には Exif という形式でメタデータが埋め込まれています。 撮影日時、カメラの機種名、そして GPS 情報。 ブログやサービスに写真をアップすると...
2
0
Comment0
深夜に一人でコードを書くのが好きな理由
深夜のコーディングが好きだ。 理由を聞かれると少し困る。 生産性が高いわけでもないし、翌日眠いし、 客観的に見てあまり褒められた習慣ではない。 それでも、深夜に一人でコードを書く時間が好きだと思...
0
1
Comment0
AIに頼みすぎて失敗した話と、そこから学んだこと
AIを使い始めてしばらくは、とにかく何でも聞いていた。 コードを書くのも、バグを直すのも、設計を考えるのも。 「AIに聞けば解決する」という感覚が気持ちよくて、 自分で考える前にまず投げる、とい...
2
0
Comment0
10 search resultsShowing 1~10 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles