// コミットの合間のメモ
4Dev ブログ
フォーマット、変換、そして大きく時間を節約できる小さなツールについての、短く実用的なガイド。
注目 · 動画iPhone の動画がパソコンで再生できない理由と、ブラウザのタブで数秒で直す方法
iPhone は多くのパソコン、テレビ、編集ソフトで再生できない HEVC で動画を記録します。その理由と、ファイルをアップロードせずにブラウザで数秒で直す方法を解説します。
通貨銀行の為替レートがネットのレートと違う理由
ネットで見るレートは、銀行や空港で実際に適用されるレートではありません。差がどこから来るのか、そしてそれがいくらかかっているのかの計算方法を説明します。
データJSONが無効?ほとんどのエラーの原因になる7つのミス
末尾のカンマ、シングルクォート、コメントなど、JSONを壊す小さなミスと、その素早い見つけ方・直し方をまとめました。
セキュリティパスワードは何文字必要?計算をやさしく解説
記号より長さが大事です。短いパスワードがどれだけ早く破られるのか、なぜランダムな16文字で十分なのか、安全な作り方を紹介します。
ツール必ず読み取れるQRコードの作り方
サイズ、コントラスト、余白(クワイエットゾーン)、そして中身の量。印刷したQRコードが一発で読み取れるかを決める、シンプルなルールです。
セキュリティJWTの中身と、「デコード」が「検証」ではない理由
JSON Web Tokenはランダムな文字列に見えますが、誰でも中身を読めます。3つの部分に何が入っているのか、そしてセキュリティホールにつながるミスを解説します。
開発cron式をやさしく解説、すぐ使える例10選
5つのフィールド、4つの記号、そしてタイムゾーンの落とし穴。コピーして使える例で、cronのスケジュールの読み方と書き方を学びましょう。
セキュリティMD5、SHA-1、SHA-256:どのハッシュを使うべき?
チェックサム、ファイルの整合性、パスワード、署名では、必要なものがそれぞれ違います。正しいハッシュの選び方と、絶対に避けたいミスを短く解説します。
開発Base64とは?用途と、暗号化ではない理由
Base64はメール、data URI、APIのヘッダー、JWTに登場します。仕組み、データが3分の1大きくなる理由、そして何も隠さない理由を解説します。
デザイン色のコントラストとWCAG:読みやすい文字にする方法
コントラスト比4.5:1の意味、AAやAAAが必要な文字、そして基準を満たさないことが多い色の組み合わせとその手早い直し方を紹介します。
画像iPhoneのHEIC写真がアップロードできない理由と解決法
ファイルが大きく、多くのサイトやPCがまだ開けない形式。iPhoneの写真をどこでも使える小さなJPGに変える方法です。
データフィールドをひとつも失わずに JSON を CSV へ
ネストしたキー、省略可能なフィールド、文字列中のカンマ。4Dev が乱雑な JSON をスプレッドシート向けの CSV に平坦化するしくみ。
画像WebP・PNG・JPG、どれを使うべき?
画像フォーマットを選ぶための実用的な早見表と、ブラウザ内での変換がファイルのプライバシーを守る理由。
動画・音声MP4 から MP3 をブラウザだけで抽出する
最新のブラウザはメディアを自分でデコード・エンコードできます。動画をアップロードせずにブラウザ内で音声を抽出するしくみを紹介します。
開発Unix タイムスタンプは秒?ミリ秒?
毎週どこかで本番に出てしまう「13 桁」のバグと、2 つの単位を見分けるとてもシンプルなルール。