ガイド

日々の開発で出会うエラー、形式、選択肢を短く実践的に解説します。すぐに試せるツール付きです。

PDFをアップロードせずに結合する方法 オンラインのPDF結合サービスの多くは、文書を自社のサーバーにアップロードします。契約書や銀行の取引明細、身分証のスキャンには、もっと良い方法があります。 OGPタグの設定方法：リンクプレビューを思いどおりに表示する Facebook、LinkedIn、WhatsApp、Slack、Xでリンクがシェアされたとき、どのタイトル・説明文・画像が表示されるかは、ページのheadにある数行で決まります。 パソコンでQRコードを読み取る方法：画面・画像・Webカメラ スマホの画面に表示されたQRコードはそのスマホでは読み取れませんし、パソコンには読み取り用のカメラアプリがないこともあります。実際に使える方法をまとめました。 TypeScriptでAPIレスポンスに型を付ける方法 fetchが返すデータの型はanyで、バグが生まれるまさにその場所でTypeScriptのチェックが止まってしまいます。APIのデータに本物の型を、手早く安全に付ける方法を紹介します。 ElementorのページをシンプルなHTMLとCSSに変換する方法 Elementorはすでにブラウザーへ普通のHTMLとCSSを送っています。やるべきことは、その出力を保存し、CSSをページが使う分だけに絞り、WordPressが必要な一部を置き換えることです。 Base64とBase64URLの違いと使い分け Base64URLは標準のBase64の2文字を置き換えたもので、+を-に、/を_に変え、通常は=によるパディングを付けません。 画像をJPGに変換する方法：WebP・PNG・iPhoneの写真を変換するガイド JPGは最も広く受け入れられている画像形式です。どんな画像でも、ソフトのインストールもアップロードもせずに本物のJPGへ変換する方法と、変換すべきタイミングを説明します。 Discordのタイムスタンプ：書式・スタイル・使用例 Discordのタイムスタンプは、秒単位のUnix時間とスタイル文字の組み合わせです。読む人はそれぞれ自分のタイムゾーンと言語設定に合わせた表示で見ます。 encodeURIとencodeURIComponentの違い：どちらを使うべきか encodeURIComponentは、encodeURIがそのまま残す11文字をエンコードします。この11文字が、値がパラメーターの中にとどまるかどうかを決めます。 不正なBase64文字列：デコードが失敗する理由と直し方 Base64デコーダーが文字列を拒否する理由は3つです。アルファベット外の文字がある、長さがあり得ない値になっている、パディングの位置がおかしい、のいずれかです。 JSON入門：構文ルールとJavaScript・PythonでのJSONの扱い方 JSONは、最もシンプルで最も広く使われているデータ交換形式です。いくつかの短いルールと、各言語に2つずつある関数を覚えれば、どんなデータでも読み込み、作成し、保存できます。 Unexpected token in JSONとは？意味と直し方 このエラーは、解析しようとしたテキストがJSONではないことを意味します。エラーに出てくるトークンを見れば、代わりに何を受け取ったのかがたいてい分かります。 JWTとセッションCookieの違いと使い分け セッションCookieはサーバーに保存された状態を指す鍵で、JWTは署名付きの状態そのものをサーバーへ運びます。この1つの違いが、すべてのトレードオフを決めます。 期限なしのQRコードを無料で作る：InstagramのリンクからWi-Fi・位置情報まで 内容をコードそのものに書き込んだQRコードは、期限切れになりません。そうしたコードを用途ごとに作る方法と、確実に読み取れるかを確かめる方法を紹介します。 MD5・SHA-1・SHA-256の違い：どのハッシュを使うべきか セキュリティに関わる用途にはSHA-256を使いましょう。MD5とSHA-1が許されるのは、同じハッシュ値を偽造しても誰も得をしない場面だけです。 画像の容量を小さくする方法：見た目を損なわずに200KB以下へ 画像の容量を決めるのは、寸法と圧縮の画質の2つです。この2つを正しく調整すれば、数MBあるスマホの写真も、数秒でフォームが受け付けるサイズになります。 メールアドレスチェックの正規表現：実用的なパターンとその限界 アドレスが実際に使えるかどうかは、どんな正規表現にもわかりません。短いパターンで入力ミスを拾い、残りは確認メールで確かめます。 数字・電話番号・IPアドレスをチェックする正規表現 数値入力、電話番号、IPアドレス用のそのまま使えるパターンを、すべてテストしたうえで紹介します。パーサーやライブラリに任せたほうがよい場面もあわせて説明します。 強力なパスワードとは？本当に安全なパスワードの作り方 パスワードの強さは、複雑そうな見た目ではなく、長さとランダム性で決まります。このガイドでは、覚える必要がなく、事実上推測不可能なパスワードの作り方を紹介します。 Unexpected end of JSON inputとは？意味と直し方 パーサーが完全な値を見つける前にテキストが尽きてしまった、という意味です。そしてほとんどの場合、原因はテキストがまったくなかったことです。 URLエンコードとは：パーセントエンコーディングの仕組み URLエンコードは、Webアドレスにそのまま書けないバイトを、%記号とそのバイト値の16進数表記に置き換える仕組みです。 UUIDとGUIDの違い：実際に何が異なるのか GUIDはUUIDのMicrosoftでの呼び名です。実務で出会う違いは、テキストの表記、16バイトとして保存したときのバイト順、そしてSQL Serverでの並び順です。 UUID・ULID・Nano ID・オートインクリメントIDの比較 よく使われる5つのID方式を、実務で効いてくる観点で比較します。サイズ、並び順、衝突確率、データベースでの挙動、そしてIDから何が読み取れるかです。 WebP・PNG・JPGの違い：画像形式の正しい選び方 JPGはどこでも開ける必要がある写真に、PNGはピクセルを正確に残したいときに向いています。WebPはWeb上でその両方を、より小さなファイルでこなします。