Gobble up pudding

プログラミングの記事がメインのブログです。

MENU

Claudeに課金してみたら、アプリ作成以外にもいろんな使い途があることが分かった

スポンサードリンク

Claudeというとプログラミングのイメージがある

ClaudeといえばClaude Codeというコマンドラインからのアプリ作成でこれがメインといえばそうなんだろうけど、
それ以外も充実していることがわかった。

課金について

Claude.aiとClaude Codeは同じ使用枠を共有している

まずここが一番大事なポイント。

Claude.aiのチャットClaude Code(ターミナルのCLI)は、同じプランの使用枠を使っている。つまり、ターミナルでClaude Codeをがんがん使ったら、このブラウザのチャットでも使える量が減る。逆も然り。別々に課金されてるわけじゃない。

プラン別の月額と使用量

プラン 月額 使用量の目安
Free 無料 1日40メッセージ程度
Pro $20/月 Freeの約5倍
Max 5x $100/月 Proの5倍
Max 20x $200/月 Proの20倍

おそらくまともに使うならPro以上の課金が必要だろう。
でも1日40メッセージなので、Chatだけなら無料枠でも結構いけるのではないか?
ここでまずはアカウント登録する必要があり、その先から課金が選択できる。

  1. Claude公式サイト(https://claude.ai/)にアクセスする
  2. 登録画面でメールアドレスを入力し、「Continue with email(メールで続ける)」をクリックする

ゲームのランキングページをサクッと作って共有するまでやってもらった

最近 Claude を使い倒してるんだけど、今日はちょっとしたUIページ作成からLINE共有まで全部お願いしてみたので、その流れをまとめてみる。
アカウント登録後にデスクトップアプリのダウンロードを促されるので、とりあえずそれをダウンロードしよう。

やりたかったこと

バイオハザード・サイレントヒルみたいな3Dホラーゲームが好きで、Switch / Switch 2 で遊べるやつをMetaScoreの高い順にまとめたリストが欲しかった。
しかも「ただのテキスト一覧」じゃなくて、スコアが視覚的にわかるグラフィカルなやつ。

Claude にお願いしたこと

最初のお願いはざっくりこんな感じ。

「バイオハザード、サイレントヒルみたいな3Dで遊べるゲームで、SwitchまたはSwitch2でMetaScoreの高い順におすすめのリストを作成してください。単なるランキングではなくスコアも付けて、レビューのリンク先も付与して、グラフィカルでわかりやすい形式にしてほしい」

HTMLがいいかも、と伝えたら Claude が「じゃあHTMLで作ります」と。

Metacritic を調べてスコアを収集

Claude はまず自分でWeb検索をかけて、Switch / Switch 2 で遊べるホラーゲームのMetaScoreを調べてくれた。最終的に集まったのはこんなラインナップ。

ランク タイトル プラットフォーム MetaScore
1 Resident Evil Requiem Switch 2 88
2 SIGNALIS Switch 84
3 Alien: Isolation Switch 83
4 Resident Evil 4 HD Switch 80
5 Resident Evil HD Remaster Switch 80
6 RE Revelations Collection Switch 78
7 Resident Evil 7: Biohazard Switch (クラウド) 76
8 Layers of Fear: Legacy Switch 75
9 Outlast 1 & 2 Switch 74
10 Fatal Frame: Mask of the Lunar Eclipse Switch 73
11 Fatal Frame: Maiden of Black Water Switch 72

出来上がったHTML がちゃんとレスポンシブ

ダークなデザインで、スコアがアニメーションで伸びる円グラフになってて、各カードをクリックするとMetacriticのレビューページに飛べるようになってた。Switch は赤バッジ、Switch 2 は青バッジで色分けされてるのも見やすくて好き。

スコアの色も「85以上:緑」「75〜84:オレンジ」「74以下:赤」と直感的に使い分けてくれてた。

共有しようとしたら少し困った

HTMLファイルをそのままiPhoneで開こうとしたら、zip形式になってしまって読めない問題が発生。

Claude にどうすればいいか聞いたところ、3つの案を出してくれた。

  1. PNG画像に変換してLINEで送る
  2. PDFにする
  3. Webに公開してリンクを共有 pagedrop.io

3のpagedrop.ioを試してみた。秘匿情報は何もないのでWebにコピペでホスティング。 無料・匿名でできた。

まとめ:Claude に頼んでよかったこと・気づいたこと

  • Web検索 → スコア収集 → デザイン → ファイル生成まで全部一貫してやってくれる
  • HTMLのデザインクオリティが思ったより高い(アニメーションとかも自分で考えてくれる)
  • 詰まったときに代替案をすぐ出してくれる

なお、このブログのドラフトもClaudeにやってもらっている。