未ログイン状態で閲覧中
  • 投稿日:2026/04/15
  • 更新日:2026/04/17
【クロコで作ろう!】リベシティにふりがなを振る方法【こども会員用】

【クロコで作ろう!】リベシティにふりがなを振る方法【こども会員用】

Nao@あなたの夢を叶えるFP

Nao@あなたの夢を叶えるFP

この記事は約7分で読めます
要約
👦🏻「こども会員になったけど、チャットに漢字が多くて読めない😭」 その悩み、クロコちゃんで解決できます! Chrome拡張機能を自作すれば、リベシティの宿題リストやチャット画面にもふりがなを振れます👍️作り方を公開しますので、こども会員のご家庭にぜひ✨️

1. はじめに

こんにちは❗ Naoです。フリーランスのFPとITコンサルをやっています✨️

お子様をお持ちの皆様、こんなお悩みはありませんか?

🌀 子供がリベシティに入会したけど、漢字が多くて宿題リストを読めない

🌀 ふりがなを振る拡張機能を使っているけど、リベシティのチャットには効かない
🌀 やる気があるのにもったいない…

そんな方のために、クロコちゃん(Claude Code/Cowork)を使ってリベシティにふりがなを振る方法をお伝えします❗

実はうちの小3の娘もリベシティ会員なのですが、宿題リストの漢字が読めなくて途中で止まってしまっていました😭

この拡張機能を作ってあげたら、自分で宿題リストを進め始めました✨️


この記事では、拡張機能のインストール方法・使い方と、クロコちゃんへの実際の指示内容をご紹介します。


⭕️こども会員をお持ちの方

⭕️Chrome拡張機能を作ってみたい方

のお役に立てたら嬉しいです✨️


2. 既存の拡張機能では足りない理由

Chrome拡張機能には「ふりがなを振る」系のツールがいくつかあります。代表的なのは「ふりがなリーダー」や「Furigana Inserter」などです👀

これらはノウハウ図書館には有効です。

ところが、リベシティのチャット画面や宿題リストには効かないのです💦260412_クロコでノウハウ図書館を効率化 (2).png
💡ワンポイント💡

なぜリベシティには効かないのか?

リベシティのページは、メッセージや宿題リストの内容が「後からJavaScriptで動的に追加される」仕組みになっています。

多くの既存ふりがな拡張機能は、ページが読み込まれた瞬間の文章にしかふりがなを振れません。

後から流れてくる内容は、その対象外になってしまうのです😭

3. 「ふりがな」拡張機能の概要

こんなときこそクロコちゃん!

ふりがなを振るChrome拡張機能を作ってもらいました。

現在はChrome ウェブストアで公開中です❗→こちら

⭕️ アイコンをクリックするだけで、今見ているページ全体にふりがなが振られる

⭕️ リベシティの宿題リストにも、チャット画面にも対応

⭕️ 無料でインストールできる260415_ふりがなをふる拡張機能.png💡ワンポイント💡(仕組みが気になる方向け・読み飛ばしOK)

日本語形態素解析ライブラリの「Kuroshiro」と「Kuromoji」を使っています。

漢字の読みをデータベースで照合してふりがなに変換する仕組みで、初回起動時に辞書データを読み込むため少し時間がかかります。

4. インストール方法

まずはChrome ウェブストアから拡張機能をインストールしましょう。超簡単です❗

✅️① Chrome ウェブストアで「ふりがな」を検索するか、下記リンクをクリック👉 ふりがな - Chrome ウェブストア
✅️② 「Chromeに追加」ボタンをクリック260415_ふりがなをふる拡張機能 (1).png

✅️③ 「拡張機能を追加」をクリック
✅️④拡張機能ボタンをクリックし、ふりがなの📌ボタンをクリック260415_ふりがなをふる拡張機能 (2).png以上でインストール完了です👍️

5. 使い方

インストールが終わったら、さっそく使ってみましょう❗

✅️① リベシティにログインして、宿題リストや参加チャットのページを開く

✅️② 画面右上の「ふりがなツール」のアイコンをクリック

クリックすると少し待ち時間があります(初回は辞書データを読み込むため)。260415_ふりがなをふる拡張機能 (4).png
✅️③ふりがなが付いたら完了❗ふりがなつーる.pngこのように、漢字の上にひらがなが表示されます✨️

💡ワンポイント💡

ページを再読み込み(更新)すると、ふりがなはリセットされます。

チャット画面で新しいメッセージが来たときは、もう一度アイコンをクリックすれば大丈夫です。

6. 使ってみたら娘が変わった✨️

小3の娘に操作を教えたら、自分でアイコンをクリックして、宿題リストを読み始めました❗

それまでは「むずかしい字があってわからない💦」と途中で諦めてしまっていたのが、「できた❗ 次はこれやる😊」と楽しそうにどんどん進めていました。

クロコちゃんのおかげで娘のリベシティ活用が一気に加速した感じです✨️

リベシティにこども会員として入っているご家庭にも、ぜひ試していただきたいです。

7. クロコちゃんへの実際の指示内容

せっかくなので、実際に私がクロコちゃんに投げたプロンプトもご紹介します。一緒に拡張機能を作ってみましょう!

7.1. 拡張機能を作ってもらう

🧑🏻「小学生の子供がリベシティのチャットを見たいのですが、漢字ばっかりで読めません。しかし、既存のふりがなアプリだとふりがなが出ません。ふりがなを振るChrome拡張機能を作れますか?例えばこのURLにふりがなを付けたいです。https://libecity.com/room_list?room_id=President-Tweet」

※学長マガジンのURLです。

すると、クロコちゃんがChrome拡張機能のファイル一式を作ってくれました👍️
拡張機能は、自分のPCのフォルダ内に保存されます。ふりがなアプリ.png


7.2 拡張機能を使ってみる

保存された拡張機能は、自分のChromeですぐに動かすことができます。

✅️①Chromeの拡張機能ボタン(🧩のマーク)をクリック
✅️②拡張機能を管理をクリック
✅️③画面右上の「デベロッパーモード」をONに

6.png
✅️④画面左上「パッケージ化されていない拡張機能を読み込む」
✅️⑤拡張機能のフォルダをクリックして「選択」7.png✅️⑥拡張機能として自分のPCで使えるようになった!
✅️⑦拡張機能マーク→📌ボタンでピン留め8.pngこれで拡張機能を使う準備ができました。

拡張機能ボタンを押して、ふりがなが振られれば成功です👍️


7.3 うまく動かない時は

1回でうまくいくことは稀で、よく失敗します笑

その場合もクロコちゃんに相談すれば大丈夫です。エラーをそのまま伝えましょう:

🧑🏻「私のChromeに拡張機能として実装しましたが、ふりがなが表示されません。拡張機能は有効になっています。原因を教えて」


クロコちゃんがアプリを直してくれたら、拡張機能を更新しましょう。

✅️①拡張機能ボタンをクリック
✅️②拡張機能を管理
✅️③ふりがなツールの更新ボタンをクリック260415_ふりがなをふる拡張機能 (5).pngこれだけで、クロコちゃんの修正が拡張機能に反映されます!!


エラー発生→原因究明のサイクルを繰り返すと、いつか完成しますので、諦めずに頑張りましょう👍️

7.4 Chrome拡張機能として公開したくなったら

せっかく作ったツール、世界中に公開したくないですか?

実は最初に5ドル払えば、誰でも何個でも拡張機能を公開できるんです!!


詳しい方法は本記事では割愛しますが、クロコちゃんに聞けば教えてくれますよ😊

シェアしたい拡張機能ができたら、ぜひ公開してみてくださいね。


8. おわりに

いかがでしたでしょうか?

クロコちゃんのおかげで以下が実現できました。

⭕️ リベシティのコンテンツにふりがなが振れる

⭕️ 子供がリベシティを活用できるようになる

⭕️ 拡張機能を自分で作る体験ができる

本記事が、皆様のAI活用の参考になれば嬉しいです!


他にも、以下の記事を投稿しています。宜しければご覧ください✨

クロコちゃん活用事例

生活をラクにしたい方へ

超簡単!スマホで見られる持ち物リストを作ろう!【Claude Code/Cowork】

【コピペでOK!】マネフォMEからスプシに自動転記する方法【Claude Code/Cowork】

【まさに秘書】乗り換えを自動検索してスケジュールに転送する方法

【クロコで作ろう!】リベシティにふりがなを振る方法【こども会員用】


仕事・副業を効率化したい方へ

Claude Codeに複数のGoogleアカウントを連携する方法

Canvaいらず?クロコちゃんで背景透過・文字消しアプリを作ってみた


ブログ・情報発信をしたい方へ

寝て起きたら入稿直前だった!クロコちゃんで記事執筆が3倍速になった話【ノウハウ図書館効率化①】

挿絵も自動化!クロコちゃんで記事が華やかになった話【ノウハウ図書館効率化②】

寝て起きたら入稿されてた!クロコちゃんで記事入稿が10分になった話【ノウハウ図書館効率化③】


経費処理を自動化したい方へ

クロコちゃんに指示するだけで領収書を自動アップロードする方法

【毎月1分】Gmailの領収書をクロコちゃんで自動保存しよう!【電子帳簿保存法対応】

記帳もお任せ!クロコちゃんで記帳を自動化する方法【Claude Code/Cowork】

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

Nao@あなたの夢を叶えるFP

投稿者情報

Nao@あなたの夢を叶えるFP

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(4
  • 会員ID:8jBKi0vE
    会員ID:8jBKi0vE
    2026/04/17

    今朝のセミナー時間内には完成しませんでしたが、初めて自分で拡張機能を作りました😄 拡張機能を自分で作りたいな〜と思っていたところだったので、とても参考になりました❗️ わかりやすくてタイムリーな記事をありがとうございます🙏

    Nao@あなたの夢を叶えるFP

    投稿者

    2026/04/17

    あいさん、レビューありがとうございます! そして拡張機能の完成おめでとうございます🎉🎉 ちょうどやりたいことと一致してたみたいで嬉しいです😆 あいさんの拡張機能、公開をお待ちしております✨️

    Nao@あなたの夢を叶えるFP

    投稿者

  • 会員ID:KIRIavCT
    会員ID:KIRIavCT
    2026/04/17

    ありがとうございました。 初めて拡張機能を作成できました! 自分で拡張機能を作れる時代が来るなんて!!

    Nao@あなたの夢を叶えるFP

    投稿者

    2026/04/17

    てーるんさん、レビュー&オフ会へのご参加ありがとうございました🙏 感動しますよね😆🎉🎉 まさに産業革命!!!

    Nao@あなたの夢を叶えるFP

    投稿者

  • 会員ID:pg6s7zgf
    会員ID:pg6s7zgf
    2026/04/15

    うわぁ✨すごいですね!! こんな事もできちゃうんですね!我が子のパソコンにも導入してみます!これは子供会員さんのパパママ皆さんに知ってほしいですね! ありがとうございます!1

    Nao@あなたの夢を叶えるFP

    投稿者

    2026/04/16

    レビューありがとうございます! 凄いと言って頂けて嬉しいです😆 こども会員さんには本当に役立ちますよね✨️ ぜひぜひご活用頂けるとありがたいです🙏

    Nao@あなたの夢を叶えるFP

    投稿者