ShapeIt ShapeIt
始める
← ShapeIt トップ ログイン・拡張の設定 使い方ガイド アプリでログイン

社内メンバー向け

Setup

ログイン・拡張の設定

このページは、社内で ShapeIt を使い始めるメンバー向けのセットアップ手順です。 普段使っている Google アカウントで ShapeIt にログインし、Chrome 拡張を開発者モードで入れると、 どの Web 画面からでもスクショ付きで気づきを投稿できます。

⏱ 所要時間の目安

初回セットアップは 約10分です。2回目以降はログイン不要でそのまま投稿できます。

ログイン 3分 · 拡張の導入 5分 · 接続確認 2分

📋 この手順でできること

  • ShapeIt アプリへのログイン
  • Chrome 拡張の開発者モードでの導入
  • 拡張とアプリのアカウント連携
  • SaaS 画面からの報告テスト

はじめる前に

拡張は「Chrome の Google」とは別に、ShapeIt にログインしているアカウントで動きます。 次の2点だけ先に揃えておくと、あとがスムーズです。

Chrome プロファイルを揃える

仕事用・個人用など Chrome プロファイルが複数ある場合、ShapeIt を使うプロファイルと同じもので拡張を入れてください。

Google アカウントを決める

普段 SaaS や Web アプリで使っている Google アカウントで ShapeIt に登録・ログインすることを推奨します。 同じアカウントで拡張と Web アプリが自動でつながり、毎回ログインし直す必要がありません。

招待について

メンバーは管理者から届いた招待リンクから参加します。誰でも自由に登録できる仕組みではありません。 招待が届いていない場合は、社内の ShapeIt 管理者に連絡してください。

ShapeIt にログインする

招待済みメンバー（通常はこちら）

  1. 招待リンクを開く

    管理者から送られた URL を Chrome で開きます。

  2. Google でログイン

    アプリのログイン画面（拡張用） または招待画面から、普段使う Google アカウントを選びます。

  3. 表示名などを確認

    初回のみオンボーディング画面が出る場合があります。完了すると投稿画面が開きます。

初めての管理者（会社の登録）

会社の最初の管理者だけが、新規で組織を作成します。登録は Google アカウント必須です。

  1. 会社情報を入力

    会社を登録 から、お名前・会社名を入力します。

  2. Google で会社を登録

    「Google で会社を登録して始める」を押し、よく使う Google を選びます。

  3. メンバーを招待

    設定 → メンバーから招待リンクを作成し、チームに共有します。

拡張を開発者モードで入れる

Chrome ウェブストアを経由せず、社内配布用 zip を開発者モードで読み込みます。

1. zip をダウンロード

次のいずれかから最新版を入手してください。

拡張 zip をダウンロード

または アプリ内の拡張インストールページ からもダウンロードできます。

  1. zip を解凍

    ダウンロードした shapeit-chrome-extension.zip をフォルダに展開します（中に manifest.json があるフォルダが必要です）。

2. Chrome に読み込む

  1. 拡張機能ページを開く

    Chrome のアドレスバーに chrome://extensions と入力して Enter。

  2. デベロッパーモードを ON

    画面右上の「デベロッパーモード」をオンにします。

  3. パッケージ化されていない拡張機能を読み込む

    「パッケージ化されていない拡張機能を読み込む」をクリックし、解凍したフォルダを選びます。

  4. ツールバーにアイコンを出す

    ピン留めアイコンから ShapeIt をツールバーに固定すると便利です。

3. 更新があったとき

  • zip の再配布時 新しい zip を解凍し、chrome://extensions で同じ手順で読み込み直す（または拡張カードの「更新」）。
  • アプリのみ更新時 拡張の入れ直しは不要です。Web アプリを再読み込みすれば十分な場合があります。

初回接続（1回だけ）

拡張を入れた直後は、ShapeIt のログイン情報を拡張へ渡す初回接続が必要です。

Google で接続する

  1. ShapeIt を開く

    アプリを開く し、Google でログイン済みであることを確認します。

  2. 拡張から接続画面を開く（未接続のとき）

    拡張アイコンを押し「ShapeIt にログイン」が出たら、 Google で接続画面 が開きます。同じ Google を選びます。

  3. 再接続ボタン（任意）

    設定 → Chrome 拡張 の「拡張へ再接続」でも同期できます。

接続の確認

  • 拡張ポップアップに メールアドレス付きで「〇〇 で投稿します」と表示される
  • 設定 → Chrome 拡張で「接続済み」と表示される
  • テスト投稿が受信箱に届く（次の章で試せます）

日常の使い方

画面から報告する

  1. 報告したい Web アプリを開く

    自社 SaaS、管理画面、社内ツールなど、通常の https ページで動作します。

  2. ShapeIt 拡張アイコンをクリック

    「範囲を選んで報告」または「全画面キャプチャ」を選びます。

  3. 気づきを一言書いて送信

    URL・スクショは自動で付きます。受信箱で確認できます。

ショートカット

Alt + Shift + F で、範囲選択キャプチャと報告画面を素早く開けます（Windows）。Mac でも同じキー割り当てです。

困ったとき

症状 対処
「先にログイン…」と出る ShapeIt を Google でログイン → 設定 → Chrome 拡張 →「拡張へ再接続」。または 接続用ログイン を開く。
拡張が「未検出」 chrome://extensions で有効化・dist フォルダの読み込みを確認。
送信 401 エラー ShapeIt タブを開き直してから拡張を再度開く。それでも失敗なら再接続。
別プロファイルで未接続 ShapeIt にログインしたプロファイルと同じ Chrome で拡張を使う。
鈴・通知が届かない 設定 → 通知を確認。詳細は 使い方ガイド を参照。