ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
| この記事の要点 |
|
「複数ワークスペース」とは
ここで言うワークスペースはエディタ/IDE で複数のプロジェクトを並行して開くこと、または関連ファイル群をまとめた作業セットを指します。Mac 上で複数のプロジェクトを行ったり来たりするとき、起動・切替・整理の方法を整理します。
VS Code: 複数ウィンドウとワークスペース
新規ウィンドウで開く
# ターミナルから(code コマンドが有効化済の前提)
code -n # 空ウィンドウ
code -n ~/projects/api # フォルダを新ウィンドウで
code -n ~/projects/api ~/projects/web # 2 つのフォルダを別々のウィンドウで
# code コマンドが無い場合は VS Code 上で
# Cmd+Shift+P → "Shell Command: Install 'code' command in PATH"
VS Code 内では Cmd+Shift+N で新ウィンドウ、Cmd+` でウィンドウ切替。
マルチルート ワークスペース(.code-workspace)
関連する複数フォルダ(フロントエンド + バックエンド + インフラ)を1 つのウィンドウでまとめて開きたい場合:
// myproject.code-workspace
{
"folders": [
{ "name": "API", "path": "../api" },
{ "name": "Frontend", "path": "../frontend" },
{ "name": "Infra", "path": "../infra" }
],
"settings": {
"editor.tabSize": 2,
"files.exclude": {
"**/node_modules": true
}
},
"extensions": {
"recommendations": [
"dbaeumer.vscode-eslint",
"esbenp.prettier-vscode"
]
}
}# ファイルを開く
code myproject.code-workspace
# メニューから: File → Open Workspace from File...
# 保存: File → Save Workspace As...
IntelliJ IDEA / PyCharm / WebStorm
JetBrains 系 IDE は1 ウィンドウ = 1 プロジェクトが基本。複数プロジェクトを並行する方法:
- File → Open で別プロジェクトを選択
- ダイアログで 「New Window」を選ぶ(「This Window」は現在のを置き換え)
- 切替は Window メニュー または
Cmd+`
「Project Structure(モジュール追加)」で 1 ウィンドウに複数プロジェクトを取り込むことも可能ですが、依存関係が混ざるので別ウィンドウ推奨。
# ターミナルから(Toolbox で生成される CLI ラッパ)
idea ~/projects/api
idea ~/projects/web # 別ウィンドウで開くか聞かれる
# Toolbox App の Settings → Tools → "Generate shell scripts" を ON
Mac の Spaces(仮想デスクトップ)で整理
macOS のMission Control / Spaces でデスクトップを複数作り、プロジェクト毎にウィンドウを配置すると視認性が上がります:
- Mission Control(
Ctrl+↑または 3 本指上スワイプ)でデスクトップ追加 - ウィンドウを右クリック → 「すべてのデスクトップ」 / 「このデスクトップ」を指定
- Ctrl+→ / Ctrl+← でデスクトップ切替
- Dock のアイコンを右クリック → オプション → 割り当て先 → このデスクトップ で固定可能
Stack Workspaces / Workspaces App
「プロジェクト A のアプリ群(VS Code + ターミナル + Chrome + Slack)」をまとめて起動するアプリ:
| アプリ | 特徴 |
|---|---|
| Stack Workspaces | シンプル、無料版あり |
| Workspaces (Apptorium) | 多機能、有料 |
| Bunch (bunchapp.co) | テキストファイルでスクリプト化、無料 |
| Raycast の Workspaces 拡張 | Raycast ユーザに最適 |
# Bunch の例: ~/.bunches/work.bunch
# 1 行 1 アプリ。コメントは #
Slack
Google Chrome
Visual Studio Code
Terminal
1Password 7
# Raycast / Spotlight から bunch 名を実行で一括起動
ターミナル: tmux と iTerm2 ウィンドウアレンジメント
# tmux: 1 ターミナル内で複数セッション
tmux new -s api # api セッション開始
# ペイン分割: Ctrl+b %, Ctrl+b "
# セッション一覧: tmux ls
# 復帰: tmux attach -t api
# iTerm2 のウィンドウアレンジメント
# Window → Save Window Arrangement... で保存
# Window → Restore Window Arrangement で復元
# Cmd+Shift+S で保存
プロジェクト毎の環境変数: direnv
プロジェクト毎に Python venv や環境変数を自動切替:
brew install direnv
echo 'eval "$(direnv hook zsh)"' >> ~/.zshrc
# プロジェクト直下に .envrc
cd ~/projects/api
cat > .envrc <
ショートカット早見表
| 動作 | キー |
|---|---|
| Mission Control | Ctrl+↑ |
| デスクトップ切替 | Ctrl+← / Ctrl+→ |
| アプリ切替 | Cmd+Tab |
| 同アプリのウィンドウ切替 | Cmd+` |
| VS Code 新ウィンドウ | Cmd+Shift+N |
| VS Code コマンドパレット | Cmd+Shift+P |
| Finder 新ウィンドウ | Cmd+N |
| ターミナル新タブ | Cmd+T |
FAQ
Q: VS Code でフォルダを開くと既存ウィンドウが置き換わる
A: 設定 window.openFoldersInNewWindow を on にする。または code -n で明示。
Q: IntelliJ で複数プロジェクトのコードジャンプを共有したい
A: 1 つのプロジェクトに Module として追加(File → Project Structure → Modules)。ただし依存関係や検索範囲が混ざるので注意。
Q: 起動時に毎回同じワークスペースを開きたい
A: VS Code は window.restoreWindows: "all"、JetBrains は Settings → Appearance & Behavior → System Settings → 「Reopen last project on startup」。
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
子ページはありません
人気ページ
- 1 Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法
- 2 tomcat の起動 / 停止ログと catalina.log・catalina.out の違い
- 3 JavaScript base URL 取得方法|window.location.origin と SSR/Node.js 対応
- 4 YouTube Data API v3 エラー一覧|403/400/404 の主要原因と切り分け
- 5 Spring Frameworkのアノテーション一覧
- 6 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 7 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- Laravel キャッシュクリア完全ガイド(cache:clear / config:clear / 2026-05-18 07:42:07
- プロジェクトの作成と削除 2026-05-18 07:42:07
- インストール直後にNetbeansが反応しない 2026-05-18 07:42:07
- 動画やチャンネルの検索 2026-05-18 07:42:07
- APIキー取得方法 2026-05-18 07:42:07
- チャンネル情報の取得 2026-05-18 07:42:07
- API 入門 — Web API(REST / GraphQL / gRPC / 2026-05-18 07:42:07
- インストール(eclipseプラグイン) 2026-05-18 07:42:07
- Laravel「Dotenv values containing spaces must be surrounded 2026-05-18 07:42:07
- エラー一覧 2026-05-18 07:42:07
- curl: (51) SSL: certificate subject name '~' does not match 2026-05-18 07:42:07
- インストール方法(Windows版) 2026-05-18 07:42:07
- JSONから配列に変換 2026-05-18 07:42:07
- 処理を一定時間待つ 2026-05-18 07:42:07
- A non well formed numeric value encountered 2026-05-18 07:42:07
コメントを削除してもよろしいでしょうか?