Skip to content

Commit b38169f

Browse files
YayutomYayutom
committed
Create command reference site
0 parents  commit b38169f

6 files changed

Lines changed: 1423 additions & 0 deletions

File tree

‎.github/workflows/pages.yml‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
name: Deploy static site to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: ["main"]
6+
workflow_dispatch:
7+
8+
permissions:
9+
contents: read
10+
pages: write
11+
id-token: write
12+
13+
concurrency:
14+
group: "pages"
15+
cancel-in-progress: false
16+
17+
jobs:
18+
deploy:
19+
environment:
20+
name: github-pages
21+
url: ${{ steps.deployment.outputs.page_url }}
22+
runs-on: ubuntu-latest
23+
steps:
24+
- name: Checkout
25+
uses: actions/checkout@v4
26+
- name: Setup Pages
27+
uses: actions/configure-pages@v5
28+
- name: Upload artifact
29+
uses: actions/upload-pages-artifact@v3
30+
with:
31+
path: "."
32+
- name: Deploy to GitHub Pages
33+
id: deployment
34+
uses: actions/deploy-pages@v4

‎.nojekyll‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+

‎README.md‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# Codex / Claude Code Command Reference
2+
3+
Codex CLI と Claude Code の CLI / slash command を、同じ目的のコマンドが横並びで見えるようにした静的サイトです。
4+
5+
## Files
6+
7+
- `index.html` - GitHub Pages でそのまま配信できる入口
8+
- `styles.css` - レスポンシブ UI
9+
- `script.js` - コマンドデータ、検索、フィルタ、表示切替
10+
11+
## Verified Sources
12+
13+
- Local `codex --help` / `codex --version`: Codex CLI 0.141.0
14+
- Local `claude --help` / `claude --version`: Claude Code 2.1.183
15+
- OpenAI Codex CLI reference: https://developers.openai.com/codex/cli/reference
16+
- OpenAI Codex slash commands: https://developers.openai.com/codex/cli/slash-commands
17+
- Claude Code CLI reference: https://code.claude.com/docs/en/cli-reference
18+
- Claude Code commands: https://code.claude.com/docs/en/commands
19+
20+
## Local Preview
21+
22+
Open `index.html` directly in a browser, or serve the directory with any static file server.

‎index.html‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
<!doctype html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1" />
6+
<meta
7+
name="description"
8+
content="Codex CLI と Claude Code の CLI / slash command を同一機能ごとに横並び比較できるリファレンス。"
9+
/>
10+
<title>Codex / Claude Code Command Reference</title>
11+
<link rel="stylesheet" href="./styles.css" />
12+
</head>
13+
<body>
14+
<a class="skip-link" href="#main">本文へ移動</a>
15+
16+
<header class="topbar">
17+
<div class="brand">
18+
<span class="brand-mark" aria-hidden="true">C</span>
19+
<div>
20+
<p class="eyebrow">Side-by-side command reference</p>
21+
<h1>Codex / Claude Code コマンド比較</h1>
22+
</div>
23+
</div>
24+
<div class="topbar-meta" aria-label="検証情報">
25+
<span>Codex CLI 0.141.0</span>
26+
<span>Claude Code 2.1.183</span>
27+
<span>2026-06-20 検証</span>
28+
</div>
29+
</header>
30+
31+
<main id="main" class="page-shell">
32+
<section class="intro-band" aria-labelledby="intro-title">
33+
<div class="intro-copy">
34+
<h2 id="intro-title">同じ作業を、どちらのコマンドで実行するかをすぐ引ける表です。</h2>
35+
<p>
36+
CLI 起動コマンド、非対話実行、認証、MCP、plugin、review、session 操作、slash command を整理しています。
37+
完全同等ではないものは「近い」「片側のみ」として明示しています。
38+
</p>
39+
</div>
40+
<div class="source-strip" aria-label="参照元">
41+
<a href="https://developers.openai.com/codex/cli/reference" target="_blank" rel="noreferrer">Codex CLI reference</a>
42+
<a href="https://developers.openai.com/codex/cli/slash-commands" target="_blank" rel="noreferrer">Codex slash commands</a>
43+
<a href="https://code.claude.com/docs/en/cli-reference" target="_blank" rel="noreferrer">Claude CLI reference</a>
44+
<a href="https://code.claude.com/docs/en/commands" target="_blank" rel="noreferrer">Claude commands</a>
45+
</div>
46+
</section>
47+
48+
<section class="control-band" aria-label="検索と表示切替">
49+
<label class="search-field">
50+
<span>検索</span>
51+
<input id="searchInput" type="search" placeholder="例: review, MCP, resume, /plan" autocomplete="off" />
52+
</label>
53+
<div class="segmented-control" role="tablist" aria-label="表示">
54+
<button class="segment is-active" type="button" data-view="compare">対応表</button>
55+
<button class="segment" type="button" data-view="cli">CLI 一覧</button>
56+
<button class="segment" type="button" data-view="slash">Slash 一覧</button>
57+
<button class="segment" type="button" data-view="unique">片側のみ</button>
58+
</div>
59+
<div class="filter-row" aria-label="絞り込み">
60+
<select id="toolFilter" aria-label="ツール">
61+
<option value="all">両方</option>
62+
<option value="codex">Codex</option>
63+
<option value="claude">Claude Code</option>
64+
</select>
65+
<select id="parityFilter" aria-label="対応関係">
66+
<option value="all">対応すべて</option>
67+
<option value="same">同等</option>
68+
<option value="similar">近い</option>
69+
<option value="codex-only">Codex のみ</option>
70+
<option value="claude-only">Claude のみ</option>
71+
</select>
72+
</div>
73+
</section>
74+
75+
<section class="stats-grid" aria-label="登録件数">
76+
<div class="stat-block">
77+
<span id="statPairs">0</span>
78+
<p>機能対応</p>
79+
</div>
80+
<div class="stat-block">
81+
<span id="statCodex">0</span>
82+
<p>Codex コマンド</p>
83+
</div>
84+
<div class="stat-block">
85+
<span id="statClaude">0</span>
86+
<p>Claude Code コマンド</p>
87+
</div>
88+
<div class="stat-block">
89+
<span id="statSlash">0</span>
90+
<p>Slash commands</p>
91+
</div>
92+
</section>
93+
94+
<section id="results" class="results" aria-live="polite"></section>
95+
</main>
96+
97+
<footer class="footer">
98+
<p>
99+
Source: local <code>codex --help</code>, <code>claude --help</code>, OpenAI Codex docs, and Claude Code docs.
100+
Commands change quickly; verify destructive or account-affecting operations before use.
101+
</p>
102+
</footer>
103+
104+
<script src="./script.js" defer></script>
105+
</body>
106+
</html>

0 commit comments

Comments
 (0)