appkit
プロダクト内オンボーディングと活性化

次のデプロイを待たずにユーザーを活性化。

チェックリスト、空状態、ターゲット告知を SaaS 内に公開 — ユーザーがどこでつまずくかを把握。軽量 SDK、インストールから最初の体験まで約 5 分

カード不要 · SDK < 14 kB · ベータ期間無料

AppKit エディター
準備完了

活性化ファネル · シミュレーション

インストール済み100%
第 1 ステップ完了48%
活性化済み27%

orbita.app/inicio

おはようございます、Marina さん

Órbita ダッシュボード — サンプル SaaS。

ライブデモ · 本物の SDK が描画 · 何も保存されません

Quer ver dentro de um sistema de verdade? Abrir a demonstração completa (Contabiliza) →

  • SDK 7.3 kB gzip
  • インストール → 初体験 約 5 分
  • キルスイッチ ≤ 30 秒
  • プライバシー・バイ・デザイン
  • バージョン管理とロールバック
  • React · Vue · Angular · 素の HTML
AppKit の役割

機能一覧ではなく、3 つの仕事。

それぞれが顧客のプロダクト内で動き、パネルで編集し、エンジニアの順番待ちなしで公開できます。

01

次の一歩を示す

チェックリストと空状態が新規ユーザーを最初の価値ある行動へ導きます — 諦めの原因になる白い画面の代わりに。

チェックリスト · 空状態 →
02

適切なタイミングで公開

プロフィール、プラン、段階、行動で各体験を出し分け。必要な人にだけ表示され、行動済みの人には消えます。

セグメント · コンテキスト →
03

すべての離脱から学ぶ

データベースに記録された実イベントが、ユーザーがつまずく正確な場所を示します — 推測ではなく、修正と計測を。

イベント · 活性化ファネル →
空状態

白い画面こそ、ユーザーが諦める場所。

空状態は常設のコンテキスト面 — 割り込みではありません。下で切り替えを:「AppKit あり」の状態は本物の SDK が描画します。

アクションがユーザーを最初の価値へ導き、実イベントを発火 — ファネル指標になります。

請求書

まだ請求書はありません。

現状:ユーザーは「請求書なし」を見てタブを閉じる
ターゲティング

必要な人にだけ、適切なメッセージを。

条件を組み立て、オーディエンスの変化を確認。各体験は 1 つのセグメントに表示され、行動済みの人には消えます。

+ +

初プロジェクトのチェックリストを表示

登録済み・Pro 利用中・まだ何も作成していないユーザーにのみ表示。

14%のアクティブユーザー
シミュレーション上のオーディエンス

メソッド

毎週まわす短いループ。

オンボーディングは終わりのあるプロジェクトではなく、AppKit 内で回るループです。スプレッドシートも推測も不要:

観察 摩擦を特定 公開 計測 改善
計測

意思決定で終わるアナリティクス。

きれいなグラフではなく、本当の問いへの答え:

「新しいワークスペースは、どの段階で最初のプロジェクト作成をやめてしまうのか?」

ファネルが答えます:離脱はパネルを開いてからプロジェクト作成までの間。そこに次のアクション付き空状態を置き、セグメント比較で効果を確認します。

新規ワークスペース · 過去 30 日

登録100%
パネルを開いた81%
プロジェクト作成34%
チームを招待19%

プロジェクト作成 — セグメント比較

施策なし34%
空状態あり47%

推奨:プロジェクトの空画面に「最初のプロジェクトを作成」アクションを公開し、ファネルの変化を追跡。

例示データ · 実際の製品ではあなたの実イベントからファネルが作られます

開発者向け

HTML に 1 行。調整のたびのデプロイは不要。

非同期ロード、Shadow DOM で隔離、フェイルオープン:AppKit が落ちてもウィジェットが消えるだけで、プロダクトはそのまま。

SDK サイズ7,3 kB gzip
npm パッケージ@tecaless/appkit-sdk
FrameworksReact · Vue · Angular · HTML
プライバシーテナントごとのソルト付きハッシュ
バージョン管理バージョンごとの不変 URL
ロールバック前のバージョンを指すだけ
キルスイッチ≤ 30 秒で全停止
npm · 推奨
npm i @tecaless/appkit-sdk

パッケージをインストールし、キーで初期化してパネルから公開 — HTML タグはノーコードの代替手段として残ります。

index.html
<!-- </body> の前に設置 -->
<script src="https://appkit.com.br/sdk/appkit@3.0.7.js"
        data-key="pk_live_your_key"
        data-user="logged_user_id" async></script>
バンドラー利用時
import { init, track } from '@tecaless/appkit-sdk'
init({ apiKey: 'pk_live_your_key', userId })
track('invoice_issued') // ステップを完了

完全な手順、アンカー、AI エージェント用プロンプト: インストールガイドを開く →

チームごとに

同じ SDK、違う仕事。

あなたの立場を選択:

課題

新規ユーザーは登録後、空白画面を見て最初の価値に到達しません。

推奨フロー

実イベントに紐づく 3 ステップのチェックリスト — 完了とは「実行」であり「次へ」のクリックではありません。

主要指標

活性化率 — 最初の価値ある行動を実行した登録者の割合。

本物の証明

作られた導入事例はありません。

ここにはベータの最初の実例が入ります — 検証可能なベースライン、施策、結果とともに。それまでの証明はプロダクト自身:上のデモは本物の SDK で動いています。

ベースライン

ベータで収集中

施策

ベータで収集中

結果

ベータで収集中

Quer ser o primeiro estudo de caso? Fale com a gente.

料金

検証期間中は無料。

オープンベータ · Free プラン
$ 0

カード不要、後からの自動課金もなし。今日最初の体験を公開しましょう。有料プラン開始時は、利用中の方に事前通知とファウンダー条件を。

無料アカウント作成

まずは様子見?ニュースと料金のお知らせをメールで。

エンドユーザー ID が可読形式で当社 DB に入ることはありません(SHA-256 + ソルト)

仕掛けなし:本日この製品に課金設定は一切ありません。

Growth と Scale は価格確定後に登場 — このページに架空の価格はありません。

企業向け:SSO と SCIM はロードマップ上 — プロダクトにご相談を

セキュリティと信頼

信頼に値するつくり。

飾りのバッジはありません。以下はすべて今日の製品の実際の動作 — ロードマップ段階のものは roadmap と明記。

デフォルトで仮名化

エンドユーザー id は DB に触れる前にワークスペースごとのソルト付き SHA-256 ハッシュに。GDPR・LGPD に整合。

保存時暗号化

マネージド Postgres(Supabase)、保存時暗号化、通信は 100% HTTPS。

安全な関数経由の書き込みのみ

API は管理者資格情報を使いません。すべての書き込みは RLS 有効の SECURITY DEFINER 関数経由。

Kill switch ≤ 30 s

ボタン一つで全ユーザーの AppKit をオフに。公開はバージョン管理され、1 クリックでロールバック。

フェイルオープン

AppKit が落ちてもウィジェットが消えるだけで、プロダクトはそのまま。エラーがコードに漏れることはありません。

SOC 2 · SSO · SCIM roadmap

まだ持っていません — 持っているふりもしません。購入に必要ですか?ご相談ください

技術詳細は appkit.com.br/seguranca · API ステータス

率直な回答

よくある質問

インストールにデプロイは必要?

一度だけ、SDK タグを貼るときに。以降のテキスト、ステップ、セグメント、告知の変更はすべてパネルから公開され、30 秒以内に反映 — 再デプロイ不要。

インストールの後は?

エンジニアは不要に:ステップ、テキスト、セグメント、告知の編集は 100% パネルで完結。コードが必要なのは AppKit.track() で新しい完了イベントを計装したいときだけ。

AppKit でプロダクトは遅くなる?

いいえ。わずか 7.3 kB を requestIdleCallback で非同期ロードし、Shadow DOM で隔離。ページのクリティカルロードと競合せず、CSS にも触れません。

ユーザーから何を収集する?

プロダクトイベントのみ。エンドユーザーの識別子は生のまま保存されず、DB に触れる前にテナントごとのソルト付き SHA-256 ハッシュになります。プライバシー・バイ・デザイン。

データ保護は実際どう機能する?

デフォルトで最小収集と仮名化:機微な個人データは流れず、識別子は不可逆ハッシュになり、データの管理者はあなたのまま。詳細はプライバシーポリシーへ。

公開した体験は元に戻せる?

はい。公開のたびにバージョンが作られ、戻すには前のバージョンを指すだけ。全ユーザーに対して 30 秒以内に AppKit をオフにするボタンもあります。

カードなしで試せる?

はい。ベータは無料でカード不要。本日、製品に課金設定はありません。

MAU を超えたらどうなる?

今は何も起きません:ベータに MAU 制限も課金もなし。有料プラン開始時には、課金前に上限と超過を明示 — 突然の請求はありません。

自社のデザインシステムは使える?

ウィジェットは Shadow DOM で動作:CSS を継承も漏出もせず、スタイルを壊しません。メインカラーはパネルでブランドに合わせて設定可能。それ以外はデフォルトでニュートラル。

SPA(React、Vue、Angular)で動く?

はい。SDK は DOM の変化を監視し、ターゲットの出現・消失時に空状態を再アンカー — リロード不要。React には @tecaless/appkit-react のラッパーがあります。

AppKit が落ちたら?

SDK はフェイルオープン:エラーが起きてもウィジェットが表示されないだけで、プロダクトはそのまま。AppKit のエラーがあなたのコードに漏れることはありません。

今日、ユーザーの次の一歩を公開しよう。