・開発
CSSのbox-shadowで自然な影をつけるコツ｜不自然に見える原因と対処
box-shadowの4つの値の意味から、影が不自然に見える原因と改善方法を解説。光源の統一、影を重ねる手法、ダークモードでの階層表現、パフォーマンス上の注意点までまとめました。
ブログ
Web制作・画像処理・テキスト処理の実務ノウハウを解説します。記事内から関連ツールをそのまま使えます。
・開発
Base64とは｜仕組みとData URIの使いどころ、暗号化との決定的な違い
Base64エンコードの仕組みと、なぜデータ量が約33%増えるのかを解説。画像のData URI化が有効なケースと避けるべきケース、Base64を暗号化と混同する危険性についてまとめました。
・セキュリティ
画像の個人情報を隠す方法｜モザイク・ぼかし・塗りつぶしの使い分け
スクリーンショットや写真から個人情報を隠す方法を解説。モザイクやぼかしが復元される可能性、確実に消える塗りつぶしとの違い、黒塗りが剥がれる典型的な事故パターンをまとめました。
・開発
Unixタイムスタンプとは｜変換方法と、秒・ミリ秒を間違えないための判別法
Unixタイムスタンプの仕組みと変換方法を解説。秒とミリ秒の見分け方、タイムゾーンを持たない理由、2038年問題、ログ調査での実務的な使い方までまとめました。
・テキスト
全角・半角が混在したデータを一括で揃える方法｜変換時の注意点も解説
住所や氏名データの全角・半角の混在を一括変換する手順を解説。半角カナの濁点で文字数が変わる問題、変換してはいけないケース、Excelでの対処法までまとめました。
・画像
ファビコンの作り方と必要なサイズ一覧｜検索結果に表示させる設定
ファビコンに必要なサイズ、faviconとapple-touch-iconの違い、HTMLへの記述方法を整理。Google検索結果にファビコンを表示させる条件と、反映されないときの原因も解説します。
・画像
OGP画像の推奨サイズと作り方｜SNSで正しく表示させる設定まとめ
OGP画像の推奨サイズ1200×630pxの根拠、X・Facebook・LINEでの見え方の違い、必要なmetaタグ、文字が切れないセーフエリアの取り方、キャッシュの更新方法まで解説します。
・開発
CSVをJSONに変換する方法｜文字化け・カンマ・改行の落とし穴と対処
CSVとJSONを相互変換する手順と、実務でつまずく文字化け（Shift_JIS）、値の中のカンマ・改行・ダブルクォート、型が全部文字列になる問題への対処法を解説します。
・開発
JSONが読み込めない・整形できない原因と対処法｜エラーメッセージの読み方
JSONのパースエラーが出る原因を、末尾カンマ・シングルクォート・コメント・BOM・全角スペースなど具体的に解説。エラーメッセージから問題箇所を特定する方法もまとめました。
・セキュリティ
安全なパスワードの作り方｜やってはいけない5つのパターンと現在の推奨
パスワードの強さは何で決まるのか、文字種と長さのどちらが効くのかを数値で整理。避けるべき5つのパターンと、定期変更が推奨されなくなった理由、実際の作り方まで解説します。
・画像
画像を軽くする方法｜JPEG・PNG・WebPの圧縮を使い分ける実務ガイド
Webサイトの画像を軽量化する具体的な手順を解説。JPEG・PNG・WebPの特性の違い、品質設定の目安、どこまで圧縮すべきかの判断基準を実務目線でまとめました。
・セキュリティ
写真のExif位置情報を削除する方法｜SNS投稿前に確認すべきこと
スマートフォンで撮影した写真には撮影場所や日時、機種名などのExif情報が埋め込まれています。何が記録されているのか、どんなリスクがあるのか、削除する手順までを解説します。
・開発
正規表現の基本と実務でよく使うパターン集｜JavaScript対応
正規表現の読み方・書き方を基礎から解説し、メールアドレス・電話番号・日付・URLなど実務で頻出するパターンをまとめました。よくある落とし穴と、その回避方法も紹介します。
・開発
cron式の書き方を図解｜5つのフィールドと実務でよく使う設定例
cron式の5つのフィールドの意味、アスタリスク・スラッシュ・カンマ・ハイフンの使い分けを解説。毎日・毎週・平日のみなど、実務で頻出する設定例と、間違えやすいポイントをまとめました。
・テキスト
改行コードCRLFとLFの違い｜Git差分が全行変わる原因と対処法
CRLF・LF・CRの違いと、WindowsとMac/Linuxで改行コードが異なる理由を解説。Gitで全行が差分になる問題、CSVの文字化け、テキストの表示崩れの原因と対処法をまとめました。