Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>#CodeVoyageNew to Visual Studio Code? Get it now.
#CodeVoyage

#CodeVoyage

tsukumon

|
5 installs
| (0) | Free
Track your coding journey and visualize weekly, monthly, and yearly coding statistics in a beautiful presentation
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

コーディング時間を自動記録し、ハイライト風に振り返る

あなたのコーディング時間やコーディングスタイルの傾向を、Spotify WrappedやYoutube Recap風に振り返りできます。

振り返りの最後にダウンロードできるサマリーカードを、SNSにハッシュタグ#codevoyageで投稿して共有しよう。

CodeVoyage Demo


特徴

  • 完全自動 — VS Codeを開くだけで記録開始。スタート・ストップの必要なし。
  • 美しい振り返り — 1週間・1ヶ月・1年をアニメーション付きで振り返り。
  • ローカル保存 — データは全てローカルに保存。アカウント不要、データ漏洩の心配無用。

使い方

1. コードを書く

それだけです。VS Codeを開くと自動で記録が始まります。

2. 振り返りを見る

コマンドパレット(Ctrl+Shift+P / Cmd+Shift+P)からCodeVoyage: Open Dashboard

またはステータスバーの時計アイコンをクリック。


振り返りできる項目

  • 📊 総コーディング時間 — 期間中の合計時間
  • 💻 言語ランキング — 使用した言語の内訳
  • 📁 プロジェクトランキング — プロジェクト別の作業時間
  • ⏰ ピーク時間帯 — 最も集中した時間帯
  • 🔥 連続コーディング日数 — ストリーク記録
  • 🎨 コーディングスタイル — あなたの傾向を診断(夜型、朝型など)
  • 📅 カレンダーヒートマップ — 日々の活動を可視化

コマンド

コマンド 説明
CodeVoyage: Open Dashboard ダッシュボードを開く
CodeVoyage: Export Data (Backup) データをJSONでエクスポート
CodeVoyage: Import Data (Restore) データをインポート
CodeVoyage: Show Demo Review デモデータでプレビュー

設定

設定 デフォルト 説明
codevoyage.idleTimeout 300 アイドル判定までの秒数(0で無効化)
codevoyage.showStatusBar true ステータスバー表示

バグ報告

バグ報告はこちらにお願いします。

https://github.com/tsukumon/codevoyage/issues

ライセンス

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft