←
アップデート情報
UPDATE NOTES
RELEASE NOTES
🆕 v2025.04.23
大幅アップデート
— UI刷新 & 機能追加 —
2025.04.22 〜 04.23 リリース
NEW 下部メニューを全面刷新
⬆️
スワイプメニューを導入
画面下部に横棒ハンドルを設置しました。タップまたは上にスワイプするとメニューが展開されます。展開メニューには「分析グラフ・CSV読込・データ保存・CSV出力」の4つが並びます。反応しにくい問題も修正し、スワイプ中にメニューが追従するアニメーションを追加しました。
🏠
ホームボタンを追加
以前のカレンダーボタンをホームボタンに変更しました。どのページからでもタップするとカレンダー画面（メイン）に戻れます。
📷
QRコードリーダーを新設（中央ボタン）
メニュー中央にQR読取ボタンを配置しました（少し大きめ）。タップするとカメラが起動し、QRコードを自動で認識します。スキャン成功時にバイブレーションが鳴り、URLであれば「URLを開く」ボタンが表示されます。コピーボタンでテキストをクリップボードに保存することもできます。ボタンアイコンはオリジナルのQRデザインを使用しています。
💳
ウォレットボタンを新設
タップすると決済アプリ一覧モーダルが開きます。対応アプリは以下の7つです。
PayPay・au PAY・楽天ペイ・majica・Kyashの5アプリに対応。 アプリがインストール済みの場合は自動で起動し、未インストールの場合はApp Store / Google Playへ案内します（iOS・Android自動判別）。
🤖
下部メニューをLMボタンに置き換え・収支AIをヘッダーに直接設置
下部メニューのAIボタンを 📓TikTok LM ボタンに変更しました。タップするとNotebookLMが直接別タブで開きます。収支AIは カレンダーページのヘッダー右側に 🤖収支AI ボタンを直接設置し、1タップで開けます。
IMPROVE UI・操作性の改善
🔝
ヘッダーに🤖収支AIボタンを直接配置・📓LMは下部メニューへ
カレンダーページのヘッダー右側に 🤖収支AI ボタンを直接設置しました。📓TikTok LM は下部メニューに移動し、タップするとNotebookLMが直接別タブで開きます。モーダルや中間画面を挟まないシンプルな構成にしました。
📋
フッターカードのボタン順序を変更
カレンダー画面下部のカードボタンを使いやすい順に並べ替えました。
CSV読込 → データ保存 → CSV出力 → FAQ
💬
LMモーダルの説明文を変更
「NotebookLMはセキュリティの関係でアプリ内に埋め込めません」という技術的な説明から、「TikTok Liteに関する質問はこちらからできます」というユーザー向けの表現に変更しました。また、モーダル外をタップしても閉じるようになりました。
📂
CSVモーダルの横棒でスワイプ閉じを実装
CSV読込モーダル上部の横棒を下にドラッグするとモーダルが閉じるようになりました。
FIX バグ修正
🤖
AIアシスタントをAnthropicのAPIに直接接続
Cloudflare Worker（eraberu-ai.mikasahahappy0526.workers.dev）が Host not in allowlist でブロックしていたため、Worker経由を完全廃止。Anthropic APIに直接fetchする方式に変更しました。モデルは claude-haiku-4-5-20251001 を使用。収支データを渡して回答する本来の機能も維持しています。
💳
ウォレットボタンが一切動作しない問題を修正
以前の実装では iframe を使ってURLスキームを起動しようとしていましたが、iOS・Androidともに動作しませんでした。hidden <a> タグの .click() 方式に変更し、アプリ起動後は document.hidden でバックグラウンド遷移を検知することで、未インストール時のみストアへ誘導するよう改善しました。
🟢
iAEON・d払いボタンを削除
URLスキームの動作確認が取れないため、iAEONおよびd払いのボタンを削除しました。ウォレットは現在 PayPay・au PAY・楽天ペイ・majica・Kyash の5アプリ対応です。
⚙️
スワイプメニューが横棒を操作しても反応しない問題を修正
スワイプメニューのJavaScriptがDOMより前に実行されていたため、要素が取得できずに初期化が失敗していました。scriptタグをbody末尾に移動し確実にDOMが生成された後に実行されるよう修正しました。
🔍
AIアシスタントのエラーメッセージを改善
Cloudflare WorkerのCORSエラー（Host not in allowlist）が発生した際、「エラー: Failed to fetch」のような不明なメッセージの代わりに、具体的な対処法を日本語で案内するよう改善しました。
収支AIについて：Anthropic APIに直接接続して動作します。CSVデータを読み込んだ後に質問すると、実際の収支データを元に回答します。
DESIGN デザイン刷新
📖
使い方ガイド（guide.html）を全面リニューアル
キャラクター要素を削除し、黒背景・大人テイストのデザインに刷新しました。最新の機能（スワイプメニュー・ウォレット・QR読取・AIメニュー）に対応した内容に全面的に書き直し、目次付き8セクション構成で分かりやすく整理しました。
📷
QRボタンのアイコンをカスタム画像に変更
QR読取ボタンの絵文字アイコンをオリジナルのQRデザイン画像に変更しました。黒背景を透過処理し、ゴールドの丸背景に自然に馴染むよう加工しています。
えらべるPay 収支表·UPDATE NOTES·v2025.04.23