サービス情報
- カテゴリ
- ビジネス・開発
- 提供元
- CodePen
- 公式サイト
- codepen.io
- 料金
- 無料 / Pro $8/月
Kagemusha での設定
- プリセット
- ビルトイン対応
- アイコン
- 自動設定
- 通知
- 対応
- 拡張機能
- 利用可能
CodePen とは
CodePen はフロントエンド開発者向けのオンラインコードエディタ兼ソーシャル開発環境です。ブラウザ上で HTML、CSS、JavaScript を記述し、作品をすぐに共有できます。
Kagemusha で CodePen をアプリ化するメリット
- Dock からワンクリック起動 — ブラウザを開いてブックマークを探す手間がなくなります
- ⌘+Tab で素早く切り替え — 他のアプリと同じ感覚でアクセス。ブラウザタブに埋もれません
- 独立したプロファイル — ブラウザのセッションとは独立。ログイン状態も別管理できます
- 拡張機能も使える — Chrome 拡張機能をインストールして機能を拡張できます
おすすめの使い方
Kagemusha の Space モード を使えば、GitHub + AWS Console + Supabase を 1 つのアプリにまとめることができます。サイドバーでワンクリック切り替えできるので、関連サービスをまとめて使う方に最適です。
セットアップ方法
Kagemusha を起動し、プリセット一覧から「CodePen」を選択するだけ。URL やアイコンの設定は不要です。「作成」ボタンをクリックすれば、数秒で macOS アプリが生成されます。
