← マニュアルに戻る

manual

🏠 このサイト自体を編集する

ファイル構成

フロントエンド（画面）
index.htmlトップページ（わざマシン一覧・売上ダッシュボード・ログイン画面）
inventory.html業務棚卸しページ（業務追加・一覧・集計・月別）
manual.htmlマニュアルのトップ（カード選択画面）
manual/add-waza.htmlわざマシン追加マニュアル
manual/edit-waza.htmlわざマシン編集マニュアル
manual/new-waza.html新規わざマシン作成マニュアル
manual/edit-portal.htmlこのページ
サーバーサイド API（api/ フォルダ） ⚠️ 要注意
api/login.jsログイン処理（パスワード照合・セッション発行）
api/logout.jsログアウト処理
api/me.jsログイン状態の確認
api/inventory.js棚卸しデータの読み書き（JSONBin連携）
api/logo.jsロゴ画像の読み書き（JSONBin連携）
api/securitycheck.jsセキュリティチェック API
api/_lib/session.jsセッション署名・検証ライブラリ
api/_lib/jsonbin.jsJSONBin クライアント
リポジトリ: github.com/tenmuinc/tenmuinc.github.io
本番URL: tenmu-portal.vercel.app（Vercel でホスティング）

⚠️ api/ フォルダのファイルは変更に注意。APIキーの扱いやログイン処理が含まれるため、不用意に変更するとセキュリティに影響します。変更前に必ずセキュリティチェックを実行してください。
方法 A — Claude Chat を使う Chat

① Claudeへのプロンプト

1
claude.ai を開き、以下のプロンプトを編集して貼り付ける

// （）内を書き換えてから貼り付けてください

tenmuinc のポータルサイト自体を編集したいです。

【リポジトリ】
https://github.com/tenmuinc/tenmuinc.github.io
※本番URL: https://tenmu-portal.vercel.app（Vercelでホスティング）

【変更したい内容】
（例: トップページのデザインを変えたい）
（例: サイドバーに新しいカテゴリを追加したい）
（例: マニュアルページにカードを追加したい）

リポジトリの該当ファイルを確認してから変更してください。
変更後のファイルをダウンロードできるようにしてください。
2
Claudeが出力したファイルをダウンロードし、GitHubの該当ファイルを差し替えてCommit
⏱ コミット後、1〜2分で Vercel が自動デプロイして反映されます。
方法 B — Claude Code を使う（推奨） Code

① ターミナルでClaude Codeを起動する

1
ターミナルで cd ~/tenmuinc.github.io と入力してフォルダに移動する
2
claude と入力してClaude Codeを起動する
3
変更したい内容を日本語で伝える。ファイルの読み込み・編集・GitHubへのプッシュまで自動でやってくれる
💡 Claude Code が特に便利な理由
・このサイトの index.html は1ファイルで2000行以上あります
・Chatだとファイルを貼り付けるのが大変ですが、Claude Code は直接読み書きできます
・GitHubへのアップロード作業も不要になります

Claude Codeをまだ使ったことがない場合

1
ターミナルで npm install -g @anthropic-ai/claude-code を実行してインストール
2
claude と入力してログイン（Anthropicアカウントが必要）
3
わからなければ別の社員に聞いてください