Shapora
ドキュメント
日本語English

はじめに

ShaporaはWebブラウザ上で動作する図解・資料作成ツールです。テキストボックス・矩形・画像・接続線などのノードを組み合わせて、ポスター、チラシ、アーキテクチャ図、説明図を作成し、SVG/PNG/PDFでエクスポートできます。

トップページ（/ja または /en）はスマホでも閲覧できますが、編集アプリ本体（/ja/dashboard または /en/dashboard と各編集画面）は細かなキャンバス操作が多いためPCでの利用を前提にしています。
※ このドキュメントの大部分はAIで生成されています。人間の目でも確認はしていますが、間違いを含むことがあるのでご注意ください。

主な機能

  • テキストボックス（ふきだし・フォント・配置・影・文字/背景のグラデーション/パターン塗りなど豊富なスタイル）
  • 矩形・画像ノード（矩形はグラデーション/パターン塗りに対応）
  • 画像ノードの背景除去とマジック消しゴム（投げ縄で不要物除去）
  • ノード間の接続線（矢印・丸マーカー対応）
  • GCP / Google / AWS / Cloudflare / Sakura Cloud / Twemoji / React Icons アイコンライブラリ（約 52,500 件）
  • 複数レイヤー管理
  • キャンバス上のページHUD（ページの並べ替え・挿入・複製・削除）
  • 自動グループ化（親ノードを動かすと子ノードも追従）
  • グリッド表示・スマートスナップ
  • SVG / PNG / PDF / JSON エクスポート（SVG/PNG/PDF はフォントサブセット埋め込み対応）
  • ドキュメントデータ埋め込みによる後からの再編集
  • 無料で利用可能。サインイン不要で開始でき、未ログイン時はブラウザ内、ログイン時は Google Drive に保存可能
  • 編集データはアプリのサーバーに送信せず、ブラウザ内または Google Drive に保存
  • 未保存または保存中の編集がある状態で、タブを閉じる/ページを再読み込みしようとすると確認ダイアログを表示
  • ダッシュボード（/ja/dashboard または /en/dashboard）のサンプルギャラリーからテンプレートを選んで新規作成（スクロール対応）
  • ドキュメント一覧画面から保存先をローカル/Drive 間で変更可能
  • 管理者向けユーザー一覧ページ（/ja/admin/user または /en/admin/user）
  • 4種類のカラーテーマ / 日英言語切替

利用可能なアイコン

ライブラリアイコン数
GCP262
Google75
AWS94
Cloudflare30
Sakura Cloud52
Twemoji1,630
React Icons（31セット）50,389
合計約 52,532 件

ヘッダーとアカウント

画面上部のヘッダーには左側にアプリ名「Shapora」、右側にドキュメントリンクなどの操作が表示されます。ログイン中はプロフィールアイコンも表示されます。

  • ヘッダー右側には「ドキュメント」リンクが表示され、クリックするとヘルプページ（/docs）へ移動できます。
  • 未ログイン時：ヘッダー右上にアカウント用ボタンは表示されません。サインインはダッシュボードの「Google Drive」セクションから行います。
  • ログイン中：右上に自分のGoogleアカウントのアイコンが表示されます。クリックするとプロフィールページへ移動します。
  • プロフィールページ（/ja/profile または /en/profile）では自分のユーザー名と「サインアウト」ボタンが表示されます。
  • 管理者ユーザーにはプロフィールページから「ユーザー一覧」へのリンクが表示されます。