仕事の資料を探せる小さなナレッジデスクを作ります。最初は、資料3件の名前と説明が並ぶだけです。それでも、頼んだことがファイルになり、自分のブラウザで開けるところまで進めます。
検索やカテゴリは後の回で足します。今日は、作る範囲を決めて頼み、結果を自分で見る練習です。
タイトルの30分は、初回に確保する時間の目安です。アプリの導入やログインに時間がかかる場合は、準備と制作を別の日に分けても構いません。このレッスンは約12分で読めます。
今日、手元に残すもの
成果物は、練習用フォルダの中にあるindex.htmlです。ファイル名の末尾にある.htmlは、ブラウザで表示するページの形式を表します。
この講座の資料はすべて架空です。実在の会社の社内資料、顧客情報、個人の連絡先は使いません。作るページにも、ログイン、サーバー、外部サービスとの接続を付けません。
Codeで練習用フォルダを開く
Claudeデスクトップアプリを用意し、Codeタブを使えるアカウントでログインします。準備がまだなら、Anthropicのデスクトップ導入手順を開いて進めてください。利用できる契約やOSの条件も同じページで確認します。
Finderかエクスプローラーで、新しいフォルダknowledge-desk-practiceを作ります。中には何も入れません。普段の仕事のフォルダを選ばず、この空フォルダだけを使います。
Codeタブで実行環境をLocalにし、作業するフォルダとしてknowledge-desk-practiceを選びます。Localは、自分のPCで作業するという指定です。権限モードはManualにし、提案される変更を確認しながら進めます。
画面の名前や配置が異なる場合は、見えている画面と公式のCodeタブの説明を照らし合わせてください。この実習で使う指示文は、Codeタブに貼り付けます。
3件の資料を頼む
次の指示を送ります。HTMLやCSSの書き方を覚える必要はありません。自分で読むのは、何を作るかと、どの範囲を変更してよいかです。
この空フォルダの中だけで、練習用の『ナレッジデスク』を作ってください。
まずindex.htmlを1つ作り、ブラウザでそのファイルを直接開けるようにしてください。
表示する資料は次の架空の3件です。
1. 会議の準備と議事録：目的、決めたいこと、担当、期限を残すための練習用メモです。
2. 週末の振り返り：今週できたことと、来週一つ変えたいことを書き出します。
3. 新入社員の最初の一週間：架空のチームで、質問先と資料の置き場所を確認する例です。
ページに『学習用の架空データ』と表示してください。読みやすい文字と余白にしてください。
今日は検索やカテゴリを付けません。サーバー、ログイン、API、外部通信、追加パッケージの導入は不要です。
作成後に、作ったファイル名、開き方、まだ確認していないことを説明してください。ファイルを書き込む提案が出たら、変更先がこの練習用フォルダであることを見ます。別のフォルダ、外部サービス、ソフトの追加導入が出てきたら、いったん止めて範囲を伝え直します。
作業が終わっても、その返答だけで完成とは数えません。次は自分でファイルを開きます。
自分のブラウザで開く
Finderかエクスプローラーでindex.htmlをダブルクリックします。ブラウザ以外のアプリが開いた場合は、ファイルの「このアプリケーションで開く」などの項目からブラウザを選びます。
アドレス欄がfile://から始まるのは、PCの中のファイルを開いているためです。この段階では、他の人がアクセスする公開URLはありません。
見出ししかない、説明が抜けている、同じ資料が2回出ている。こうした違いは、自分で画面を開くと分かります。気づいた点は、同じ会話で具体的に直してもらいます。
index.htmlを開きました。『週末の振り返り』の説明文が表示されていません。
その1件の説明を追加してください。資料数は3件のままにし、ほかの内容は変えないでください。修正後はブラウザを更新し、直した箇所とほかの2件を見直します。どこが変わったかを自分で言えると、次の依頼もしやすくなります。
この回の合格条件
- 練習用フォルダに
index.htmlがある。 - ブラウザで開くと、指定した3件の名前と説明が見える。
- 学習用の架空データであるとページに書いてある。
- ファイルを閉じて開き直しても、同じ3件が見える。
ここまでできれば、この回は完了です。見栄えを細かく整えるのは、必要な機能を付けてからにします。
つまずいたとき
| 起きたこと | まず見るところ | 次に頼むこと |
|---|---|---|
| Codeタブが使えない | ログイン、契約、所属組織の設定 | 公式導入手順で利用条件を確認する |
| ファイルが見つからない | Codeで選んだ作業フォルダ | 「index.htmlの保存先を教えて」と聞く |
| 文字だけの画面になる | ファイル名がindex.html.txtでないか | 「拡張子を確認し、HTMLとして開ける状態にして」と頼む |
| サーバーが必要だと言われる | 指示と作成ファイル | 「外部通信なしで、index.htmlを直接開く方式に戻して」と頼む |
直らないときは、見えている結果と期待した結果を両方伝えます。自分の画面を貼る場合は、ほかのアプリや個人情報が写っていないか確認してください。
今日のまとめ
- CodeタブのLocalで、練習用の空フォルダだけを選びました。
- 架空の資料3件を表示するファイルを作りました。
- Claudeの報告を読み、自分でもブラウザを開いて確かめました。
次は依頼書と計画を作る回です。検索やカテゴリを足す前に、完成の条件を言葉にします。
セルフチェック
1. この回で選ぶ作業フォルダとして適切なのはどれですか。
2. Claudeが『完成しました』と返した後、この回で行う確認はどれですか。
参考・出典
- Anthropic: デスクトップアプリで最初のセッションを始める。Codeタブ、Local、作業フォルダの指定を確認。
- Anthropic: Codeタブの機能と権限モード。Manualでの変更確認とファイルの扱いを確認。
操作説明の確認日: 2026年10月10日。資料名と制作課題は、この講座のために作った架空の例です。