メインコンテンツへスキップ
見出し画像

【そろばんアプリ】プロ講師開発「フラッシュ暗算×読み上げ算マスター」の使い方ガイド

    こんにちは!Youtube「100日後にそろばん完全マスター!」の主です。

    このたび、そろばんアプリ「フラッシュ暗算×読み上げ算マスター」を正式リリースいたします。

    「日本だけでなく世界中の人たちに、最高品質の練習環境を届けたい」
    「一つのアプリでそろばん学習をすべて完結できるようにしたい」
    「アプリ内の広告表示や追加課金なしで、集中・継続できるアプリを作りたい」

    そんな想いから、「Google Gemini」「Google Ai Studio (Gemini 3.8 Flash)」を駆使して作り込んだ高性能のそろばんアプリです。

    本記事では、主にそろばんアプリ「フラッシュ暗算×読み上げ算マスター」の使い方ガイドをお届けします。

    🛠️そろばんアプリ「フラッシュ暗算×読み上げ算マスター」の使い方ガイド

    大前提として、「フラッシュ暗算」とは画面に次々と数が出てくるのを暗算で計算する種目で、「読み上げ算」とは人が読む数を聞いてそろばんや暗算で計算する種目のことです。

    「フラッシュ暗算」「読み上げ算」共通

    本アプリはWebアプリとして、Windows・Mac・Android・iPhoneのパソコンやスマホに全て対応しています。

    また、この記事では、Macの画像を使って解説しているため、Windowsやスマホで画面を見るのと少し見え方が異なるところがありますが、おおよそは同じなので皆さんに参考にしていただけます。

    画像
    そろばんアプリ「フラッシュ暗算×読み上げ算マスター」のアイコン
    PC・スマホのホーム画面上にアイコンをインストールできます

    Webアプリながらも、パソコンやスマホのホーム画面上にアイコンをインストールできるのも特徴です。

    パソコンやスマホのホーム画面にあるアプリをクリックで、いつでも練習ができます。

    アプリを保存

    画像
    「フラッシュ暗算」アプリの画面上部
    「アプリを保存」の緑色ボタンをクリックすると、インストール方法が載っています
    画像
    「読み上げ算」アプリの画面
    「アプリを保存」の緑色ボタンをクリックすると、インストール方法が載っています

    練習の最中に広告や課金の表示が出て、思考が中断されてしまう学習効果の損失を避けるため、Webアプリとして「広告なし・追加課金なし」を軸として設計しました。


    フラッシュ暗算→読み上げ算 & 読み上げ算→フラッシュ暗算の切替

    画像
    「フラッシュ暗算」→「読み上げ算」の切替
    画像
    「読み上げ算」→「フラッシュ暗算」の切替
    水色の稲妻マークのボタンです

    フラッシュ暗算→読み上げ算、読み上げ算→フラッシュ暗算の切替が、ワンクリックで簡単にできます。


    そろばんYoutube「100日後にそろばん完全マスター!」

    画像
    「YouTubeで学ぶ」の赤色ボタンをクリック
    そろばん・暗算を100本の動画で完全マスターできます
    画像
    「YouTubeで学ぶ」の赤色ボタンをクリック
    そろばん・暗算を100本の動画で完全マスターできます
    画像
    YouTube「100日後にそろばん完全マスター!」

    そろばん・暗算をYouTubeで初心者から順番に学べる全100本の講座「100日後にそろばん完全マスター!」にワンクリックでとべます。

    つまり、このアプリ一つあれば、フラッシュ暗算・読み上げ算のほか、そろばん学習までもが迷わずに学べます。


    日本語と英語の切替

    画像
    JA / ENで日本語と英語の切り替えがすぐにできます
    画像
    「読み上げ算」アプリの画面
    表示だけでなく音声も切り替わります

    読み上げ算は、日本語だけでなく英語での練習もできます。

    画像
    英語の読み上げ算は、北米式&トラッド式を選択できます

    英語の読み上げ算は、かなり専門的な話になりますが「北米式(スピード重視)」「トラッド式(伝統重視)」の2種類の正式な練習機能を搭載しています。


    公式ストア(総合サービスサイト)

    画像
    フラッシュ暗算の画面
    黄色の「公式ストア」ボタン
    画像
    読み上げ算の画面
    紫色の「公式ストア」ボタン
    画像
    公式ストア(総合サービスサイト)
    画像
    グッズ情報

    公式ストアは、教材やグッズ、無料問題集、オンライン検定&レッスンに関する情報をまとめた「100日後にそろばん完全マスター!」の総合サービスサイトです。

    学習教材のチェックや購入に便利です。


    ルール

    画像
    「ルール」ボタン
    画像
    「ルール」ボタン

    フラッシュ暗算も読み上げ算においても、初めての方でも迷わない「ルール」を載せています。

    ちなみに、このアプリ使い方ガイドの記事も、ルールボタンからすぐに飛べるようにしています。


    コツ

    画像
    電球マークの「コツ」ボタン
    画像
    電球マークの「コツ」ボタン

    フラッシュ暗算・読み上げ算ともに電球マークの「コツ」ボタンで、どうすれば上達できるかのコツを載せています。

    アプリ利用者のためだけのシークレットとして、コツの中身はここでは非公開にさせていただきます。


    検定レベルの選択

    画像
    「レベルを選択してください」の右にある矢印ボタンをクリック
    画像
    画面を下にスクロールしなくてもすぐに検定レベル選択の画面にとべます
    画像
    「検定表」「検定レベル」ボタンをクリック
    画像
    検定レベルの選択画面にとべます
    画像
    日珠連検定プリセット
    ここからも簡単に検定レベルの選択ができます

    フラッシュ暗算、読み上げ算ともに検定規定(日珠連対応)に沿って練習できる機能を搭載しています。

    「自由にカスタマイズするのは難しい」「自分のできるレベルがわからない」といった方は、「読み上げ算(そろばん)」「読み上げ暗算」ともに級位・段位のレベル別「プリセット」機能もあるので、まずは6級から試してみるのがオススメです。


    フラッシュ暗算アプリ

    AI適応フロー

    画像
    「AI適応フロー」ボタンをクリック
    AIがギリギリ解ける脳内フローを引き出します

    フラッシュ暗算では、自分でレベルを選んで練習できるだけでなく、「AI適応フロー」という機能も搭載し、AIがあなたのギリギリ解ける問題を引き出してくれます。


    ログイン/新規登録・ゲストで遊ぶ & ログアウト

    画像
    「ログイン/新規登録」「ゲストで遊ぶ」のボタンをクリック
    画像
     ログインはGoogleアカウントかメール
    ログインせずゲストとして参加もできます

    フラッシュ暗算アプリでは、Googleアカウントかメールでログイン・ゲスト(ログインなし)として参加すると、計算の練習だけでないゲーミフィケーションで、ポイントをためたりショッピングできたりとさらに楽しめます。

    ちなみに、ログインなしのゲストで参加しても同じように楽しめますが、データの記録が残らず、30日で世界ランキングからお名前が消える仕組みです。

    画像
    「ログアウト」もログインと同じ場所にあります

    ログアウトもいつでも可能です。


    世界ランキング

    画像
    「世界ランキング」ボタンをクリック
    画像
    修行ポイントのランキング
    練習するとどんどんポイントがたまっていきます
    画像
    連続ログインのランキング
    連続する練習日数が出ます。努力の順位ですね!

    「世界ランキング」では、単に級位や段位のレベルや成績で戦うのではなく、ポイント数・連続ログイン数でランキングが出るので、世界中の誰もが平等に楽しく競い合えます。ちなみに、あなたが獲得した最高のレベルもお名前の下に小さく表示されます。


    マスコット&ショップ

    画像
    「マスコット&ショップ」「マスコット広場」をクリック
    画像
    たまったポイントと引き換えに猫をお迎えできます♪
    高ポイントでシークレットの猫も!
    画像
    たまったポイントと引き換えに「衣装」をゲットできます♪
    高ポイントでシークレットの衣装も!
    画像
    たまったポイントと引き換えに「フラッシュ暗算中のフォント」をゲットできます♪
    高ポイントでシークレットのフォントも!
    画像
    たまったポイントと引き換えに「フラッシュ暗算アプリの背景」をゲットできます♪
    高ポイントでシークレットの背景も!

    「マスコット広場」「マスコット&ショップ」のボタンでは、たまったポイントでショッピングができます。

    お迎えした「猫」と装備した「衣装」は、世界ランキングに「あなたのアイコン」として表示されます。


    名前変更

    画像
    画面右上の鉛筆マークをクリックで名前の変更ができます
    画像
    世界ランキングからも名前の変更ができます

    アイコンが猫、名前もいつでも自由に変更できるので、プライバシーも安全です。


    出席スタンプ

    画像
    「出席スタンプ」ボタンをクリック
    画像
    出席スタンプ
    出席した日を確認できます

    合格認定証棚

    画像
    「合格認定証棚」をクリック
    画像
    合格認定証棚
    合格した級・段位の賞状がコレクションされています
    画像
    賞状はSNS(X)で共有できます

    国の選択

    画像
    「国旗マーク」のボタンをクリック
    画像
    自分の国を設定できます
    画像
    世界ランキングに自分の国旗が載ります

    フラッシュ暗算アプリでは、自分の国旗を選択すると、世界ランキングに掲載されるので、世界中の人が一団となって楽しめます。


    デイリーミッション

    画像
    今日のデイリーミッション

    フラッシュ暗算の「今日のデイリーミッション(ログインまたはゲスト参加が必要)」では、難易度が予測できない問題が出題されます。

    正解で高ポイント、不正解でもポイントがもらえます。どんな問題が出るかはお楽しみです!簡単な問題だとラッキーかも?


    音あり・なし

    画像
    フラッシュ暗算中の音あり
    画像
    フラッシュ暗算中の音なし

    フラッシュ暗算中は、数字に合わせて「ポッ」と音がなりますが、ボタンワンクリックで瞬時に音なしに変更することができます。


    読み上げ算アプリ

    カスタマイズ設定

    画像
    「設定」「設定を変更」ボタンをクリック
    画像
    桁数、口数のカスタマイズ
    画像
    加算か加減算、再生スピードのカスタマイズ
    画像
    声の高さ、数字の間のインターバルのカスタマイズ

    読み上げ算では、桁数・口数(計算する値の数)・加減算(引き算を含む)の設定・数値の画面表示の設定・声の最適化(再生スピード / 声の高さ / 数字の間のインターバル)を極限まで自分で細かくカスタマイズできる仕様も仕上げています。


    高品位音声・試し聞き(テスト再生)

    画像
    「試し聞き(テスト再生)」ボタン
    声は高品位音声を採用
    画像
    英語版
    声は高品位音声を採用

    音声は、自由にカスタマイズ設定したものがどんな感じに聞こえるかを練習前に試し聞きすることができます。

    音声は開発段階で一番苦労したかもしれません。Windows・Mac・Android・iPhoneのそれぞれに適した高品位の音声を採用するのがむずかしいところでした。

    結果、人間にとても近い自然な声となっていて、聞き取りやすいです。


    数値あり・なし

    画像
    読み上げ算中の数値のあり・なし

    「目のマーク」をワンクリックで、読み上げ算中の数値の画面表示のあり・なしを瞬時に選択できます。

    「読み上げ算」は声だけを聞いて練習する競技ですが、たまに「数値あり」に設定して、フラッシュ暗算の練習に変身させるのも良いですね。


    💬 アプリの調子が悪いときの対処法

    アプリは、改善や利用者のリクエスト反映などで、日々更新していく予定です。

    そのため、アプリの画面が利用者によってはうまく表示されないときもあるかと思いますが、その際の対処方法を記載しておきます。

    パソコン(アプリをインストールしている方)

    画像
    「表示」→「ページを再読み込み」をクリック

    アプリをインストールしてPCのホーム画面に保存している方は、PC画面上部にある「表示」→「ページを再読み込み」をクリックで、最新の状態に更新されます。

    ショートカットキーなら、こちらも便利です。

    • Windows: Ctrl + R

    • Mac: Command + R

    それでも改善されない場合は、アプリをアンインストールして、再度インストールしてみてください。


    パソコン(アプリをインストールしていない方)

    画像
    左上にある更新ボタンをクリック

    アプリをインストールせずにブラウザ上で開いて利用している方は、画面左上にある更新ボタンをクリックすると、最新の状態に更新されます。

    ショートカットキーなら、こちらも便利です。

    • Windows: Ctrl + R

    • Mac: Command + R


    スマホ(Androidの方)

    Androidを使っている方は、スマホの画面を下にスワイプするだけで、アプリを簡単に最新の状態に更新できます。


    スマホ(iPhoneの方)

    iPhoneを使っている方は、「読み上げ算アプリ」の右下に表示されている更新ボタンをクリックすると、アプリを簡単に最新の状態に更新できます。

    または、「設定」アプリ >「Safari」>「履歴とWebサイトデータを消去」を行ってキャッシュを完全に削除してからアクセスし直すと、同じく最新の状態に更新できます。


    ✉️ アプリへの質問・リクエストはこちら

    上記の対処法で簡単に解決できるので、アプリの調子がなんか悪いなと感じたときは何度かお試しくださいませ。

    それでも改善されない場合は、アプリを一度アンインストールして、再度インストールしてみてください。

    もしこのガイドを見てもわからないところがあったり、アプリへのリクエストがあったりした際は、下記の質問箱からいつでもお気軽にご質問ください。

    「お使いのデバイス情報・インストールの有無・具体的な質問やリクエスト」などをご入力いただければ、迅速に回答&改善させていただきます。

    「読み上げ算アプリへのリクエストです。iPhone18を使用しています。アプリはインストール済です。日本語の読み上げ算中の音声が聞き取りづらいので、改善してほしいです。」

    書き方の例

    上記のようになるべく詳しく情報をお教えくださるととても助かります。
    アプリへのレビューも大歓迎です!

    • ​回答と公開: いただいた質問と回答は、私が回答したタイミングで公開され、どなたでも閲覧できるようになります。お名前や個人情報は入力しないようご注意ください。(※回答前は公開されません)

    • ​返信ペース: 原則24時間以内にこの質問箱内で回答いたしますので、時間をおいてチェックしてみてくださいね!

    ​※本アプリの内容に関するご質問に限らせていただきます。
    ※本アプリと関係のない内容や公序良俗に反する内容、攻撃的な書き込み等には返信いたしかねます。また、内容によっては予告なく非公開・不回答とさせていただく場合がございますので、あらかじめご了承ください。


    開発秘話: Geminiと挑んだ個人開発「フラッシュ暗算×読上算マスター」をPWAアプリとして形にするまでの記録

    「このWebアプリがあったら、世界中の学習者がもっと楽しく練習できる」

    そんなアイデアから始まった『フラッシュ暗算×読上算マスター』の開発。制作過程で何度も壁にぶつかりましたが、そのすべての工程で相棒として伴走してくれたのが GoogleのAI「Gemini(Google AI Studio / Gemini 3.8 Flash)」 でした。

    Google AI Studio(Gemini 3.8 Flash)との実際のやり取り

    長期間作り込んでいたので、チャットを見返すと、時には上から目線で指示を出したり、うまく機能した時には素直に感謝を伝えたりと、制作しながらさまざまな気持ちが渦巻いていました(苦笑)。今となっては良い思い出です。

    📸 フラッシュ暗算アプリ制作中(Google AI StudioのBuild画面より)

    画像
    実際の「Google Ai Studio (Gemini 3.8 Flash)」のBuild画面
    フラッシュ暗算アプリ制作中

    とくにパソコン画面で見た時に、高段のフラッシュ暗算中の数字の表示がガタついていたので、すべての級、段においてフラッシュ暗算中の数字の表示がガタつくことがないように作って。

    かなり上から目線で指示していますね(苦笑)。でも、描画パフォーマンスの微妙なズレを即座に修正してくれました。

    📸 読上算アプリ制作中(Google AI StudioのBuild画面より)

    画像
    これも実際の「Google Ai Studio (Gemini 3.8 Flash)」のBuild画面
    読み上げ算アプリ制作中

    ありがとう!音声がとても良くなりました!音声はそのままの状態で。
    0.00秒の時にやはり数値の表示がかなり遅れているので、難しいと思いますが、なるべく音声と合わせて作って。

    完成間近だったからか、感謝の気持ちを伝えています(照)。音声と画面表示のタイミング合わせというミリ秒単位の調整も、Geminiと一緒に粘り強く解決していきました。

    📱 Geminiを活用したアプリ開発の記録・相談履歴の抜粋まとめ

    開発中、仕様決めからコード記述、インフラ構築、エラーデバッグまで、ありとあらゆる場面でGeminiに相談しました。

    1. PWA(Progressive Web Application)開発と環境構築

    ・「『フラッシュ暗算×読上算マスター』をブラウザだけで動作させず、スマホやPCにインストールして使えるPWA化したい」
    ・「Vercelへのデプロイ(公開)手順や、Firebaseを使ったユーザー認証(Googleログイン等)の具体的な設定方法を教えてほしい」

    【 Geminiへの実際の相談内容 】

    PWA設定ファイル(manifest.json / Service Worker)のコード生成:アプリ定義ファイルやキャッシュ制御のコード作成をアシスト。
    Vercel & Firebaseの設定ガイダンス:FirebaseのAPIキー設定やVercel側の環境変数設定手順、PWA特有のデプロイ時の注意点をプログラミング知識に合わせて分かりやすく解説。

    【 具体的な活用ポイント・Geminiの回答内容 】

    2. ユーザーインターフェース(UI/UX)の設計と多言語対応

    ・「海外のそろばん学習者も使えるように、日本語と英語の両方に対応したインターフェースにしたい」
    ・「子供や保護者、初心者でも直感的に『フラッシュ暗算』と『読上算』の設定・プレイができる画面レイアウトにしたい」

    【 Geminiへの相談内容 】

    ・バイリンガルUIの設計:日本語・英語切り替えの仕組み(i18n等の導入手法)や、各ボタン・ラベルに最適な英語表記案の提案。
    ・画面配置・操作フローの最適化:数字の表示速度、音響タイミング、開始/ストップボタンの配置など、使いやすさを高めるデザインフィードバックの取得。

    【 具体的な活用ポイント・Geminiの回答内容 】

    3. 「フラッシュ暗算×読上算」コア機能の実装・アルゴリズム設計

    ・「指定された桁数・口数・表示スピードに合わせて、正確に数字をランダム生成するロジックを組みたい」
    ・「読上算(音声読み上げ機能)の自然なタイミング調整や、音声合成(Web Speech API等)の実装コードを書いてほしい」

    【 Geminiへの相談内容 】

    ・計算・表示ロジックのプログラム生成:難易度に応じた桁数制御、フラッシュ速度のミリ秒調整プログラムの作成。
    ・読上音声を最適化するコード作成:ブラウザ標準の音声合成エンジンを用いて、スムーズに数字を読み上げる処理や一時停止・再開などの機能追

    【 具体的な活用ポイント・Geminiの回答内容 】

    4. エラー解消(デバッグ)・トラブルシューティング

    ・「画面が崩れる」「PWAのインストールボタンが表示されない」「Firebase認証でエラーが出る」などの具体的なエラーメッセージ・コードの相談。

    【 Geminiへの相談内容 】

    ・原因の特定と修正コード(Diff)の提示:エラーログを貼り付けることで、問題の根本原因を特定し、修正すべきコードの書き換え案を即座に入手。

    【 具体的な活用ポイント・Geminiの回答内容 】

    最後に:一生ものの「財産」をあなたに

    そろばんや暗算は、単なる計算の手段ではなく、「情報処理能力」「集中力」「粘り強さ」を養う一生ものの財産です。

    一瞬のバズリでなく「10年後、20年後も世界中で愛され続ける教材」を届けたいという想いで、このアプリを作り上げました。

    ぜひ日々の練習のお供として、アプリを使い倒してみてくださいね。

    みなさまからの温かいフィードバックやご質問を心よりお待ちしております。

    この記事が参加している募集

    あなたへのおすすめ