「Web制作」の記事（18件） 絞り込みを解除
画像圧縮・WebP変換の方法｜Webサイト高速化のための画像最適化
Webサイト向けの画像圧縮方法とWebP変換を解説します。JPEG・PNG・WebPの使い分け、適切な圧縮率の選び方、Core Web Vitals（LCP）への影響と改善方法をまとめました。
PDFを圧縮する方法｜ファイルサイズを小さくする手順と注意点
PDFのファイルサイズを小さくする方法を解説します。メール添付・Web掲載・印刷用の圧縮レベルの選び方、画質を落とさず圧縮するコツ、よくある失敗と対処法をまとめました。
QRコードの作り方｜URLから無料で即生成・印刷・ダウンロードする方法
QRコードの作り方と使い方を解説します。URLやテキストから無料でQRコードを作成する方法、印刷向けの高解像度設定、UTMパラメータと組み合わせたイベント計測の活用術もまとめました。
自分のIPアドレスを確認する方法｜IPv4・IPv6の調べ方と見方
自分のIPアドレスの確認方法を解説します。グローバルIPとプライベートIPの違い、IPv4とIPv6の見分け方、WindowsとMacでのコマンドによる調べ方もまとめました。
ランダム文字列の生成方法｜パスワード・APIキー・トークンの用途と安全な作り方
ランダム文字列の用途と安全な生成方法を解説します。パスワード・APIキー・CSRFトークンなど用途別の推奨文字数と文字種、ブラウザで安全に生成する方法をまとめました。
アスペクト比の計算方法｜16:9・4:3・1:1の変換式と主要SNSサイズ一覧
アスペクト比の計算方法を解説します。16:9・4:3・1:1などの比率の求め方、縦横どちらかのサイズから変換する計算式、Google広告・Instagram・YouTubeの推奨サイズ一覧。
AIと共に作るCMS｜ライブラリゼロのMarkdownブログを一から設計した話
WordPressもライブラリも使わず、PHPのMarkdownパーサーをゼロから書いてブログシステムを構築しました。AI（Claude Code）と対話しながら進めた設計・実装の全記録です。
HTTPステータスコード一覧と意味（200・301・404・500など）
Webサイト運用で必須のHTTPステータスコードを解説します。200・301・302・403・404・500など主要なコードの意味と原因・対処法をまとめました。