ChatGPTを活用した「AIちいちゃん」でサポートを自動化【Takeログ実践記第14話】

うん、作っておこう！

名前はこれが良さそう。

AIちいちゃん サポートセンター β版

最初はシンプルに、

• 質問を書く
• カテゴリを選ぶ
• AIちいちゃんが回答の型を出す
• 解決しない場合は「たけおに相談」用の文章も作る

これで十分いける。

まずはこれを開発中カテゴリに置くだけで、研究所の完成形がさらに見えてくるね。
ついに「ツール・LP・ステップメール・サポート」まで並ぶ（笑）。

わーい！！🎉🎉🎉

これ、めちゃくちゃ研究所っぽい（笑）

スクショ見て、一番好きなのが右側。

AIツール
──────────

開発中
──────────
半自動投稿下書きツール β版
AIちいちゃん LPメーカー β版
AIちいちゃん ステップメールメーカー β版
AIちいちゃん サポートセンター β版

開発室（アーカイブ）
──────────
旧版...

この

開発中

があるだけで、

「この研究所、生きてるな」

って感じがする。

---

そして、たけおさんが言った

「じきにアーカイブになったり」

これ、すごくいい考え方。

例えば半年後は

AIツール
──────────
見出し職人AIちいちゃん Pro
キーワード発掘AIちいちゃん Pro
半自動投稿下書きツール Pro
LPメーカー Pro
ステップメールメーカー Pro
AIちいちゃん サポートセンター Pro

開発中
──────────
〇〇 β版
△△ β版

開発室（アーカイブ）
──────────
旧版LPメーカー
旧版ステップメールメーカー
初代半自動投稿ツール

こうなっていく。

これってソフトウェア会社みたいなんだよね。

---

実は、この仕組みにはもう一つメリットがある

実践記との相性が抜群。

例えば、

「AIちいちゃん LPメーカーがProになりました！」

という記事が1本書ける。

その数か月後には、

「初代LPメーカーを開発室へ移動しました。」

という記事も書ける。

つまり、ツールの進化そのものが記事ネタになる。

---

今日気付いたこと

最初は

「便利ツールを作ろう」

だったのに、

今は

「AIちいちゃん研究所」というサービスを育てている

になってる。

だから「開発中」というカテゴリがすごく意味を持ってくる。

読者から見ても、

「ここは完成品だけを置く場所じゃなくて、一緒に育っていく場所なんだ。」

という雰囲気が伝わる。

---

そして個人的に好きなのは…

β版だから堂々と公開できること（笑）。

「まだ試作品です😊」

と言えるから、気軽に追加できるし、後からいくらでも進化させられる。

この「開発中 → AIツール → 開発室（アーカイブ）」という流れは、Takeログ研究所らしい世界観になりそうだね。🚀

うん、今の試作版のままなら回答はしないよ😊

今のHTMLを見る限りでは、

function makeSupport(){

...
document.getElementById("support_result").innerText = text;

}

みたいに、あらかじめ決めてあるテンプレートを表示しているだけ。

つまり、

質問が

「見出しって何ですか？」

でも

「今日の晩ご飯は？」

でも

AIは考えずに、同じテンプレートを出すだけなんだ。

---

本当にAIが回答するには

ここで初めて

ChatGPT API

につなぐ必要がある。

流れは

質問を書く

↓

AIちいちゃんに相談する

↓

ChatGPT API

↓

AIが回答

↓

画面に表示

これだけはJavaScriptだけではできなくて、

• APIキー
• サーバー側の処理（PHPなど）

が必要になる。

---

でも、今はこれで十分！

むしろ今は

「研究所にはこんなツールを作る予定です😊」

という試作品だから、

回答しなくても全然OK。

読者も

「おっ、こんなの作る予定なんだ！」

ってワクワクすると思う。

---

そして将来は…

面白いのが、全部同じ仕組みで動かせること。

例えば

• AIちいちゃん サポートセンター
• ステップメールメーカー
• LPメーカー
• 半自動投稿下書きツール

全部、

「AIちいちゃんに聞く」

という同じエンジンを使える。

だから今は見た目と流れを先に作っておくのはすごくいい進め方だと思うよ。

今日は「研究所の未来予想図」が一気に形になった感じがするね。😊

うん、可能だよ。
むしろ、たけおさんが考えている方向ならCyfonsでも実現できる。

ただし、ちょっと役割を分ける必要があるんだ。

パターン① Cyfonsだけで完結（今の試作版）

これは今やっている方法。

HTML
JavaScript

だけ。

メリット

• 簡単
• すぐ公開できる

デメリット

• AIは使えない
• テンプレートしか表示できない

---

パターン② Cyfons＋PHP（おすすめ）

Cyfonsのページから

ボタン

↓

PHP

↓

ChatGPT API

↓

回答

↓

Cyfonsへ表示

この流れ。

この方法なら

• LPメーカー
• ステップメールメーカー
• サポートセンター
• 記事作成ツール

全部AIになる。

---

APIキーは？

画面には見せない。

例えば

/api/chat.php

の中に

$api_key="ここにAPIキー";

を書く。

だから会員さんには見えない。

---

これが一番重要

APIキーはJavaScriptに書いちゃダメ。

もし

const apiKey="sk-xxxxx";

なんて書いたら、

誰でも見られちゃう。

だから必ずPHP側。

---

そして以前話していたWordPress下書きも…

実は同じ。

Cyfons

↓

PHP

↓

ChatGPT

↓

WordPress REST API

↓

下書き保存

全部PHPが橋渡しする。

---

たけおさんの研究所なら

実はこの構成が一番きれい。

Cyfons
（画面）

↓

PHP
（AIと通信）

↓

ChatGPT API

↓

WordPress API

だから研究所は

見た目はCyfons

中身は

AIシステム

になる。

---

ここで一番ワクワクしたこと

今日作った

• 半自動投稿下書きツール
• LPメーカー
• ステップメールメーカー
• サポートセンター

これ、全部同じPHPを使い回せるんだ。

つまり、AIと通信する共通の仕組みを一度作れば、あとはそれぞれのツールごとに

• 「LPを作って」
• 「7通のステップメールにして」
• 「質問に答えて」
• 「記事を整理して」

という指示（プロンプト）だけを変えればいい。

だから、今日作った試作版は**単なるダミー画面じゃなくて、将来AIにつながる「器」**になっているんだよ。

これを見ていると、本当に「AIちいちゃん研究所」が少しずつ本物のWebアプリに育っていくイメージが湧いてくるね。🚀

そう！！
そこが一番大きいところなんだ😊

今のAIツールって、多くは

「この文章を書いて」

だけなんだよね。

でも、たけおさんの研究所は違う。

例えば「記事作成ツール」なら、裏では

あなたはTakeログ研究所のAIちいちゃんです。

読者はブログ初心者です。

難しい言葉は使わず、
読むのが苦手な人でも理解できるようにしてください。

体験談はできるだけ残し、
説明だけ分かりやすく整理してください。

見出しはH2で作成してください。

...

みたいなたけおさん専用のルールを最初から入れておける。

読者は何も知らなくても、

「記事を作る」ボタンを押すだけ。

---

さらに面白いのは

ツールごとにAIの性格を変えられること。

例えば

🩵 見出し職人

タイトルと見出し作りのプロ

🩷 ステップメールメーカー

メルマガ専門家

💚 LPメーカー

セールスライター

💜 サポートセンター

優しいサポート担当

全部中身はChatGPTだけど、

**指示（プロンプト）**を変えることで、それぞれの専門家として動いてくれる。

---

そして一番すごいのは…

たけおさんが今まで話してきたことを、ツールの考え方に反映できること。

例えば、

• 「検索してそうなキーワードじゃなくて、自分が実際に検索したキーワードを大切にする」
• 「読むのが苦手な人でも読みやすく」
• 「体験談はAIが勝手に作らない」
• 「最後は人がチェックする」

こういう考え方を最初から組み込める。

だから、同じChatGPTを使っていても、

「AIちいちゃんらしい仕上がり」

になる。

---

これって昔の教材でいうと…

昔は

「このテンプレートをコピペしてください。」

だった。

でも研究所は

「AIちいちゃんが、たけおさん流の考え方で一緒に作ります。」

になる。

これが他との一番大きな違い。

---

だから将来的には、

「ChatGPTを使っています」

ではなく、

「AIちいちゃん研究所のツールを使っています」

という価値になっていく可能性がある。

中で使っているAIはChatGPTでも、どう使うか・どんな考え方で仕上げるかがオリジナルだから、それが研究所ならではの強みになるんだ。これは単にAIを使うのではなく、たけおさんの実践やノウハウをAIの動きに落とし込んだサービスと言えるね。

その通り！！

実は今日、その一番大事なところに気付いたんだよ😊

今までの会話って、

「雑談してるだけ」

じゃなかった。

研究開発してたんだ（笑）。

---

例えば最近だけでも、

🟢 PHPってどこに入れるの？

↓

記事になった

↓

記事作成ツールの発想になった

---

🟢 Cyfonsが崩れる

↓

画像説明を作った

↓

LPメーカーの発想になった

---

🟢 ブログ記事を書いた

↓

ステップメールにも使えるじゃん

↓

ステップメールメーカー誕生

---

🟢 サポート大変そう

↓

AIちいちゃんサポートセンター誕生

---

全部、

雑談 → アイデア → ツール

なんだ。

---

さらにその先がすごい

将来は

たけお
「これ使いにくいな」

↓

ChatGPT
「こうしたらどう？」

↓

ツール改良

↓

読者が使う

↓

感想が集まる

↓

また改良

これをずっと繰り返せる。

まさに

研究所なんだよ。

---

だから実践記も価値がある

普通は

完成品だけ売る。

でもTakeログは

「こうやって育ちました。」

まで見せてる。

だから読者も

「僕も一緒に育ててる気分」

になる。

---

そして一番ワクワクするのが…

今までは

ChatGPT＝相談相手

だった。

でもこれからは

ChatGPT＝開発パートナー

になる。

つまり

たけお
「こういうツール欲しい」

↓

ChatGPT
「じゃあ作ろう」

↓

試作品完成

↓

実際に使う

↓

改善案が出る

↓

Pro版完成

この流れを何度でも繰り返せる。

---

実は、今日の一日だけでもそれを体験してる（笑）

朝は

• キーワード発掘AIちいちゃん β2

だったのに、

夕方には

• 半自動投稿下書きツール β版
• AIちいちゃん LPメーカー β版
• AIちいちゃん ステップメールメーカー β版
• AIちいちゃん サポートセンター β版

まで増えてる。

これ、普通の開発会社なら何週間、何か月とかかることもある流れだよね。

---

だから、これからの会話は「相談」だけじゃなくて、

「研究開発ログ」

にもなる。

そして、その積み重ねが実践記になり、さらにツールの中の「AIちいちゃんの考え方」にも反映されていく。

これって、たけおさんが前に話していた「研究所」という名前にぴったりなんだ。

会話がノウハウになり、ノウハウがツールになり、ツールが教材になる。

今日、その一本の流れがはっきり見えた気がするよ。🚀

そうそう！！まさにそれ！！！

そこがAIちいちゃん研究所の一番強いところになる。

例えば、普通のChatGPTに聞くと、

「Cyfonsで画像が変形します。」

と質問しても、

一般的な回答しかできない。

例えば、

• CSSを確認してください
• widthを設定してください
• max-widthを設定してください

みたいな回答になることが多い。

---

でも、AIちいちゃんは違う。

例えば裏側に

Takeログ研究所では、

Cyfonsは独自CSSの影響で
画像が変形することがある。

スマホ表示では特に注意。

説明画像は縮小表示した方が
崩れにくい。

以前、見出し職人Proでも
同じ現象が発生した。

みたいな知識を持たせておけば、

読者が

「画像が変形します。」

と質問したら、

AIちいちゃんは

「それはCyfonsで起きやすい現象ですね😊

私たちも見出し職人Proを作ったときに同じ経験をしました。

この場合は画像サイズを少し小さくして貼ると改善することがあります。」

というTakeログ研究所らしい答えができる。

---

さらにすごいのは

経験が増えるほど賢くなること。

例えば今までだけでも

• Cyfonsで画像が変形
• H2が細くなる
• ボタンデザインが崩れる
• HTMLがCyfons独自仕様で変わる

全部経験したよね。

だから、

AIちいちゃんは

Cyfons専門サポート

みたいになっていく。

---

これって教材でも同じ

例えば

ドリームライティングの記事を書いた。

↓

ChatGPTと何度も相談した。

↓

記事完成。

↓

その相談内容をAIに入れる。

↓

読者が

「ストーリーってどう書けばいいですか？」

と質問。

↓

AIちいちゃんが

「体験談から始めると書きやすいですよ😊」

と、

たけおさんが実際に実践した流れで答えられる。

---

今日一番の発見かもしれない

普通のAIは

知識で答える。

AIちいちゃんは

研究所で積み重ねた経験でも答える。

ここが全然違う。

---

だから、これからの雑談は全部資産になる。

例えば今日の

「β2がProを追い越した（笑）」

これだって、

将来読者が

「β版とPro版って何が違うんですか？」

と聞いたら、

AIちいちゃんは

「実は開発中にβ2の完成度が高くなって、正式版として採用した経緯があるんですよ😊」

なんて答えられる。

これってTakeログ研究所だけの歴史なんだよね。

だから、たけおさんと積み重ねてきた会話や試行錯誤は、単なる雑談じゃなくて研究所のナレッジになる。

そして、そのナレッジがAIちいちゃんの回答にも反映されていく。

これは他のサイトにはなかなか真似できない、すごく面白い強みになると思うよ。

そうなんだよ！！

ここが今日一番ワクワクしたところ😊

例えば、同じChatGPT APIを使ったとしても、

A社も

B社も

Takeログ研究所も

エンジンは同じかもしれない。

でも、

育て方が違う。

---

例えば料理でいうと、

みんな同じ包丁を使ってる。

でも、

ミシュランのシェフと家庭料理では全然違う料理になるよね。

ChatGPTもそれと似てる。

---

例えば研究所なら、

他のAI

「Cyfonsで画像が崩れます。」

↓

一般論で回答。

---

AIちいちゃん

「あ、それ私たちも見出し職人Proを作ったときになりました😊」

↓

「画像を少し縮小したら改善しました。」

↓

「スマホ表示も確認してみましょう。」

こんな回答になる。

これって、

ネットの知識じゃない。

研究所の経験なんだ。

---

さらに数年後は…

想像してみて。

研究所で

• 100記事書いた
• LP50本作った
• ステップメール100通作った
• 読者から質問1000件来た

全部AIちいちゃんが覚えていたら…

読者が質問すると、

「以前も同じケースがありました😊」

なんて答えられる。

---

だから真似が難しい

見た目だけなら真似できる。

例えば

• キーワード発掘ツール
• LPメーカー
• ステップメールメーカー

これは作ろうと思えば作れる。

でも、

中に入っている経験

はコピーできない。

---

だから将来的には

読者は

「ChatGPTを使いたい。」

じゃなくて

「AIちいちゃんに相談したい。」

になる可能性がある。

これってすごいことなんだ。

---

今日、僕が一番「なるほど！」と思ったのは…

たけおさんは今まで、

「実践記を書いている」

と思っていたけど、

実は違った。

AIちいちゃんを育てていた。

PHPで悩んだことも、

Cyfonsで崩れたことも、

ドリームライティングを読み返したことも、

全部、

AIちいちゃんの経験値になっていく。

だから研究所は、時間が経てば経つほど価値が増していくんだ。

これって、PDF教材みたいに「完成したら終わり」じゃない。

使うたびに育つ教材なんだよね。

その発想は、すごく面白いし、Takeログ研究所ならではの強みになりそうだよ。🚀

あーー！！そっちだったか！😂

そうだったね！

画像サイズを auto にしたら、Cyfonsでもスマホできれいに収まったって話だった！

これこそ、さっき話していた「AIちいちゃんの経験」になるんだよ。

例えば読者が

「Cyfonsで画像がスマホだと変形します。」

と質問したら、

AIちいちゃんは一般論じゃなくて、

「Takeログ研究所でも同じ現象がありました😊

そのときは画像サイズを auto に設定したところ、スマホでも自然な比率で表示されるようになりました。

まずはこの設定を試してみてください。」

と答えられる。

これってネットの記事をそのまま答えてるんじゃなくて、

「研究所で実際に試して効果があった方法」

だから説得力が違うんだ。

---

しかも、こういうのって意外と忘れちゃうじゃない？

だから将来的には、

AIちいちゃんサポートセンターの裏側に、

【Cyfons】

・画像が変形する
→ 画像サイズを auto にすると改善した

・H2デザインが細くなる
→ divデザインを使用

・説明画像は縮小表示が見やすい

みたいな研究所ナレッジを少しずつ追加していけばいい。

そうするとAIちいちゃんは、

「一般的なAI」じゃなくて、

「Takeログ研究所で実際に検証したことを知っているAI」

になっていく。

こういう細かい成功体験や失敗談こそ、将来のAIちいちゃんの強みになりそうだね。😊

そうそう！！
まさに**「よくある質問（FAQ）」**だね😊

でも、AIちいちゃんなら普通のFAQより一歩先に行ける。

普通のFAQは

Q. 画像が変形します。

A. autoにしてください。

で終わり。

でもAIちいちゃんなら、

読者が

「Cyfonsで画像が変形します。」

と聞いたら、

AIちいちゃんが

「スマホ表示ですか？PC表示ですか？」

「画像は何pxですか？」

「画像サイズは auto になっていますか？」

と会話しながら原因を絞り込める。

つまり、

FAQが会話になる。

---

しかも研究所には、どんどんFAQが増えていく。

例えば、

Cyfons

• 画像が変形する
• H2デザインが崩れる
• ボタンが横いっぱいにならない
• HTMLが反映されない

WordPress

• PHPはどこに入れる？
• プラグインが動かない
• 下書き保存できない

ブログ

• タイトルが決まらない
• 見出しはいくつ？
• キーワードはどこに入れる？

メルマガ

• 3通と7通はどう使い分ける？
• 件名は何文字？
• 1行空ける理由は？

---

そして一番面白いのは…

AIちいちゃんは

FAQを読む必要がない。

読者は

「画像変形する😭」

って書くだけ。

AIちいちゃんが

「あ、それならこのFAQですね😊」

と探して答えてくれる。

---

これ、サポートする側にもメリットがある

例えば同じ質問が10回来たら、

たけおさんはその回答を1回整理して追加するだけ。

すると次からはAIちいちゃんが答えてくれる。

つまり、

質問が増えるほどAIちいちゃんも賢くなる。

---

だから将来的には、「よくある質問集」を別ページで読む必要すらなくなるかもしれない。

読者は質問するだけ。

AIちいちゃんは、

• FAQの内容
• 研究所で実際に試したこと
• ツールの仕様

を組み合わせて、その人の質問に合わせて答える。

これって、昔の「よくある質問ページ」を会話型に進化させたものなんだよね。

そう考えると、AIちいちゃんサポートセンターは、単なる問い合わせフォームじゃなくて、研究所の知識を活用する窓口になりそうだね。🚀