Gobble up pudding

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

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

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

AI
スポンサードリンク

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だけなら無料枠でも結構いけるのではないか？という感覚があります。
ここでまずはアカウント登録する必要があり、その先から課金が選択できます。 しばらく使ってみての感想はClaude Codeをするなら課金必須です。ただProだとSonnetを中心に使い続けることになると思いますが、基本的にそれで問題はないでしょう。

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

ゲームのランキングページ作成

ちょっとしたUIページ作成を全部お願いし、それを誰かに共有したいなーという感じで依頼をしました。
アカウント登録後にデスクトップアプリのダウンロードを促されるたので、とりあえずそれをダウンロード。

やりたかったこと

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

Claude にお願いしたこと

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

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

何で作るかは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にコピペでホスティング完了。 無料・匿名でできてらくちん。

まとめ

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

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