カテゴリ

プログラミング

PHPやJavaScript、Pythonなどの実装メモやエラー対応、書き方の整理をまとめます。

まず押さえたいこと

言語や構文だけでなく、エラーの読み方、データの流れ、保守しやすい書き方まで含めて見ると理解が残りやすくなります。

よくある入口

API、データベース、認証、フレームワーク、開発環境まわりの記事から読むと、実務で出会いやすい問題につながります。

実務で見るポイント

動くコードだけで満足せず、例外時の挙動、ログ、テスト、あとから直す人が読めるかまで確認するのが大事です。

OAuth 2.0 と OpenID Connect (OIDC) の違い — 認可と認証

OAuth 2.0 と OpenID Connect (OIDC) は混同されがちですが、「OAuth 2.0 = API への認可」 と 「OIDC = ユーザーの認証」 で役割がまったく違います。ID トークンとアクセストークンの違い、ユースケース別の使い分け、認可フローの選び方、混同が引き起こす事故パターンを実務目線で整理します。

OWASP Top 10 を実務目線で読む — 10 カテゴリと現場での対策

OWASP Top 10 は 「Web アプリで実際に多い脆弱性カテゴリ 10 個」 を世界中の事例から集計した、Web セキュリティの共通言語です。「仕様書として読む」 のではなく、自社プロダクトの現状チェックリストとして使うのが正しい使い方。2021 版を起点に、各カテゴリで現場が踏みやすい失敗パターンと対策を整理します。

Cookie の SameSite / Partitioned / 第三者 Cookie 廃止対応

Cookie の SameSite 属性、Partitioned Cookie (CHIPS)、第三者 Cookie 廃止の流れは、現代の Web 開発で必ず押さえる必要があります。SameSite=Lax がデフォルトになって以降の CSRF 対策、SameSite=None + Secure の必須化、Partitioned Cookie による埋め込みウィジェット対応、第三者 Cookie 廃止の現状を実務目線で整理します。

JPEG XL / HEIC / SVG の選び方 — 用途別の画像フォーマット判断

JPEG XL / HEIC / SVG はそれぞれ異なる用途に最適化された画像フォーマットで、AVIF / WebP / JPEG / PNG だけでカバーできない領域を担当します。JPEG XL は次世代フォーマット候補、HEIC は iPhone 撮影写真の標準、SVG はロゴ・図表のベクター画像の標準。それぞれの強みと弱み、選び分けの判断軸を整理します。

Core Web Vitals 改善の実務 — LCP / CLS / INP の優先順位

Core Web Vitals は Google が定める Web ページ品質指標で、LCP(最大要素表示時間)・CLS(レイアウトのずれ)・INP(操作応答性)の 3 つが SEO ランキングに直接影響します。2024 年に FID から INP に置き換わって以降の現状、各指標の意味、計測ツール、改善施策の優先順位を実務目線で整理します。

WebP とは?JPEG / PNG との違いと Web 表示速度改善の定番

WebP は Google が開発した画像フォーマットで、JPEG 比 25〜35%、PNG 比 26% 前後の圧縮率を実現します。主要ブラウザがすべて対応済みで「事実上の標準」になっており、Web パフォーマンス改善の定番手段。非可逆 / 可逆両対応、透過、アニメーションもサポート。JPEG / PNG / GIF からの移行と、AVIF との使い分けを整理します。

AVIF とは?WebP / JPEG との違いと Web 配信での使いどころ

AVIF は AV1 動画コーデックをベースにした次世代画像フォーマットで、JPEG 比で 50% 前後、WebP 比でもさらに 20〜30% 小さく配信できます。2026 年時点では Chrome / Edge / Firefox / Safari / 主要 OS が対応済みで実用段階。WebP との違い、変換ツール、HTML での picture 要素を使った配信方法、JPEG / PNG からの移行戦略を実務目線で整理します。

パスキー (WebAuthn) 2026 年版の状況 — 普及・実装・移行戦略

パスキー(WebAuthn / FIDO2)は パスワードの後継 として急速に普及した認証技術です。2026 年時点で 主要 OS / ブラウザ / 大手サービスの対応がほぼ完了 し、「いつ自社サービスに入れるか」 が問われる段階に。普及状況、実装方法、「パスワードからの移行戦略」 を整理します。

サブドメイン vs サブディレクトリ vs 別ドメイン — SEO とブランドの判断軸

「新しいサービスを追加するとき、サブドメインにすべきか、サブディレクトリにすべきか、別ドメインにすべきか」 で迷うのは Web 運営でよくある悩みです。SEO、ブランド、運用、リスク分散の観点から、3 つの選択肢の判断軸と典型パターンを整理します。