C-kit

Web開発者向けツールキット

v4.1.3

7つの便利機能＋Pro版限定Auto駆動モードを搭載したChrome拡張機能

GitHubで見る インストール方法

7つの便利機能

LC

Link Checker Updated in v4.1.3

ページ内のリンクエラーを検出

  • 404/500エラーを自動検出
  • リンクを色分けして表示
  • 詳細な統計レポート
  • Auto駆動モード (Pro版)
U

URL Decode/Encode

URLのエンコード・デコード

  • ワンクリックで変換
  • キーボードショートカット対応
  • クリップボードにコピー
F

Code Formatter

コードを整形・圧縮

  • JSON/HTML/CSS/JSに対応
  • シンタックスハイライト
  • Minify機能搭載
DS

Domain Switcher

URLペアを簡単に切り替え

  • 開発/本番環境の切り替え
  • URLペアの登録・管理
  • 新しいタブで開くオプション
EC

Embedded Checker

埋め込みコードを検出

  • 埋め込みstyle/scriptタグを検出
  • 外部ファイル化を推奨
  • 詳細レポート表示
TC

Trace Compare Updated in v4.1.0

ページのスナップショットを保存して比較

  • ページのDOM状態を完全保存
  • オーバーレイ（半透明重ね合わせ）比較
  • 別ウィンドウでの横並び比較
  • スクロール同期で差分をすぐ発見
  • 最大10件のスナップショット管理
  • デザインオーバーレイ（NEW in v4.1.0）
P

Pro Account v3.0.0

Stripe決済によるサブスクリプション

  • Googleアカウント連携
  • 設定のクラウド同期
  • Pro限定機能の利用
TC

Trace Compare Updated in v4.1.0

ページ更新時の差分チェックに最適。スナップショットを保存して、現在のページと視覚的に比較できます

  • DOM完全シリアライズ - CSS・画像をインライン化して忠実に再現
  • オーバーレイ比較 - 半透明で重ねて表示、透過度スライダーで調整
  • 別ウィンドウ比較 - 横並びで見比べ可能
  • スクロール同期 - 両方のビューが連動してスクロール
  • スナップショット名 - 自由に名前をつけて管理
  • URL前方一致フィルタ - 現在のページに関連するスナップショットを自動表示
  • デザインオーバーレイ - PNG/JPG等のデザインファイルをページに重ねて表示
  • 全ユーザー利用可能（Pro制限なし）
A

Auto駆動モード v3.0.1 - Pro限定

ページ読み込み時に自動でリンクチェックを実行

  • バックグラウンドで自動的にリンクチェック実行
  • Error数を拡張機能アイコンにバッジ表示
  • 結果画面のページ内表示/非表示切り替え
  • Results画面のドラッグ移動機能
  • LinkCheckerタブでの結果確認
SP

サイドパネル機能 v3.0.0

拡張機能アイコンをクリックしてサイドパネルで開く

  • 拡張機能アイコンクリックでサイドパネル表示
  • 作業中も常に横に表示可能
  • 右クリックメニューから別ウィンドウでも開ける
  • レスポンシブデザイン対応

Pro版プラン NEW in v3.0.0

Free

¥0/月

  • ✓ リンクチェック（1日1回）
  • ✓ URL変換
  • ✓ コード整形
  • ✓ ドメイン切替（3組まで）
  • ✓ 埋め込みコード検出
  • ✓ Trace Compare（NEW!）

Pro

$1/月

  • ✓ リンクチェック（無制限）
  • ✓ Auto駆動モード
  • ✓ ドメイン切替（無制限）
  • ✓ 設定のエクスポート
  • ✓ 設定のクラウド同期
  • ✓ 優先サポート

Stripe決済で安全にお支払い

組織管理Chrome向け - トークン認証 NEW in v3.0.2

Google同期が使えなくても、Pro版を利用できます

組織で管理されているChromeでは、個人のGoogleアカウントで同期ができないため、通常の方法ではPro版を利用できません。
トークン認証を使えば、Google同期なしでPro版の全機能をご利用いただけます。

1
Google同期不要

任意のメールアドレスで登録

2
安全な決済

Stripeで安全にお支払い

3
即座に利用開始

トークンでアクティベート

トークン認証の手順

1

メールアドレスで登録

任意のメールアドレスを入力して登録。個人・法人どちらでもOK

2

Stripe決済

安全なStripe決済で月額$1をお支払い

3

トークン受信

登録メールにアクティベーショントークンが届く

4

拡張機能で入力

C-kitのAccountタブでトークンを入力してアクティベート

トークン版Pro版を購入する

※ 1つのトークンは1デバイスでのみ利用可能です

インストール方法

安全なインストール

セキュリティ保護のため、Chrome Web Storeからのみインストールしてください。

Chrome Web Store経由のインストールにより、Googleの審査済みバージョンを安全にご利用いただけます。

Chrome Web Storeからインストール

  1. Chrome Web StoreでC-kitを検索
    Chrome Web Storeで検索 →
  2. 「Chromeに追加」ボタンをクリック
  3. 確認ダイアログで「拡張機能を追加」をクリック
  4. 拡張機能アイコンをクリックしてサイドパネルが開きます！
セキュリティに関する重要なお知らせ

GitHubなど他のソースからのインストールは、セキュリティリスクがあるため推奨しません。 必ずChrome Web Store経由でインストールしてください。

Pro版へのアップグレード NEW in v3.0.0

Pro版（$1/月）にアップグレードすると、すべての機能を無制限で利用できます。

  1. C-kitを開く（拡張機能アイコンをクリック）
  2. 「Account」タブに移動
  3. Googleアカウントでサインイン
  4. 「Upgrade to Pro」ボタンをクリック
  5. Stripe Checkout画面で決済情報を入力
    安全なStripe決済システムを使用
  6. 決済完了後、すぐにPro機能が利用可能になります！

Pro版の特典

  • ✓ リンクチェック無制限（無料版: 1日1回）
  • ✓ Auto駆動モード（NEW in v3.0.1!）
  • ✓ ドメイン切替URL pairs無制限（無料版: 3組まで）
  • ✓ 設定のエクスポート機能
  • ✓ 設定のクラウド同期
  • ✓ 優先サポート
  • ✓ Stripe決済で安全にお支払い
  • ✓ プロモーションコード対応

Note: C-kitのソースコードとドキュメントはC-kitリポジトリで管理しています。

Version History

v4.1.3 Latest

  • Link Checkerの403/404エラー検出精度を大幅改善（background service worker経由のHTTPステータス取得に変更）

v4.1.2

  • ダウンロードファイル名が正しく設定されない不具合を修正
  • 画像キャプチャ保存ボタンの表示不具合を修正

v4.1.0

  • デザインオーバーレイ機能を追加（PNG/JPG等のデザインファイルをページに重ねて表示・透過度調整）

v4.0.0

  • Trace Compare機能を新規追加（スナップショット保存・オーバーレイ比較・ウィンドウ比較・スクロール同期）
  • 別ウィンドウモードで機能が動作しない不具合を修正

v3.3.0

  • SendGrid統合

v3.0.2

  • トークン認証によるPro版アクティベーション

v3.0.1

  • Auto駆動モード（Pro限定）

v3.0.0

  • Pro Account・サイドパネル・6機能搭載