画像処理
Photoshop なしで画像の背景を透明にする方法
Photoshop なしで画像の背景を透明にする 3 つの方法を比較。無料ブラウザツール、AI サービス、GIMP の使い分けと失敗パターンの回避策。
ブログ
開発・テスト・運用に役立つ技術記事を掲載しています。
画像形式
PNG vs WebP vs AVIF｜画像形式の選び方と変換方法
PNG / JPEG / WebP / AVIF の特徴・用途・ブラウザ対応を比較。picture 要素での出し分けと変換ツールの使い方も解説します。
ドメイン運用
Whois でドメイン情報を調べる方法｜有効期限・NS
Whois でわかること (登録者・有効期限・レジストラ・NS)、GDPR によるプライバシー保護の影響、実務での使い方を解説。
HTTP・ネットワーク
HTTP ステータスコード完全ガイド｜原因と対処法
よく出る HTTP ステータスコード (200 / 301 / 403 / 404 / 413 / 422 / 429 / 500 / 502 / 504) の意味と原因、対処法を解説。
API・デバッグ
cURL を JavaScript fetch・Python requests に変換
Chrome DevTools の Copy as cURL を fetch / axios / Python requests / PHP / Go に変換する手順と、主要オプションの対応表を解説。
セキュリティ・実装
Cookie セキュリティフラグ完全ガイド｜__Host-
Cookie の Secure / HttpOnly / SameSite / __Host- プレフィックス / 4096 バイト制限を解説。CSRF・XSS・セッション奪取への効き方も。
セキュリティ・認証
JWT セキュリティのベストプラクティス｜署名検証
JWT の代表的な脆弱性 6 種 (alg none / 鍵混同 / 無期限 / payload への機密 / 失効不可 / 弱い鍵) と対策を解説します。
データ処理・Excel
Excel で CSV を文字化けせず開く・保存する
Excel で CSV が文字化けする原因と解決策。UTF-8 BOM 付き CSV の作り方、インポート手順、PHP と Python での出力コード例まで。
Nginx・サーバー
Nginx の client_max_body_size を正しく設定する
Nginx の client_max_body_size の既定値 (1m) と設定場所、413 の解決方法、PHP の upload_max_filesize との関係を解説。
クラウド・AWS
AWS S3・CloudFront のアップロード上限まとめ
AWS S3 の上限 (PUT 単体 5GB / マルチパート 5TB)、CloudFront の body 制限、API Gateway の 10MB 制限と回避策を解説。
JavaScript・fetch
fetch / axios でファイルアップロード実装
fetch と axios によるファイルアップロードの実装。FormData の使い方、進捗バー、チャンク分割、エラー処理と CORS の要点まで。
Laravel・PHP
Laravel のファイルアップロード実装ガイド
Laravel の Request::file() でのアップロード、mimes / max でのバリデーション、Storage::disk()->put() での保存、S3 設定まで。
PHP・実装
PHP でファイルアップロードを実装する方法
PHP のファイルアップロードを解説。$_FILES の構造、UPLOAD_ERR コード、finfo での MIME 検証、拡張子の許可リスト、安全な保存先まで。
クラウド比較
クラウドストレージ 10 社比較｜上限・料金・特徴
S3・GCS・Azure Blob・R2・B2 など 10 社のアップロード上限・無料枠・月額料金を比較。用途別の選択基準も解説します。
Docker・PHP
Docker で PHP のファイルアップロード設定
Docker での PHP アップロード設定。php.ini の upload_max_filesize / post_max_size、Nginx と PHP-FPM の compose 例と確認方法。
Next.js・React
Next.js のファイルアップロード実装ガイド
Next.js App Router での FormAction、route.ts での formData 処理、Vercel Blob への保存、S3 アップロード、進捗表示まで解説。
セキュリティ・実装
ファイルバリデーション実装チェックリスト
本番向けファイルアップロードのチェックリスト。サイズ検証、MIME 検証 (finfo)、拡張子の許可リスト、マジックバイト、安全な保存先まで。
Django・Python
Django のファイルアップロード実装ガイド
DjangoのFileField/ImageField、forms.pyでのバリデーション、settings.py（MEDIA_ROOT/URL）、django-storagesでのS3設定まで完全解説。
Rails・Ruby
Rails Active Storage でファイルアップロード
Active Storage のセットアップ、has_one_attached / has_many_attached、バリデーション、S3 設定、Variant による画像リサイズまで。
Go・バックエンド
Go で HTTP ファイルアップロードを実装する方法
Go の net/http での multipart 受信、r.FormFile()、サイズ制限、MIME 検証、AWS SDK v2 での S3 アップロードまで解説。
Vercel・Next.js
Vercel のファイルアップロード設定と上限
Vercel Function の bodySize 上限 (4.5MB)、vercel.json の設定、Vercel Blob の使い方、S3 への直接アップロードによる回避策。
Netlify・JAMstack
Netlify Functions でファイルアップロード
Netlify Functions の body サイズ上限 (6MB)、netlify.toml の設定、multipart/form-data のパース、Large Media 代替案まで。
Render・クラウド
Render のファイルアップロード設定｜Disk・S3
Render の Disk (永続ストレージ) 設定、PHP の upload_max_filesize 設定、環境変数での S3 設定、Blueprint での記述例まで。
テスト技法
ファイルアップロード上限のテスト方法｜境界値
アップロード上限のテストはなぜ難しいのか。9.9MB / 10MB / 10.1MB のしきい値ファイルを使った境界値テストの実践手順を解説します。
HTTPエラー・サーバー
413 Request Entity Too Large の原因と解決方法
413 エラーの原因と解決方法。Nginx の client_max_body_size、PHP の upload_max_filesize / post_max_size の設定とデバッグ手順。
HTTPエラー・API
422 Unprocessable Entity の原因と解決方法
422 と 400 の違い、Laravel / Django / Rails での 422 の使い方、アップロードでの 422、RFC 7807 のレスポンス形式を解説。
HTTPエラー・運用
507 Insufficient Storage の原因と対処法
507 エラーの原因と対処法。df / du でのディスク容量確認、logrotate によるログ肥大化対策、クラウドストレージの容量制限まで。
画像形式
PNG vs WebP vs AVIF 徹底比較｜2026 年の最適解
PNG・WebP・AVIF の画質・ファイルサイズ・ブラウザ対応・エンコード速度を比較。高速化のための選び方と使い分けの基準を解説。
データ処理
CSV の文字化けを解決｜Shift_JIS・UTF-8・BOM
Excel で CSV が文字化けする原因と解決策。Shift_JIS・UTF-8・UTF-8 BOM の違いと、Python や PHP での文字コード変換の実装例。
WordPress
WordPress のアップロード上限を上げる 5 つの方法
WordPress の既定のアップロード上限 (2MB) を変更する 5 つの方法。wp-config.php・.htaccess・php.ini・管理画面での手順を解説。
リファレンス
ファイル形式クイックリファレンス｜PNG・PDF・ZIP
PNG・JPEG・PDF・ZIP・CSV・JSON の仕様・マジックバイト・MIME タイプ・最大サイズをまとめたクイックリファレンス。
ファイルサイズ
MB と MiB は違う｜KB・KiB・GB・GiB 完全解説
MB と MiB の違いを解説。PHP や Nginx での単位解釈、Windows と macOS の表示差、境界値テストへの影響まで。1MB=1,000,000B。
HTTP・ネットワーク
multipart/form-data のオーバーヘッド計算
HTML フォームで使う multipart/form-data のオーバーヘッド (200〜400 バイト) の内訳と計算方法、上限設定への影響を解説。
エンコーディング
Base64 でファイルサイズが 33% 増える理由
Base64 が 3 バイト→4 文字の変換でサイズを約 33% 増やす仕組みと、API 送信・メール添付・data URI での影響と正確な計算方法。
ZIP・圧縮
ZIP の圧縮率がファイルで大きく違う理由
テキストや CSV は 60〜85% 減るのに JPEG や MP4 はほぼ縮まない理由を Deflate の仕組みから解説。Store モードとの使い分けも。