AIの活用方法戻る

役割ごとのモデルの使い分け

このサイトの開発・運用には、Anthropic社のAI「Claude」を役割に応じて使い分けています。

• Claude Opus… 仕組み全体に関わる大きな変更・設計を考えるとき
• Claude Sonnet… 機能の追加や修正など、日々の開発作業
• Claude Haiku… ちょっとした確認や、軽い作業
• Claude Fable… 文章表現に工夫が要る、案内文やお知らせの言い回しを考えるとき

本番反映までの流れ

実際にファイルを書き換えたり、サーバーへ反映したりする作業は「Claude Code」というツールを通じて行っています。Claudeが直接パソコンの中のファイルを操作し、構文を確かめてから本番へ送る、という一連の流れをこのツールが担っています。具体的には、次の順で進めます。

• パソコン上のファイルを直接書き換える
• PHPなら構文チェック（php -l）、HTML／CSSは実際の見た目で幅や崩れがないか確認
• 画面に出す版数（Ver番号）を1つ進める
• 直す前のサーバー上の内容を控えとして保存
• 直したファイルだけを本番サーバーへ直接送信
• 送信後にサーバーから読み直し、内容が一致しているか照合
• ブラウザで実際の画面を開いて確認してから報告

サイトを本番へ反映する際は、更新のたびにこの構文チェック・自動バックアップ・バージョン管理を行い、安全に本番反映しています。

デザインも対話で磨いてきた

配色・余白・文字の大きさといったデザイン面も、思いつきで決めているわけではありません。「殺風景」「空間が無駄」といったその都度のご指摘をもとに、Claudeと対話しながら数値を調整し、少しずつ今の形に近づけてきました。

AIとの対話で作った仕組みの例

自作CMS「WebsiteEditor」も、Claudeとの対話を通じて開発しました。開発した後は、WebsiteEditor自身が日々の文面修正やレイアウト調整を引き受けることで、そのたびにAIへ依頼する手間を減らし、コストパフォーマンスを高めています。主な機能は次のとおりです。

• 見出し・段落・箇条書き・表の升目を、太字・斜体・下線・色・大きさつきで書き換え
• ソース（HTML・CSS・JSなど）そのものの書き換え
• 表（CSV／TSV／JSON／xlsx）を升目単位で書き換え。行や列も追加できる
• 保存のたびに、絵文字の除去・版数の自動繰り上げ・リンク切れの確認・保存前の自動控えを行う
• 「控えから戻す」で、過去に保存した状態へすぐ戻せる

サーバーとパソコンの間でファイルをやり取りする「SwiftSyncExp」も、同じくClaudeとの対話から新しく生まれました。世界初のリアルタイムFTPクライアントとして始まり、今では当社が開発した新方式「Web Auto-Publish System（Web自動公開システム）」のソフトになっています。パソコンで保存するだけで、重い画像・動画を自動で軽くし、送る前の内容を控えに残して、ホームページへそのまま公開します。送る・変換する・確かめる手作業がなくなり、ホームページ開発のスピードが大幅に上がりました。データベースやプラグインという仕組みを持たないため、その分乗っ取られる隙が少なく、動作も高速です。近日公開予定です。

SwiftSyncExp・WebsiteEditorの画面を見る

お客様向けのAI活用

サイトを作る側だけでなく、お客様がお使いになる機能にもAIを活用しています。ご登録いただいたお客様向けの「バイクAI相談」では、文字でもマイクでも質問でき、答えは音声でも読み上げます。前のやりとりを覚えているので会話のように続けて相談でき、やりとりは記録され管理者が内容を確認できます。バイクの知識を試せる「バイクAIクイズ」も、5段階の難易度で用意しています。

開発ストーリーを詳しく見る