誰でもWEBページ

Help

使い方

このアプリは、見せたい画面コードを貼って確認リンクを作るためのものです。

ホームへ戻るログイン

Basics

使い方は 3 ステップです

  1. HTML / React の単一ファイルを貼る
  2. タイトルとパスワードを決める
  3. 閲覧リンクと管理リンクを発行する

Account

匿名とログインの違い

  • 匿名: 一覧には残りません。保存期間は 3日 です。
  • ログイン: 作成した共有リンクをマイ共有に残せます。保存期間は 30日 です。
  • どちらも閲覧URLと管理URLを分けて作成します。

HTML

HTML 共有の対応範囲

  • 単一の HTML ファイル（CSS / JS はインラインまたは CDN）
  • Tailwind CSS（自動検出して CDN を注入）
  • フォーム入力、スライダー、タブ切替、アニメーション
  • Canvas / SVG / Web Audio などのブラウザ API

React

React 共有の対応範囲

  • 単一の TSX / JSX ファイル
  • npm パッケージの自動解決（lodash, lucide-react, date-fns など）
  • TypeScript の型注釈
  • useState / useEffect / useRef などの Hooks
  • ブラウザ内バンドラー（Sandpack）で実行

React 共有では状態はページ表示中のメモリ内のみです。リロードや別ブラウザでは状態は復元されません。

Limitations

制限事項

  • 複数ファイルの project 形式やフォルダ取込は非対応
  • SSR / Server Actions / Node.js 前提コードは動作しません
  • ページ遷移や別ページへのリンクは対象外です
  • 相対 import（./utils など）/ ローカル画像 / 相対 API 呼び出しは非対応
  • React 共有: localStorage / sessionStorage は他の共有と領域が共通のため、永続化には使えません
  • React 共有: 非常に大きな npm パッケージはバンドラーがタイムアウトする場合があります
  • React 共有: CSS-in-JS で Babel プラグインが必要なもの（styled-components の一部機能など）は未対応