このアプリのしくみ

「漢字(かんじ)を知(し)ろう」は、小学校(しょうがっこう)で習(なら)う全(ぜん)1,006字(じ)の漢字(かんじ)を、熟語(じゅくご)や関連(かんれん)する漢字(かんじ)のつながりの中(なか)でたのしく学(まな)べるアプリです。

このページでは、iPhoneアプリやこの紹介(しょうかい)サイトがどんな技術(ぎじゅつ)で動(うご)いているかを紹介(しょうかい)します。将来(しょうらい)エンジニアを目指(めざ)したいと思(おも)っている人(ひと)は、ぜひのぞいてみてね。

技術(ぎじゅつ)スタック

このアプリとサイトは、いろいろな技術(ぎじゅつ)を組(く)み合(あ)わせて作(つく)られています。

モバイルアプリ

iPhoneで動(うご)く本体(ほんたい)

Expo / React Native—iPhoneやAndroidで動(うご)くアプリを作(つく)るしくみ
TypeScript—型(かた)のあるJavaScript
SQLite—アプリの中(なか)に漢字(かんじ)データをまるごと入(い)れて、ネットなしでもサクサク使(つか)える
Google ML Kit—カメラで写(うつ)した漢字(かんじ)を読(よ)み取(と)るAI

Webサイト

このアプリを紹介(しょうかい)するページ

Next.js—Reactベースのフレームワーク
TypeScript—型(かた)のあるJavaScript
Tailwind CSS—すばやくデザインできるCSSツール

API・データベース

裏側(うらがわ)のしくみ

Supabase Edge Functions—漢字(かんじ)変換(へんかん)APIをDenoで動(うご)かす
PostgreSQL / Supabase—漢字(かんじ)や熟語(じゅくご)のデータを管理(かんり)

データソース・AI

もとになるデータとAI

KANJIDIC2—漢字(かんじ)の読(よ)みや意味(いみ)
KanjiVG—書(か)き順(じゅん)データ（SVG）
Claude API—AIが熟語(じゅくご)や例文(れいぶん)を生成(せいせい)
Gemini 2.5 Flash—漢字(かんじ)変換(へんかん)機能(きのう)のAI

ホスティング・配信(はいしん)

サービスを世(よ)の中(なか)に届(とど)けるしくみ

App Store — モバイルアプリCloudflare Pages — WebサイトSupabase — API・データベース

なぜこの技術(ぎじゅつ)を選(えら)んだの？

Expo / React Native: ひとつのコードからiPhoneとAndroidの両方(りょうほう)のアプリを作(つく)れるしくみです。きれいに動(うご)くアプリをすばやく作(つく)れます。
Next.js + Cloudflare Pages: アプリ紹介(しょうかい)サイトをすばやく表示(ひょうじ)できるしくみです。世界中(せかいじゅう)にあるサーバーから、あなたに一番(いちばん)近(ちか)い場所(ばしょ)でページが届(とど)きます。
Supabase Edge Functions: 漢字(かんじ)変換(へんかん)のような、AIに聞(き)く処理(しょり)だけをサーバー側(がわ)で動(うご)かすしくみです。アプリの中(なか)にAPIキーを入(い)れずにすむので安全(あんぜん)です。
Supabase (PostgreSQL): たくさんのデータをしっかりしまっておけて、かんたんに使(つか)いはじめられるしくみです。
SQLite（アプリ内蔵）: 漢字(かんじ)データをアプリの中(なか)にまるごと持(も)たせることで、ネットがつながらなくても検索(けんさく)できるようにしています。
Tailwind CSS: サイトをかんたんにオシャレにできるデザインのどうぐです。
KanjiVG / KANJIDIC2: だれでも自由(じゆう)に使(つか)える漢字(かんじ)のデータで、読(よ)みや書(か)き順(じゅん)などの正(ただ)しい情報(じょうほう)がそろっています。
Claude API: AIが、わかりやすい例文(れいぶん)や熟語(じゅくご)の説明(せつめい)を作(つく)ってくれます。
Gemini 2.5 Flash: Google（グーグル）のAIで、文章(ぶんしょう)の漢字(かんじ)を学年(がくねん)にあわせて変換(へんかん)してくれます。速(はや)くて正確(せいかく)なのがとくいです。
Google ML Kit: カメラで写(うつ)した文字(もじ)を読(よ)み取(と)るためのGoogleのAIです。インターネットにつながなくてもアプリの中(なか)だけで動(うご)きます。

ライセンス

KANJIDIC2 — Electronic Dictionary Research and Development Group. Creative Commons Attribution-Share Alike 4.0 で公開(こうかい)されています。

開発(かいはつ)・技術的(ぎじゅつてき)なご相談(そうだん)

開発(かいはつ)や技術的(ぎじゅつてき)なご相談(そうだん)もお気軽(きがる)にお問(と)い合(あ)わせください。

お問(と)い合(あ)わせページへ