dotfilesとは何か？僕の開発環境と仕事の流儀

    ~/.bashrc      → シェル（Bash）の設定
~/.zshrc       → シェル（Zsh）の設定
~/.vimrc       → Vimエディタの設定
~/.gitconfig   → Gitの設定
~/.tmux.conf   → tmuxの設定
  

    ls        # 通常のファイルのみ表示
ls -a     # dotfiles（隠しファイル）も表示
  

    # 1. dotfilesをGitリポジトリで管理
~/dotfiles/
├── .vimrc
├── .tmux.conf
├── .zshrc
└── install.sh   # シンボリックリンクを張るスクリプト

# 2. ホームディレクトリにシンボリックリンクを作成
ln -s ~/dotfiles/.vimrc ~/.vimrc
  

    flowchart LR
    Create["📝 設定ファイル作成<br/>━━━━━━<br/>.vimrc<br/>.tmux.conf<br/>.zshrc"] --> Repo["📁 Gitリポジトリ化<br/>━━━━━━<br/><code style='color: white'>~/dotfiles/</code><br/><br/><code style='color: white'>git init</code><br/><code style='color: white'>git add .</code><br/><code style='color: white'>git commit</code>"]

    Repo --> Remote["☁️ GitHub/GitLab<br/>にプッシュ<br/>━━━━━━<br/>バックアップ<br/>どこからでもアクセス"]

    Repo --> Link["🔗 シンボリックリンク<br/>━━━━━━<br/><code style='color: white'>ln -s ~/dotfiles/.vimrc</code><br/><code style='color: white'>      ~/.vimrc</code><br/><br/>ホームディレクトリから<br/>dotfilesを参照"]

    Link --> NewPC["💻 新しいPC<br/>━━━━━━<br/>1. <code style='color: white'>git clone</code><br/>2. <code style='color: white'>./install.sh</code><br/><br/>3秒で環境再現！"]

    Remote -.->|clone| NewPC

    Update["🔄 設定を更新"] --> Repo
    Repo -.-> Remote

    style Create fill:#e3f2fd
    style Repo fill:#fff3e0
    style Remote fill:#e8f5e9
    style Link fill:#fff3e0
    style NewPC fill:#e8f5e9
    style Update fill:#e3f2fd
  

    flowchart TB
    subgraph WezTerm["🖥️ WezTerm（ターミナルエミュレータ）"]
        WT["作業場の「建物」<br/>━━━━━━<br/>・GPU加速<br/>・Lua設定<br/>・クロスプラットフォーム"]
    end

    subgraph Tmux["📦 tmux（ターミナル多重化）"]
        TM["作業机の「配置」<br/>━━━━━━<br/>・セッション管理<br/>・画面分割<br/>・永続化"]
    end

    subgraph Apps["🛠️ アプリケーション"]
        direction LR
        NV["📝 Neovim<br/>━━━━━━<br/>メインの「道具」<br/><br/>・テキスト編集<br/>・LSP<br/>・プラグイン"]
        ZSH["⚡ zsh<br/>━━━━━━<br/>コマンドを打つ「場所」<br/><br/>・ログ監視<br/>・コマンド実行<br/>・Git操作"]
    end

    WezTerm --> Tmux
    Tmux --> Apps

    Note["💡 レイヤー構造<br/>━━━━━━<br/>外側ほど「入れ物」<br/>内側ほど「作業内容」<br/><br/>壊れても各層で復旧可能"]

    style WezTerm fill:#e3f2fd
    style Tmux fill:#fff3e0
    style Apps fill:#e8f5e9
    style NV fill:#c8e6c9
    style ZSH fill:#c8e6c9
    style Note fill:#fffde7
  

    local wezterm = require 'wezterm'
local config = {}

config.font = wezterm.font 'JetBrains Mono'
config.font_size = 14.0
config.color_scheme = 'Tokyo Night'

-- 透過設定
config.window_background_opacity = 0.95

return config
  

    通常のターミナル:
┌──────────────┐
│              │  ← 1画面だけ
│   シェル     │
│              │
└──────────────┘

tmuxを使うと:
┌──────────┬──────────┐
│          │          │
│  エディタ │   ログ   │  ← 分割できる
│          │          │
├──────────┴──────────┤
│     コマンド実行     │
└─────────────────────┘
  

    flowchart TB
    subgraph Session["📁 セッション（work）"]
        Note1["プロジェクト全体のまとまり<br/>SSHが切れても生き続ける"]

        subgraph Window1["📑 ウィンドウ1（editor）"]
            W1["タブのようなもの<br/><code style='color: white'>Ctrl+b c</code> で作成"]

            subgraph Panes1["画面分割"]
                direction LR
                P1["📝 ペイン1<br/>━━━━━━<br/>Neovim<br/>エディタ"]
                P2["⚡ ペイン2<br/>━━━━━━<br/>シェル<br/>コマンド実行"]
            end
        end

        subgraph Window2["📑 ウィンドウ2（server）"]
            W2["<code style='color: white'>Ctrl+b n</code> で切り替え"]

            subgraph Panes2["画面分割"]
                direction LR
                P3["🖥️ ペイン1<br/>━━━━━━<br/>サーバー起動<br/><code style='color: white'>npm run dev</code>"]
                P4["📊 ペイン2<br/>━━━━━━<br/>ログ監視<br/><code style='color: white'>tail -f app.log</code>"]
            end
        end
    end

    Detach["🔌 セッションから離脱<br/><code style='color: white'>Ctrl+b d</code><br/><br/>→ 作業は続行中"]
    Attach["🔗 セッションに再接続<br/><code style='color: white'>tmux attach -t work</code><br/><br/>→ 作業の続きから"]

    Session -.-> Detach
    Detach -.-> Attach
    Attach -.-> Session

    style Session fill:#e3f2fd
    style Window1 fill:#fff3e0
    style Window2 fill:#fff3e0
    style Panes1 fill:#e8f5e9
    style Panes2 fill:#e8f5e9
    style Detach fill:#ffebee
    style Attach fill:#c8e6c9
  

    # SSHで接続中に回線が切れても...
# tmuxのセッションは生き続ける

tmux attach  # 再接続すれば、作業の続きからできる
  

    tmux                    # 新しいセッションを開始
tmux new -s work        # "work"という名前でセッション開始
tmux ls                 # セッション一覧
tmux attach -t work     # "work"セッションに接続
  

    Neovim:  ~0.05秒
VS Code: ~3-5秒（プロジェクトによる）
  

    flowchart TB
    Normal["⚙️ ノーマルモード<br/>━━━━━━<br/>移動・編集コマンドを実行<br/><br/><code style='color: white'>dd</code> - 行削除<br/><code style='color: white'>yy</code> - 行コピー<br/><code style='color: white'>p</code> - 貼り付け<br/><code style='color: white'>u</code> - 元に戻す"]

    Insert["✏️ インサートモード<br/>━━━━━━<br/>文字を入力する<br/><br/>普通のエディタと同じように<br/>タイピングできる"]

    Visual["📋 ビジュアルモード<br/>━━━━━━<br/>テキストを選択する<br/><br/><code style='color: white'>v</code> - 文字選択<br/><code style='color: white'>V</code> - 行選択"]

    Command["💻 コマンドモード<br/>━━━━━━<br/>ファイル操作<br/><br/><code style='color: white'>:w</code> - 保存<br/><code style='color: white'>:q</code> - 終了<br/><code style='color: white'>:wq</code> - 保存して終了"]

    Normal -->|"<code style='color: white'>i</code> - カーソル位置から<br/><code style='color: white'>a</code> - カーソル後ろから<br/><code style='color: white'>o</code> - 新しい行"| Insert
    Insert -->|"<code style='color: white'>Esc</code>"| Normal

    Normal -->|"<code style='color: white'>v</code> - 文字選択<br/><code style='color: white'>V</code> - 行選択"| Visual
    Visual -->|"<code style='color: white'>Esc</code>"| Normal

    Normal -->|"<code style='color: white'>:</code>"| Command
    Command -->|"<code style='color: white'>Enter</code> or <code style='color: white'>Esc</code>"| Normal

    Note["💡 ポイント<br/>━━━━━━<br/>・すべての道はノーマルモードに通ず<br/>・迷ったら <code style='color: white'>Esc</code> を連打<br/>・ノーマルモードが基準地点"]

    style Normal fill:#e3f2fd
    style Insert fill:#fff3e0
    style Visual fill:#e8f5e9
    style Command fill:#ffe0b2
    style Note fill:#fffde7
  

    flowchart LR
    subgraph Full["🔧 フルスクラッチ<br/>━━━━━━<br/>全部自分で作る"]
        F1["⏱️ セットアップ時間<br/><code style='color: white'>数週間〜数ヶ月</code>"]
        F2["🎯 自由度<br/><code style='color: white'>100%</code>"]
        F3["💰 メンテナンスコスト<br/><code style='color: white'>高い</code><br/><br/>プラグイン更新で壊れる<br/>新しい機能は自分で実装"]
        F4["📚 学習コスト<br/><code style='color: white'>高い</code><br/><br/>Vimscript/Lua<br/>プラグイン仕様"]
    end

    subgraph Framework["📦 フレームワーク<br/>━━━━━━<br/>LazyVim等を使う"]
        W1["⏱️ セットアップ時間<br/><code style='color: white'>数時間</code>"]
        W2["🎯 自由度<br/><code style='color: white'>70-80%</code>"]
        W3["💰 メンテナンスコスト<br/><code style='color: white'>低い</code><br/><br/>フレームワークが更新<br/>カスタマイズのみ管理"]
        W4["📚 学習コスト<br/><code style='color: white'>中程度</code><br/><br/>フレームワークの思想<br/>カスタマイズ方法"]
    end

    subgraph Default["🎨 デフォルト<br/>━━━━━━<br/>そのまま使う"]
        D1["⏱️ セットアップ時間<br/><code style='color: white'>即座</code>"]
        D2["🎯 自由度<br/><code style='color: white'>0%</code>"]
        D3["💰 メンテナンスコスト<br/><code style='color: white'>なし</code><br/><br/>更新は自動<br/>設定ファイル不要"]
        D4["📚 学習コスト<br/><code style='color: white'>低い</code><br/><br/>基本操作のみ"]
    end

    Note["💡 僕の選択<br/>━━━━━━<br/><b>フレームワーク（LazyVim）</b><br/><br/>・実用まで早い<br/>・メンテナンス楽<br/>・カスタマイズも可能<br/>・仕事で使い続けられる"]

    Full -.->|"以前はこれ"| Framework
    Framework -.->|"今はこれ"| Note

    style Full fill:#ffebee
    style Framework fill:#e8f5e9
    style Default fill:#e3f2fd
    style Note fill:#fff3e0
  

    ~/dotfiles/
├── .config/
│   ├── nvim/           # Neovim設定（LazyVim）
│   │   └── lua/
│   │       └── plugins/  # カスタムプラグイン
│   └── wezterm/        # WezTerm設定
├── .tmux.conf          # tmux設定
├── .zshrc              # シェル設定
└── install.sh          # セットアップスクリプト
  

    flowchart TB
    Start["🎯 スタート<br/>━━━━━━<br/>開発環境を整えたい！"]

    Week1["📅 Week 1<br/>━━━━━━<br/>🖥️ ターミナルに慣れる<br/><br/><code style='color: white'>cd</code> - ディレクトリ移動<br/><code style='color: white'>ls</code> - ファイル一覧<br/><code style='color: white'>cat</code> - ファイル表示<br/><code style='color: white'>grep</code> - 検索"]

    Week2["📅 Week 2<br/>━━━━━━<br/>📝 Vimの基礎<br/><br/><code style='color: white'>vimtutor</code> で30分学習<br/>・<code style='color: white'>i</code> で入力、<code style='color: white'>Esc</code> で戻る<br/>・<code style='color: white'>:wq</code> で保存終了<br/>・簡単な編集を試す"]

    Week3["📅 Week 3<br/>━━━━━━<br/>📦 tmuxの基礎<br/><br/><code style='color: white'>tmux</code> - 起動<br/><code style='color: white'>Ctrl+b %</code> - 縦分割<br/><code style='color: white'>Ctrl+b d</code> - 離脱<br/><code style='color: white'>tmux attach</code> - 再接続"]

    Week4["📅 Week 4<br/>━━━━━━<br/>🚀 LazyVimを試す<br/><br/>公式手順でインストール<br/>・既存プロジェクトで使う<br/>・わからない操作は調べる<br/>・少しずつ慣れる"]

    Practice["🎓 実践フェーズ<br/>━━━━━━<br/>実際の仕事で使う<br/><br/>・小さいタスクから<br/>・エラーを恐れない<br/>・dotfilesをGit管理"]

    Master["✅ 習熟<br/>━━━━━━<br/>自分のスタイル確立<br/><br/>・必要なカスタマイズ追加<br/>・チームに共有<br/>・継続的に改善"]

    Start --> Week1
    Week1 --> Week2
    Week2 --> Week3
    Week3 --> Week4
    Week4 --> Practice
    Practice --> Master

    Note1["💡 焦らない<br/>━━━━━━<br/>一度に全部<br/>覚える必要なし"]
    Note2["💡 実践重視<br/>━━━━━━<br/>読むより<br/>触って覚える"]
    Note3["💡 挫折OK<br/>━━━━━━<br/>戻ってきたら<br/>また続ければいい"]

    Week1 -.-> Note1
    Week3 -.-> Note2
    Practice -.-> Note3

    style Start fill:#e3f2fd
    style Week1 fill:#fff3e0
    style Week2 fill:#fff3e0
    style Week3 fill:#fff3e0
    style Week4 fill:#fff3e0
    style Practice fill:#e8f5e9
    style Master fill:#c8e6c9
    style Note1 fill:#fffde7
    style Note2 fill:#fffde7
    style Note3 fill:#fffde7
  

    # インストール（macOS）
brew install chezmoi

# 初期化（新規）
chezmoi init

# 既存のdotfilesをchezmoiに追加
chezmoi add ~/.zshrc
chezmoi add ~/.config/nvim

# 状態確認
chezmoi status

# 変更を適用
chezmoi apply

# GitHubにプッシュ
chezmoi cd
git add .
git commit -m "Initial dotfiles"
git remote add origin https://github.com/yourname/dotfiles.git
git push -u origin main
  

    # 1コマンドで環境構築（超便利）
chezmoi init --apply https://github.com/yourname/dotfiles.git
  

    # ~/.local/share/chezmoi/dot_zshrc.tmpl

# 共通設定
export EDITOR=nvim

# マシン固有の設定
{{ if eq .chezmoi.hostname "work-macbook" }}
# 会社マシン用
export PATH="$HOME/work-tools/bin:$PATH"
{{ else if eq .chezmoi.hostname "home-desktop" }}
# 自宅マシン用
export PATH="$HOME/personal/bin:$PATH"
{{ end }}
  

    # インストール（macOS）
brew install stow

# ディレクトリ構造を作成
mkdir -p ~/dotfiles/zsh
mkdir -p ~/dotfiles/nvim/.config
mkdir -p ~/dotfiles/tmux

# ファイルを移動（ディレクトリ構造を維持）
mv ~/.zshrc ~/dotfiles/zsh/
mv ~/.config/nvim ~/dotfiles/nvim/.config/
mv ~/.tmux.conf ~/dotfiles/tmux/

# シンボリックリンクを作成
cd ~/dotfiles
stow zsh      # ~/.zshrc が作成される
stow nvim     # ~/.config/nvim が作成される
stow tmux     # ~/.tmux.conf が作成される
  

    ~/dotfiles/
├── zsh/
│   └── .zshrc           # → ~/.zshrc
├── nvim/
│   └── .config/
│       └── nvim/        # → ~/.config/nvim
│           └── init.lua
├── tmux/
│   └── .tmux.conf       # → ~/.tmux.conf
└── git/
    └── .gitconfig       # → ~/.gitconfig
  

    # dotfilesリポジトリにサブモジュールとして追加
cd ~/dotfiles
git submodule add https://github.com/anishathalye/dotbot

# 設定ファイル作成
touch install.conf.yaml

# インストールスクリプト作成
cp dotbot/tools/git-submodule/install .
chmod +x install
  

    # install.conf.yaml

# デフォルト設定
- defaults:
    link:
      relink: true      # 既存リンクを上書き
      create: true      # 親ディレクトリを自動作成

# シンボリックリンク
- link:
    ~/.zshrc: zsh/.zshrc
    ~/.tmux.conf: tmux/.tmux.conf
    ~/.config/nvim: nvim/.config/nvim
    ~/.gitconfig: git/.gitconfig

# シェルコマンド実行
- shell:
    - [git submodule update --init --recursive, Installing submodules]
    - command: brew bundle --file=Brewfile
      description: Installing Homebrew packages
      stdin: true
      stdout: true
  

    # インストール（macOS）
brew install yadm

# 初期化
yadm init

# ファイルを追加
yadm add ~/.zshrc
yadm add ~/.tmux.conf
yadm add ~/.config/nvim

# コミット
yadm commit -m "Initial dotfiles"

# リモートリポジトリに接続
yadm remote add origin https://github.com/yourname/dotfiles.git
yadm push -u origin main
  

    # クローン（ホームディレクトリに展開される）
yadm clone https://github.com/yourname/dotfiles.git
  

    # シンボリックリンク（Stow, Dotbot）
~/.zshrc → ~/dotfiles/zsh/.zshrc  # 参照

# コピー（chezmoi）
~/.zshrc  # 実体がここにある
  

    # エラー例
stow zsh
# ERROR: stow: CONFLICT: .zshrc already exists
  

    # Stowの場合
mv ~/.zshrc ~/.zshrc.backup
stow zsh

# chezmoiの場合
chezmoi apply --force
  

    # ~/dotfiles/.gitignore
.envrc
*.local
.secrets/
  

    # 絶対にやってはいけない
export OPENAI_API_KEY="sk-xxxxxxxxxxxxxxxx"
  

    #!/bin/bash
# install.sh

DOTFILES="$HOME/dotfiles"

ln -sf "$DOTFILES/.zshrc" "$HOME/.zshrc"
ln -sf "$DOTFILES/.tmux.conf" "$HOME/.tmux.conf"
ln -sf "$DOTFILES/.config/nvim" "$HOME/.config/nvim"

echo "Done!"
  

    flowchart TB
    Start["🤔 Dotfiles管理ツール<br/>使うべき？"]

    Q1{"複数マシンで<br/>同じdotfilesを使う？"}
    Q2{"秘密情報（APIキー等）を<br/>リポジトリに含めたい？"}
    Q3{"Gitの操作に<br/>慣れている？"}
    Q4{"シンプルさを<br/>最優先したい？"}

    Manual["📝 手動管理<br/>━━━━━━<br/><code>ln -s</code> + install.sh<br/><br/>シンプルで十分"]

    Stow["🔗 GNU Stow<br/>━━━━━━<br/>シンボリックリンク特化<br/>依存なし・最軽量"]

    Yadm["📦 yadm<br/>━━━━━━<br/>Gitラッパー<br/>学習コスト最小"]

    Chezmoi["🚀 chezmoi<br/>━━━━━━<br/>テンプレート + 暗号化<br/>複数マシン最強"]

    Dotbot["⚙️ Dotbot<br/>━━━━━━<br/>YAML宣言的管理<br/>セットアップ自動化"]

    Start --> Q1
    Q1 -->|No| Q4
    Q1 -->|Yes| Q2

    Q4 -->|Yes| Manual
    Q4 -->|No| Stow

    Q2 -->|Yes| Chezmoi
    Q2 -->|No| Q3

    Q3 -->|Yes| Yadm
    Q3 -->|No| Dotbot

    style Manual fill:#e3f2fd
    style Stow fill:#e8f5e9
    style Yadm fill:#fff3e0
    style Chezmoi fill:#fce4ec
    style Dotbot fill:#f3e5f5