公開前後の
確認ツール
JSON整形、DNS確認、SSL証明書チェック、SEOタグ、キャンペーンURL、フロントエンド素材の整理をブラウザ上で行えます。
公開パス
公開ガイド一覧
フレームワーク出力、静的 HTML、PDF、AI生成サイトなど、手元のファイルに合う公開手順を選べます。
HTMLファイル公開
ビルド環境が不要な HTML、CSS、JavaScript をアップロードして公開リンクにします。
Vueサイト公開
VueやViteのdistフォルダを、ルート、素材、更新手順まで確認して公開します。
Reactサイト公開
React SPAのビルドを、静的ファイル、ルーティング、素材パスを確認して公開します。
Next.js 静的出力
サーバー実行を使わないNext.jsの静的書き出しを公開するための手順です。
DeepSeek 生成サイト
DeepSeekが出力したフロントエンドファイルを、リンク切れや仮文言を確認して公開します。
ChatGPT 生成サイト
ChatGPTで作ったページを公開する前に、足りないファイルや不自然なリンクを確認できます。
Gemini 生成サイト
Geminiのプロトタイプを、ローカルファイルから共有しやすい静的サイトへ移します。
PDF公開
履歴書、提案書、マニュアル、クライアント向け資料をHTTPSのリンクとして共有します。
公開シーン
個人サイト
自己紹介、軽いブログ、プロフィールページを、サーバー管理なしで公開します。
学生プロジェクト
授業課題、制作物、練習プロジェクトを ZIP ではなく URL で共有できます。
オンライン履歴書
HTML、Markdown、PDF から、採用担当者が開きやすい履歴書リンクを作ります。
ポートフォリオサイト
作品、実績、制作過程を、独自ドメインやプレビュー確認とあわせて公開します。
ドキュメントサイト
VitePress、Docusaurus、Nextra などの静的ドキュメント出力を公開します。
ランディングページ
広告、キャンペーン、イベント、検証用ページをメインアプリから切り離して公開します。
Webゲーム
Unity WebGL、Godot、ブラウザゲームを、遊べる公開リンクとして共有します。
プロフィールリンク
SNSのプロフィール欄から案内するリンク集を、自分のブランドで公開します。
開発者向け基本ツール
JSON 整形
設定や API レスポンスに使う JSON を整形、圧縮、検証します。
Timestamp 変換
Unix timestampと読みやすい日時を相互変換し、ログやトークンの確認に使えます。
UUID / ULID
テストデータ、サンプルレコード、ローカル検証用のUUIDとULIDを生成します。
正規表現テスト
入力チェック、ルーティング、置換処理に使う正規表現を実データで確認します。
SQL 整形
複雑な SQL をレビューや共有に向いた読みやすい形へ整えます。
JWT 確認
JWT のヘッダー、ペイロード、クレーム、有効期限を確認します。
Crontab 作成
cron 式を作り、実行予定を確認してから自動処理に組み込みます。
Linux 権限
rwxの組み合わせを確認しながら、数値表記と記号表記の権限を変換します。
フロントエンドとデザイン
QRコード生成
公開リンク、メニュー、印刷物、イベント導線に使う QRコードを作成します。
デバイスモックアップ
スクリーンショットを端末やブラウザの枠に入れ、LP や提案資料に使いやすくします。
SVG 最適化
静的サイトに入れるアイコンやイラストの不要なSVGマークアップを削ります。
Favicon 生成
ブラウザ、ブックマーク、タブで見えるfaviconとアプリアイコンを用意します。
カラー変換
HEX、RGB、HSL などの色形式を、デザインとコードの間で変換します。
コード圧縮
HTML、CSS、JavaScriptの短いスニペットを圧縮し、静的素材を軽くします。
CSS から Tailwind
よく使うCSSパターンをTailwind風のユーティリティクラスへ変換します。
OG 画像生成
公開リンクを共有したときに表示されるソーシャル用プレビュー画像を作ります。
Lorem Ipsum
最終文言が決まる前に、レイアウトの密度を確認するための仮文を生成します。
ネットワークと SEO
IP 情報確認
アクセス、ログ、地域差のある挙動を調べるときにIP情報を確認します。
SSL チェック
SSL証明書の状態、有効期限、発行者、HTTPSの見え方を確認します。
Ping テスト
URL がブラウザから応答するか、概算の応答時間とあわせて確認します。
DNS 確認
独自ドメイン設定時に、A、CNAME、MX、TXTなどのDNSレコードを確認します。
User Agent 解析
User-Agent文字列からブラウザ、OS、端末、botらしさを読み取ります。
robots.txt 生成
クロール制御、sitemapの案内、公開時のSEO整理に使うrobots.txtを作ります。
Meta タグ生成
title、description、Open Graph、Twitter、canonical、robotsタグをまとめて作成します。
UTM 作成
広告、メール、SNS からの流入を見分けるための UTM 付き URL を作成します。
公開で壊れやすい順に確認する
公開時の問題は、データの崩れ、ドメイン到達性、共有メタ情報の不足に分かれます。必要なツールを順番に使うと、原因を切り分けやすくなります。
確認が終わったら、そのまま公開へ
ツールと公開ガイドを同じ場所に置いているため、DNS、SSL、メタ情報を確認してから、静的ファイルをすぐ公開できます。