ダミーとして使うURLは適当に入力せず、決まったものを使うようにしよう

Web制作を行う上で、ダミーリンクを使う事がたまにあります。
「具体的にこれというものが決まっているわけではないが、とりあえずURLが必要」という状況です。
そんな時、適当なものを設定していないでしょうか?今回はダミーリンクとして適切なものについてです。
実際に利用されている場合がある
ダミーリンクを設定する時、例えば以下のようなリンクを設定していないでしょうか?
- sample.com
- test.com
- hoge.com
実はこれらのURLは、実際に存在しているリンクなのでアクセスできてしまいます。
「ダミーだし誰もアクセスしないから別に何だっていいでしょ」と思うかもしれませんが、アクセスするかどうかは別にして、アクセスできるようなリンクをダミーリンクとして設定することは問題です。
細かい部分で信用を落とすのは勿体無いので、こういったリンクはとりあえず使わないようにしましょう。
example.comが無難
では何を使えばいいのか?
という話ですが、RFC 2606で以下のようなテスト用ドメインやIPアドレスが用意されています。
- example.com
- example.net
- example.org
- 192.0.2.0/24
- 198.51.100.0/24
- 203.0.113.0/24
- 2001:DB8::/32
また、以下のトップレベルドメインは、テスト用・例示用のものとして、どの組織にも割り当てられないことが保証されています。
| トップレベルドメイン | 用途 |
|---|---|
| .example | 例示用のドメイン |
| .test | テスト用のドメイン |
| .invalid | ドメイン名が不正であることを明示的に表す時に使用するドメイン |
色々ありますが、とりあえず何かしら設定する場合は「example.com」を使っておけば問題ないでしょう。
まとめ
自分も知らない頃は「test.com」とか書いていましたし、知らない人からすると「example」と書くのが面倒に思う気持ちも分かりますが、辞書登録しておけばすぐに入力できます。
あえて自分から変なリスクを抱えたりする理由はないでしょうし、とりあえずexample.comを使うようにしましょう。

CSSの読み込みで「its MIME type (‘text/html’) is not a supported stylesheet MIME type」エラーが表示されて読み込みができない場合の解決方法
アクセス解析ツールの定番!!Googleアナリティクスの登録方法
WordPressのカスタムメニューでは、内部リンクに対してカスタムリンクは使わない!
Visual Studio Codeで読み込んだCSSで設定されているclass名の入力補完をしてくれる拡張機能「HTML CSS Support」
iOSシミュレーターを使ってWebサイトを開発者ツールを見ながら実機表示で開発する方法
gulpのwatch機能を使って、監視ファイルに変更があった時にタスクを実行する
WordPressで作成した記事をSlackでシェアしたときに、抜粋文が長く表示される場合の対処法
ファビコンや各種アイコンの作成と設定方法
Nuxt.jsで「Classic mode for store/ is deprecated and will be removed in Nuxt 3.」のエラーメッセージが表示される場合の対処法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする