広告を利用しています

当サイトは広告を掲載しています。消費者庁が2023年10月1日から施行した景品表示法の規制対象(通称:ステマ規制)にならないよう配慮して記事を作成しています(記事はこちら、消す方法はこちら

【ナポリタン寿司】白紙のサンプルサイトページを作成した

2023年11月7日Webサービス

ナポリタン寿司のアイコン

この記事では、僕が実験とか色々試す時に利用する用の、何もない白紙のサンプルサイトを作成した話について書きます。

【ナポリタン寿司】白紙のサンプルサイトページを作成した

ナポリタン寿司は、色々ブログで試すために、白紙の何もないページが欲しくなりました。そのページの上で、何か別ウィンドウを重ねてスクリーンショットを撮りたい…みたいな状況です。

Windowsのデスクトップや、ブラウザの新しいタブは、ちょっと余計な要素が多いです。

「Google Chrome」の上にメモ帳ウィンドウを重ねた画像

理想は、以下のようなスクリーンショットを撮影したいです。メモ帳のウィンドウが映っていて、その背景は何もないまっさらな白紙という感じです。

白紙のサンプルサイトの上にメモ帳ウィンドウを重ねた画像

「いや、デスクトップの壁紙を真っ白にすればいいじゃん?」とか、「別に背景うつさなくていいじゃん。ウィンドウだけ切り取ってスクショすればいいじゃん?」とか、「画像編集ソフトで背景を白く塗りつぶせばいいじゃん?」という意見は分かります。うんうん…。

それでも僕は、気軽にブラウザ上からアクセスできる白紙の何もないサイトが欲しかったんです。

白紙 サンプルサイト」とかで、Google検索してもそういったサイト・ツールが見つかりませんでした。まぁ当然っちゃ当然ですよね。誰もそんなのいらないですもんね…。

僕の探し方が悪いだけで、本当はあるのかもしれません。自分でやってみたい欲もあったので、自分で作ってみました。僕が作ったというか、本当にただの白紙ページなので、作ったも何もないです。

白紙のサンプルサイトページにアクセスする方法

以下のボタンからアクセスできます。

白紙のサンプルサイトの使い方

サイトにアクセスすると、何もないまっさらなページが表示されます。文字もなければ、ヘッダーや画像もありません。

ナポリタン寿司が作成した白紙のサンプルサイト画像1

ページを下にスクロールすると、タイトル(h1)と簡単な説明文が表示されます。フッターにある「「ナポリタン寿司のPC日記」に戻る」をクリックすることで、トップページに戻ります。

ナポリタン寿司が作成した白紙のサンプルサイト画像2

感想

以上、何もない白紙のサンプルサイトを作成した話でした。

本当はただウィンドウを重ねてスクリーンショットを撮りたいだけでなく、もっと色々あるんですが、いちいち説明しても長くなるだけなので書きません。

一つ言うなら、Windows11のウィンドウの影具合を見たい時に、背景が白紙じゃないと見にくかったからです。理由がブロガーっぽいですね。

2023年11月7日Webサービス

Posted by ナポリタン寿司