プログラミング
このタグの記事は 27 本です。タグ一覧へ戻る
図解 H.265 入門 (8) 手を動かす：ffmpeg で実測する
ffmpeg で H.264 と H.265 を同条件でエンコードし、サイズと PSNR、GOP、hvc1 タグ、HLS への詰め替え、hls.js と WebRTC での再生までを実測します。コマンドはそのまま手元で再現できます。
図解 H.265 入門 (7) ブラウザで H.265：対応状況・判定 API・特許
2026 年 9 月時点のブラウザ別の H.265 対応と、その差を生む特許プールの構造、再生できるかを実行時に調べる 5 つの API（canPlayType から decodingInfo まで）の使い分けを整理します。
図解 H.265 入門 (6) コンテナと伝送：fMP4・TS・HLS・RTP
fMP4 と MPEG-2 TS の構造、hvc1 / hev1 の違い、HLS のセグメントとプレイリスト、RTP でのパケット化を ffmpeg の実測で追います。映像は同じでも宣言の違いだけで再生できなくなる例も見ます。
図解 H.265 入門 (5) H.265 で何が変わったか
H.264 からの変更点を、CTU と四分木、PU / TU、35 種類のイントラ予測、Merge / AMVP、SAO の順にアニメと数値例で追います。「同画質で約 50% 削減」がどう測られた数字かも確認します。
図解 H.265 入門 (4) H.264 の復習：マクロブロック・NAL ユニット・パラメータセット
H.265 の土台になる H.264 を復習します。マクロブロック、NAL ユニット、SPS / PPS の役割を実際のビットストリームのバイト列で確かめ、avc1.64001F という文字列の読み方まで追います。
図解 H.265 入門 (3) フレーム間予測と GOP
I / P / B フレーム、参照リスト、動き補償、GOP を図とアニメで整理します。B フレームは「P のさらに差分」ではなく参照リストを 2 本持つフレームです。キーフレーム間隔がシークの粒度と遅延を決める理由も扱います。
図解 H.265 入門 (2) 圧縮の数学：DCT・量子化・エントロピー符号化
DCT・量子化・エントロピー符号化を 8×8 画素の実例で最後まで追い、QP を上げると何が起きるかを数字で確かめます。情報を捨てているのは DCT ではなく量子化だと分かる章です。
図解 H.265 入門 (1) 動画データの正体：画素・YUV・ビット深度
画素・輝度・色差・ビット深度を定義し、4:2:0 の 3 つの数字の意味と、1080p の非圧縮が約 746 Mbit/s になる計算を追います。配信ビットレートとの差が、圧縮の話の出発点です。
図解 H.265 入門 (0) 全体地図：コーデック・コンテナ・プロトコル
H.265 をブラウザで扱うための全 9 章の入口です。コーデック・コンテナ・配信プロトコルの 3 層を整理し、H.265 がどこに位置する規格かを確認します。用語集と読む順の提案つき。
Android✕WSL2 Webアプリの実機デバッグまでの道 完全版
WSL2でホスティングしているWebアプリをAndroid実機でデバッグしようとすると、地味にハマるポイントが多い。 よく頻繁に沼ったので、陥りそうなところを一気通貫でまとめておく。
piexifjs で日本語の EXIF を書こうとして InvalidCharacterError で落ちる話と、その直し方
ブラウザ上で撮影した画像に EXIF（撮影者名や説明）を書き込む処理を piexifjs で実装してたら、英数字のときは普通に通るのに日本語を入れた瞬間に InvalidCharacterError が出てクラッシュした…
モバイルで
<a download>が効かず画像が別タブで開く問題と、その正しい直し方個人開発しているアプリでギャラリーから画像を保存する機能を作っていたら、PCでは普通にダウンロードできるのにスマホだけ画像が新しいタブで開いてしまう、という現象にハマった。download 属性はちゃんと付けてるのに効か…
Dev Containerのファイルはdocker cpしなくてもVS Codeでダウンロードできる
Dev Container内のファイルをローカルに持ってきたいとき、毎回docker cpでWSLにコピーしてくるという力技を使っていた。Geminiに聞いたらVS Codeだけで完結する方法を教えてもらった。
ドラッグ中のスクロールをJSで止めようとしてAndroidだけ効かなかった話
Webアプリでドラッグ操作中にブラウザのスクロールを止めて上下に近づけたら少しずつスクロールしたい、というよくある要件でハマった話。 PCでは完璧に動いてたのに、Androidで試したら全然効かなかった。「同じChrom…
AndroidのChromeをPCからデバッグする方法（USB接続・ワイヤレス接続）
最近スマホのWebアプリをデバッグする必要がありAndroidのChromeをPCから見れるようにしたんですが、めっちゃハマったので備忘録として残しておく。
Gemini CLIで「現在のファイルパス」をターミナルに即入力＆フォーカスする設定
最近仕事でClaude Codeを使っていて感動したのが、コンテキストの扱いやすさ。 「このファイルについて教えて」という時に、開いてるパスや選択している箇所の範囲指定が簡単に指定できる(Ctrl + Alt + K)。…
参考書を買わずにLLMだけでデータベーススペシャリスト試験に挑戦して合格した話
参考書を買わずに、LLMだけでデータベーススペシャリスト試験に挑戦してみた。~~結果は12月発表待ちだが、午前8割の手応えと学習プロセスを共有しておく。 ~~ (2026年1月16日追記)合格しました！！！！なくなるらし…
Tailwind CSS V4でカスタムプラグインの入れ方がわからなくて一度V3に戻そうとした話
Tailwind CSS V4を使ってたが、カスタムプラグインの入れ方がわからなくて一回V3に戻そうとしたら、今度はV3特有の問題にぶち当たって、結局V4でプラグインのインポート方法を見つけて解決した話。 迷走したおかげ…
VSCodeの新しいファイルを開いたときのPreview機能について自分の使い方が固まった
VSCode で新しいファイルを開いたときに Preview モードで開くのがうざい問題について自分なりに使い方を確立したので備忘録。
React+Jestのテストで詰まったことまとめ
Reactアプリのテスト(Jest, React Testing Library)で詰まったことのまとめ。
React(Vite)+FCMでプッシュ通知を実装した際の注意点
今回、自身の開発しているサービスをPWA化してプッシュ通知まで実装しようと頑張ったのですが、Vite環境で実装している記事が見つからなかったり、FCM(Firebase Cloud Messaging)の仕様が変更されて…
PWAをVite+React-tsでお試しした結果
PWAとか仰々しい感じで言われると、「知らないヤツか。。。むずそう」となるけど、意外と開発環境が既に整備されてて、簡単に実装するだけなら拍子抜けするくらい簡単だった。 今開発中のWEBアプリも簡単にネイティブアプリライク…
【API制限なし】X(旧Twitter)のフォロー・フォロワー一覧保存・管理のプログラムを作った
X(旧Twitter)が<s>暗黙のクソ</s>アップデートによりAPIが無料じゃなくなったので、軒並みAPIを使用しているフォロー・フォロワー管理サービスが有料化されました。 ただ、フォローしている人やフォロワーが急に…
JS・TSで使えるディレクトリ文字列変換関数をつくった
技術系ブログとかでよく見かけるディレクトリ構成をいい感じに見せるやつ。 WEB上で変換するツールなどはよく見かけるけども、作ったWEBアプリにディレクトリ文字列生成の機能を作りたかったので関数を自作しました。
Conoha WingにReactアプリをデプロイする
作ってみたはいいものの、ところどころ躓いてしまったのでどこかの誰かのためになればと備忘録を残します。お安く済ませたいという心理の裏には苦労あり…