PR・広告：当サイトではアフィリエイト広告を利用しています。商品・サービスの申込・購入・登録等が行われた場合、売上の一部が当サイトに還元されることがあります。
Claude Codeでだれでも
ブログ・アプリを作れる
このサイトは Claude Code が作りました。
HTMLもCSSも分からないぼくが
日本語でお願いするだけで形になります。
みたいな指示も通じる
Claude Code は、AnthropicというAI企業が作ったツールです。
普通のチャットAI（ChatGPTなど）と違うのは、自分のパソコンの中のファイルを直接触ってくれるところです。
「サイトのデザインを変えて」とお願いすれば、HTMLファイルを開いて編集して保存して、ブラウザで確認できる状態にしてくれます。
プログラミングを知らなくても、日本語で頼むだけで動いてくれるので、ぼくのようなIT素人でも使えます。
サイトのデザイン設計
トップページのレイアウト、配色、フォント。「青系で」「もっと余白を広げて」のような曖昧な指示でも形にしてくれます。
アイコン・画像の配置
ロゴやファビコンのアップロード、適切な位置への配置、サイズ調整までやってくれます。
記事の作成・装飾
記事の本文を書いてもらうのはもちろん、見出し・表・グラフなどの装飾もHTMLで作ってくれます。
リンク設定・SEO対応
内部リンク・アフィリエイトリンクの設置、メタ情報、パンくずリスト、サイトマップまわりも対応できます。
記事の公開（WordPress）
WordPressへログインして、書いてもらった記事をそのまま投稿してくれます。下書き・予約投稿・編集も自動です。
アプリ・ツールの開発
「○○を計算するツールが欲しい」と言うと、コードを書いて動くアプリにしてくれます。プログラミング知識ゼロでもOKです。
このサイトの大半は、Claude Codeに作ってもらいました。実際に依頼した内容をいくつか紹介します。
サイト全体の大改修
もともと別ブランド名で運営していたサイトを「株価がランダムウォーク」に作り直しました。トップページのデザイン、メニュー構造、フッター、不要な記事の整理まで、一気にお願いしました。
株価データの自動更新
「株価更新して」と一言頼むだけで、Yahooファイナンスから最新株価を取得 → Excelファイルを更新 → 記事中の株価表記とチャートSVGを自動で書き換えてくれます。毎日のルーティンが10秒で終わるようになりました。
記事の執筆・装飾
「住信SBIネット銀行のレビュー記事を書いて」と頼めば、ぼくの口調を学習したうえで本文と装飾HTMLを作ってくれます。書影に合わせて記事のイメージカラーを変える、みたいな細かい調整も即対応してくれます。
ファビコン・サイトアイコンの変更
「このアイコンに変えて」と画像のパスを渡すだけで、メディアにアップロード → サイトアイコン・ヘッダーロゴに反映、までやってくれました。管理画面を開く必要すらないです。
細かいUI調整
「スマホでこのマークが目立ちすぎる」「グラフの起点と終点が揃ってない」のような感覚的な指摘でも、CSSを書き換えて直してくれます。エラーが出ても勝手に直してくれます。
こういう人でも使えます
- HTMLやCSSが何かよく分からない
- ターミナル（黒い画面）を見るとアレルギーが出る
- WordPressの管理画面はギリギリ触れる
- 「変数」「関数」と聞いてもピンとこない
- エラーメッセージが出ると即フリーズする
なぜ大丈夫かというと、Claude Code は命令を日本語で受け取って、実行から確認まで全部自分でやってくれるからです。
HTMLを書く必要もないし、ターミナルでコマンドを打つ必要もありません。エラーが出ても「どうすればいいですか？」と聞き返さず、自分で直して進めてくれるところが、ぼくみたいな素人にはありがたいです。
トップページのアイコンを最新のものに変更して
SBI証券のレビュー記事を書いて、他の記事と同じデザインで
このページのイメージカラーを赤系に変えて
株価更新して
スマホで見たときグラフがおかしい、直して
家計簿のシンプルなWebアプリを作って
- Claudeの基本機能を体験
- 1日の利用回数に上限あり
- Claude Codeは利用不可
- Claude Code が使える
- 最上位モデル（Opus）も利用可
- 利用枠が大幅に拡大
- ファイル直接操作OK
- Proの全機能
- 利用枠がさらに5〜20倍
- 大量のコード生成にも耐える
iPhone・iPadのアプリから課金すると割高になります
Apple App Store経由のサブスク課金にはいわゆる「Apple税」と呼ばれる手数料が上乗せされます。Apple経由で課金すると、ブラウザから登録した場合より$5ほど月額が高くなることがあります。
💡 登録は必ずブラウザから行うのがおすすめです。すでにiOSアプリで登録済みの場合は、一度Apple側で解約してから claude.ai でブラウザ経由で再登録すると、同じプランでも月額を抑えられます。
- ファイル操作・コード実行までワンストップ
- 日本語の指示精度が高い
- エラーを自分で直せる
- 長文・複数ファイル処理に強い
- 日本語のドキュメントは少なめ
- 情報量・プラグインが豊富
- 画像生成も同じアプリで完結
- ファイルを直接編集する力は弱い
- 複数ファイル横断の作業は苦手
- エディタ統合型で開発者向け
- 補完・リファクタが速い
- エディタ操作の前提知識が必要
- IT素人にはハードル高め
プログラミングが分からなくても使えますか？
使えます。ぼく自身、プログラミングは書けません。日本語で「○○して」と頼むだけで動くので、最初のハードルは低いと思います。
セットアップは難しいですか？
最初の導入だけは少し操作が必要です。ただ、その手順自体もClaude（チャット版）に聞けば1ステップずつ案内してくれます。30分くらいでセットアップは完了する印象です。
無料プランでもClaude Codeは使えますか？
いいえ、Claude CodeはPro以上のプランが必要です。Freeプランはチャット版のClaudeを試す用です。
勝手にファイルを壊されたりしませんか？
操作する前に確認を求めてくれることがほとんどなので、いきなり破壊されることは少ないです。大事なファイルはバックアップを取っておくと安心です。
日本語で書いた指示は精度が落ちますか？
日本語でも十分通じます。「もうちょっと余白広めに」みたいな曖昧な指示でも意図を汲んでくれます。
IT素人でも、ブログもアプリも作れる
Claude Codeを使い始めてから、サイト運営のスピードが10倍くらいになった気がします。
Pro（月$20）を試してみるのがおすすめです。
※本記事はぼくが実際に使用しているサービスを紹介しています。料金・仕様は変更される場合があります。最新情報はClaude公式サイトでご確認ください。