4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【VSCode】Qiita執筆が捗りすぎて止まらない!「Zen Mode」で構築する最強の没頭環境

4
Last updated at Posted at 2026-01-30

📝 はじめに

こんにちは!Dirbatoの下出です。

皆さんはQiitaの記事を書くとき、「集中力が続かない」 という悩みを持っていませんか?

  • 執筆中に通知が来て、ついSlackを見てしまう
  • ブラウザのタブが気になって、X(Twitter)を開いてしまう
  • VSCodeのサイドバーにあるGitの変更数が気になってしまう

「書くこと」だけに集中したいのに、画面には誘惑が多すぎる。

実は私、ミニマリストデジタルデトックス に興味津々でして。「デジタルな世界でもノイズを減らして『禅(Zen)』の精神を持ちたい……」なんて意識高いことを考えていたんですが、灯台下暗し

まさかの愛用しているVSCodeの中に、その答え(Zen Mode)がありました(笑)。

この記事では、Qiitaの執筆を「ゾーンに入った状態(悟りの境地)」にするためのZen Mode活用術 を紹介します。

TL;DR

  • 結論:Zen Modeを使えば、VSCodeが「執筆専用エディタ」に化ける。
  • 効果:視覚ノイズを9割カットし、プレビューと本文だけに没頭できる。
  • 設定:デフォルトは使いにくいので、hideStatusBar: false(ステータスバー表示)などのカスタマイズが必須。
  • 向く人:執筆中にどうしても気が散ってしまう人 / シンプルな画面が好きな人

1️⃣ Zen Mode(禅モード)とは?

📝 概要

その名の通り、「禅」 のようにコード(文章)と向き合うためのモードです。
これを有効にすると、サイドバー、アクティビティバー、パネル、タブバーなど、エディタ以外のすべてのUIが非表示 になり、全画面表示になります。

✅ 起動方法

ショートカット一発で切り替えられます。

  • Mac: Cmd + K 押した後に Z
  • Windows: Ctrl + K 押した後に Z
  • (または 表示 > 外観 > Zen Mode

画面右下に (Ctrl + K)が渡されました。2番目のキーを待っています... と表示された後に、スッと Z を押すだけ。この「溜め」もまた一興です。

一度試してみてください。画面から余計な情報が消え、スッと静かになる感覚がありませんか?

2️⃣ そのままじゃ使いにくい?Zen Modeの「罠」

「これは凄い!これで私もミニマリストだ!」と思って使い始めると、いくつかの不便さに気づきます。

  • 時計が見えない:没頭しすぎて会議に遅れる
  • 文字数がわからない:Qiita記事のボリューム感が把握できない
  • タブ切り替えが不便:プレビュー画面との行き来が面倒
  • 中央寄せが微妙:画面の中央に細く表示され、プレビューと並べにくい

これらを解消し、「Qiita執筆に特化した最強設定」 にカスタマイズしていきます。

3️⃣ Qiita執筆のための最強Zen Mode設定

Zen Modeの挙動は settings.json で細かく調整できます。
私が実際に設定している「執筆特化型」の設定を紹介します。

⚙️ 設定手順

  1. Cmd + , (Mac) / Ctrl + , (Windows) で設定を開く
  2. 右上の「設定(JSON)を開く」アイコンをクリック
  3. 以下の設定を追加・変更する
{
  // ステータスバーを表示する(時計・文字数カウントのため)
  "zenMode.hideStatusBar": false,

  // ウィンドウのタブを表示する(複数ファイル・プレビュー操作のため)
  "zenMode.hideLineNumbers": false,

  // 全画面表示にしない(OSの時計やメニューバーは残したい派向け)
  // ※完全に没入したい人は true のままでOK
  "zenMode.fullScreen": false,

  // エディタを中央寄せしない(左寄せにしてプレビューと並べるため)
  "zenMode.centerLayout": false,
  
  // ズームレベルを調整(少し文字を大きくして見やすくするなら正の数)
  // "zenMode.restore": true // ZenMode終了時にウィンドウの状態を元に戻す
}

✅ 何が変わるか

  • 時計と文字数が見える:ステータスバーが出るので、Markdown All in One などの拡張機能による文字数カウントや、現在時刻を確認できます。
  • 2画面分割が快適にcenterLayout: false にすることで、画面を有効に使って「左:エディタ」「右:プレビュー」の構成が作りやすくなります。

変更前

image.png

変更後

image.png

4️⃣ おすすめの執筆スタイル(Zen Mode × Office Viewer)

前回の記事で紹介した Office Viewer(またはMarkdown Preview Enhanced)と組み合わせると、最強の執筆環境が完成します。

🖼️ 画面構成のイメージ

  1. VSCodeで記事のMarkdownファイルを開く
  2. Cmd + K, V でプレビューを横に開く
  3. Cmd + K, Z でZen Mode発動!

これで、画面上には 「執筆中のテキスト」「完成形のプレビュー」 以外、何もなくなります。
SNSの通知も、複雑なGitツリーも、目に入りません。ただひたすら書くことに集中できます。

💡 Tips

Zen Mode中にサイドバー(エクスプローラーなど)を一時的に見たい場合は、Cmd + B (Mac) / Ctrl + B (Windows) で 一時的に表示 できます。
必要なときだけ出し、用が済んだらまた消す。この運用が快適です。

🏁 まとめ

Qiita執筆における「最強の環境」作り、今回は Zen Mode に焦点を当てました。

  • 基本:ショートカット(Cmd/Ctrl + K Z)で一瞬で没頭モードへ
  • 応用centerLayout: falsehideStatusBar: false で実用性を確保
  • 運用:プレビューと並べて「書く」ことだけにリソースを割く

道具(エディタ)を自分好みに磨き上げると、執筆のモチベーション自体も上がります。
ぜひ、あなただけの 「Zen(禅)」 な環境で、良質な記事を量産してください!

設定に関する質問や、「こんなカスタマイズもおすすめ!」という情報があれば、ぜひコメントで教えてください!

⚠️ 注意事項

Zen Modeは「集中力」を高めますが、「締め切り」は延ばしてくれません。
悟りを開いても、PRのレビュー依頼は消えません。ご利用は計画的に。

📚 参考

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?