NEW!! 無料・インストール不要・登録不要

ダサウェブ★メーカー

懐かしいホームページを、
1枚のHTMLで。

流れる文字、点滅する NEW!、タイトルの両脇で回る★、訪問者カウンター、工事中の帯、キリ番のお願い、虹色の罫線。あの頃の個人ホームページを、フォームに入力するだけで再現します。写真とリンクボタン、QRコードまで入った自己完結の HTML が1枚できるので、プロフィールページや名刺代わりのリンク集として、そのままサーバーに置けます。

今すぐ開設する スマホでも使えます

Effectsぜんぶ入りのダサ演出

チェックを入れるだけで、あの頃の定番がページに載ります。すべてCSSと数行のスクリプトで描いた自作の装飾なので、画像の権利を気にする必要はありません。

  • 流れる文字（マーキー）「祝！ホームページ開設！！」を右から左へ。文言は自由。
  • 点滅するラベルタイトルの右・左・上に「NEW!」が点滅。文言と色も変えられます。更新していなくても新しく見えます。
  • 訪問者カウンター「あなたは 000123 人目のお客様です」。開始番号は自由に設定。
  • キリ番のお願い「キリ番を踏んだ方はぜひメールください！」まで自動で付きます。
  • 工事中の帯黄色と黒の縞が流れる「このページは工事中です」。永遠に工事中でも可。
  • リンクフリー表示「当サイトはリンクフリーです」と、88×31 のバナー風バッジ。
  • 虹色の罫線セクションを区切る、7色のグラデーション。
  • タイトルの飾り両脇に★・☆・♪・♥・✿・◆・※。回る・点滅・ぴょんぴょん・ゆらゆら・ドキドキから動きを選べます。もちろん「なし」も。
  • タイトルの文字効果1文字ずつ色が違う虹色、虹色に光る、ネオン管、WordArt風の立体、金文字、縁取り、1文字ずつ跳ねる、波打つ、回転して登場、点滅。どれもCSSだけで描いています。
  • 壁紙テーマとは別に、チェック・斜めストライプ・水玉・星・レンガ・木目・和紙風・方眼を敷けます。中身はベタ塗りの板になって、柄の上に浮きます。
  • 色味テーマとは別に、ページ全体をセピア・ネガ反転・サイケ・モノクロ・くすみ・ネオン強調に。色相を回すスライダーで12テーマ×無限の配色。
  • ドット文字書体を DotGothic16 に切り替え。にじまない8bitの文字になります。
  • ドット絵モード写真を低解像度にして拡大、線を硬く、Macではアンチエイリアスも無効。当時の解像度感に。
  • コマ落ち動きを30fps、または昔のブラウザ風の12fpsに。マーキーがカクカク流れます。
  • マウス追従カーソルの軌跡に★・ハート・音符・好きな文字が散って消える。スマホでは指のあとに。
  • 降るもの雪・桜・紅葉・星・好きな文字が画面に降り続ける。季節は問いません。
  • 右クリック禁止右クリックすると「右クリックは禁止です！」。守るものは特にありません。
  • タイトルバーの流れ文字タブのタイトルが一文字ずつ流れます。ステータスバーの代わりに。
  • 入場アラート開いた瞬間に「ようこそ！」のダイアログ。閉じるまで何もできません。
  • カーソル変更十字、砂時計、手、星型から。
  • ブラウザ判定「あなたのブラウザは Chrome です（推奨環境：Internet Explorer 4.0）」。
  • 開設○日目・擬似アクセス数開設日からの日数と最終更新日、本日／昨日／合計のそれっぽい数字。
  • 88×31 バナー相互リンク用のバナーをサイト名から自動生成。右クリックで保存して配れます。
  • MIDI風BGMほのぼの／せつない／テクノの3曲。音源ファイルは使わず、ブラウザ内で合成します。右下のボタンでON/OFF。

Contents載せられるもの

Profileプロフィール

タイトル、ひとこと、名前、自己紹介、写真。写真は銀色の額縁付きで、端末内で縮小してから埋め込みます。

Linksリンクボタンとメニュー

SNS、サイト、メールアドレスを好きなだけ。左のメニューには立体ボタンとして、本文にはリンク集として並びます。名刺代わりのリンク集ページとして使えます。

httpsmailtotel

QRQRコード

URLを入れると生成。SVGで埋め込むので、印刷しても荒れません。添える一言も変えられます。

News更新履歴

日付と一言の表。行ごとにURLを付けられ、入れた行は別タブで開くリンクになります。「ホームページを開設しました！」から始めるのが作法です。

Themes12のテーマ × 4つのレイアウト

ネオン夜空、タイル柄、パステル水玉、2005年の企業LP、宇宙、素のHTML（灰色）、素のHTML（白・カラムだけ薄色）、和風・桜、海・リゾート、炎・ヤンキー、ハッカー風、森・エコ。テーマを変えると背景・枠・ボタン・文字色がまとめて切り替わります。書体はあえて指定せず、閲覧する端末の標準フォントで表示します。Windows なら MS Pゴシックの、あの雰囲気になります。

テーマとは別に、骨組み（レイアウト）も4種類から選べます。定番の「メニュー左＋本文」、左メニューが固定された「フレーム風」、壁紙と中央見出しだけの「超軽量」、すべて中央寄せの「日記型」。さらに「壁紙」を8種類の柄から選ぶと、中身がベタ塗りの板になって柄の上に浮きます。組み合わせは800通り以上（装飾まで含めると3,600万通り）。フレーム風を zip で保存すると、menu.htm と top.htm に分かれた本物のフレームページになります。

タイトルの文字にも効果を掛けられます。押すと上の見本に反映されます。

Output1枚のHTMLで持ち帰る

HTMLそのままサーバーに置ける

写真もQRコードもスクリプトも1ファイルの中。外部のライブラリやフォントを一切参照しないので、レンタルサーバーでも GitHub Pages でも、ファイルを置くだけで表示されます。ダブルクリックで手元で開くこともできます。エディタで手直ししたい人向けに、写真・QR・バナーを images/ フォルダに分けた zip でも保存できます。

index-テーマ名.html外部参照なし表示クレジットなしzip（images/ 分離）も可

Project続きはあとで

入力内容を1つのJSONファイルに保存。「プロジェクトを開く」で続きから編集できます。元に戻す・やり直すも60回まで。

How to use使い方は3手順

テーマを選ぶ

12のテーマから1つ。骨組み（4種）と壁紙（8種）はテーマとは別に選べます。迷ったら「おまかせダサ生成」で、文章ごと一式が入ります。

入力する

タイトル・自己紹介・写真・リンク・QRのURL・演出のチェック。右のプレビューにその場で反映されます。

HTMLを保存

index-テーマ名.html が1枚ダウンロードされます。index.html に改名してサーバーに置くか、SNSのプロフィールからリンクしてください。

Scenesこんなときに

  • 名刺代わりのリンク集SNS・ポートフォリオ・連絡先をまとめた1ページ。QRコードを名刺に刷れば導線になります。
  • イベントや同人サークルの告知更新履歴と工事中の帯で「準備中感」を演出。
  • ネタとしての自己紹介飲み会や社内LTで「私のホームページです」と見せる。カウンターが効きます。
  • レトロ演出・パロディ90年代風のデザインが必要な企画・撮影・展示の小道具に。

FAQよくある質問

利用は無料ですか？

無料です。会員登録・アプリのインストールも不要で、ブラウザで開くだけで使えます。

作ったページはどうやって公開しますか？

「HTMLを保存」で index-テーマ名.html が1枚ダウンロードされます。写真もQRコードも中に入っているので、index.html に改名してレンタルサーバーや GitHub Pages などに置くだけで公開できます。ファイルをダブルクリックして手元で開くこともできます。「画像を別フォルダにして zip で保存」にチェックを入れると、写真・QRコード・バナーを images/ フォルダに分けた zip になります。

入力した文字や写真はサーバーに送信されますか？

されません。ページの組み立てもQRコードの生成もすべてブラウザ内で完結し、文字・写真・URLが端末の外へ出ることはありません。

訪問者カウンターは本当に数えていますか？

数えているのは「その閲覧者のブラウザで開いた回数」だけで、実際の訪問者数ではありません。サーバーを持たない1枚のHTMLで再現している演出です。開始番号は自由に決められます。

QRコードはどこへ飛びますか？

入力したURLへ飛びます。自分のSNS、予約ページ、名刺代わりの連絡先など自由に設定できます。QRコードはSVGとしてページに埋め込まれるので、印刷しても画像が荒れません。

テーマ・レイアウト・壁紙はどう違いますか？

テーマは色と枠の装飾、レイアウトは骨組み（メニュー左＋本文／フレーム風／壁紙＋中央見出し／1カラム中央寄せ）、壁紙はページ背景の柄です。3つは独立しているので、組み合わせは800通り以上（装飾まで含めると3,600万通り）になります。フレーム風を「画像を別フォルダにして zip で保存」すると、menu.htm と top.htm に分かれた本物のフレームページになります。

スマートフォンで見ても崩れませんか？

見た目は90年代風ですが、中身は今の書き方なので、スマートフォンでは2段組が1段に並び直します。あえて崩したい場合はそのままでも十分ダサくなります。

作ったページを商用利用できますか？

できます。装飾はすべてCSSで描いた自作のもので、第三者の画像や素材は含まれません。表示されるクレジットも入りません。ただし、ご自身で入れた写真や文章に他者の著作物・商標・人物などが含まれる場合は、その権利者の許諾が必要です。詳しくは利用規約をご確認ください。

ようこそ、

私のHPへ

ダサウェブ★メーカー を開く

※リンクフリーです

Disclaimer

  • 本ツールの処理はすべてブラウザ内で完結し、入力した文字・写真・URL・書き出した結果が外部サーバーへ送信・保存されることはありません。
  • 本ページおよびツールでは、サイトの利用状況を把握するためにアクセス解析（Google タグマネージャー）を利用しています。取得されるのは閲覧に関する統計情報のみで、作成したページの内容がこれに含まれることはありません。
  • 訪問者カウンターは閲覧者のブラウザ内で回数を数える演出で、実際の訪問者数を示すものではありません。
  • QRコードは株式会社デンソーウェーブの登録商標です。文中および生成ページに表示される Internet Explorer、Microsoft Edge、Google Chrome、Firefox、Safari、Opera、Google Fonts、X、Instagram などの名称は各社の商標または登録商標です。本ツールは各社とは無関係で、承認・提携等を受けたものではありません。ブラウザ名の表示は、閲覧者のブラウザが自ら名乗る情報（ユーザーエージェント）を端末内で読み取って表示するだけで、外部へ送信しません。
  • 本ツールは現状有姿で提供しており、動作が中断しないこと、誤りがないことを保証するものではありません。
  • 生成したページの内容および公開・利用について、当方は責任を負いません。写真・文章の著作権・肖像権・掲載するリンク先の内容は、利用者ご自身でご確認ください。
  • 本ツールの利用により生じたいかなる損害についても、当方は責任を負いません。
  • 仕様および本ページの内容は、予告なく変更される場合があります。ご利用にあたってはご利用規約もあわせてご確認ください。