ブログ
画像変換・ファイル形式・開発者ツールなどの解説とガイド —— 仕組みとよくある落とし穴を説明し、その場で試せるオンラインツールも紹介します。
どの形式に変換すべきか — 98 件の実測から作った判断ガイド
同じテストファイルをサイト内 38 個のコンバーターに通し、出力バイト数をすべて実測しました。写真・スクリーンショット・ロゴ・スキャンで何を選ぶべきか、数値が答えます。
続きを読む →Open Graph とメタタグ:リンクプレビューを本当に決めるもの
SEO メタタグと Open Graph の違い、重要なタグ、推奨サイズと長さ、そしてプレビューがときどき更新されない理由。
続きを読む →なぜ SQL を整形するのか(そしてフォーマッターは何をするのか)
SQL の整形がクエリを読みやすくする仕組み、方言が結果を変える理由、そして整形・検証・実行の違い。
続きを読む →2進数・10進数・16進数とは?基数の相互変換を完全解説
なぜコンピュータは2進数を使い、プログラマーは16進数を好むのか。2進数・10進数・8進数・16進数の変換方法と、よくある落とし穴を解説します。
続きを読む →Cron 式の読み方:5 つのフィールドとよく使う例
cron 式は 5 つのフィールドでジョブの実行タイミングを表します。各フィールドの意味、範囲や間隔の書き方、すぐ使える例の一覧を解説します。
続きを読む →CSS のグラデーション・影・角丸:ビジュアルガイド
CSS のグラデーション・box-shadow・border-radius の仕組み——各値の意味、よくあるレシピ、数値を当てずに視覚的に作る方法を解説します。
続きを読む →2つのテキストを比較して、変わった箇所を正確に知る方法
diff は2つのバージョンのテキストの差分を示します。行比較と単語比較の仕組み、それぞれの使いどころ、ブラウザ内で安全に比較する方法を解説します。
続きを読む →画像を切り抜く方法(画質を落とさずに)
切り抜きが実際に何をするのか、リサイズや圧縮とどう違うのか、そしてブラウザ内で元の解像度のまま切り抜く方法。
続きを読む →Markdown を HTML に変換する方法(そして元に戻す)
Markdown は書くのが速く、HTML はブラウザが読む形式です。両者の変換の仕組み、往復で何が保たれるか、そして安全に行う方法を解説します。
続きを読む →JSON と YAML の違いと、相互変換の方法
JSON と YAML は同じデータを別のスタイルで表します。それぞれの使いどころ、つまずきやすい落とし穴、安全な変換方法を解説します。
続きを読む →モールス信号入門:点・線、そしてその間のリズム
モールス信号の仕組み——点と線、なぜ SOS は ···———··· なのか、そして信号そのものと同じくらい信号の間隔が大切な理由。
続きを読む →画像から色を取得する方法(パレットの抽出も)
どんな画像からでも正確な HEX や RGB を吸い取り、HEX と RGB の関係を理解し、主要なパレットがどう抽出されるかを学ぶ——すべてブラウザ内で。
続きを読む →