Ankilot:v1.3.8にアップデートしました

今回のアップデートは、ビューア表示の改良と自動ログイン機能の改善です。

ビューア表示の改良

カードの文字数が多い場合、画面のサイズに合わせてフォントサイズが調節されますが、一部環境にてヒントの文字がはみ出して表示される場合があったので修正しました。

また、画像と文字をカードに含む場合、重ね合わせて表示されるために見にくくなっていることがありました。今回のアップデートでは、画像と文字を並べて表示できるようビューア設定を追加しました。

自動ログイン機能の改善

自動ログイン機能を改善しました。複数端末で利用する際に頻繁にログイン状態が切れていたのを修正しました。これによって、パスワードとメールアドレスを入力してログインする回数が減ると思います。(自動ログインキーは一週間以上アクセスしなかった場合、無効になります。その場合は通常のログインが必要です。)

その他

  • ユーザーメニューのデザインを変更しました。アイコンを用いて視覚的に分かりやすくしました。
  • 設定ページの「アカウント連携」の連携や連携解除の手順を改良しました。以前より簡単に連携操作ができます。
  • ブラックテーマの配色を一部変更しました。
  • データのバックアップを強化しました。
  • 通知仕様の改修。
  • JavaScriptプラグインの整理、配信サイズの縮小化。
  • ServiceWorkerによるタイムアウトの実装。これによりサーバー停止時もタイムアウト画面を表示し、オフラインモードを利用できます。
  • Ankilot Offlineの機能強化。ビューア設定保持機能や、パス構造を変更したりしました。

PHPのアップデートを時間があるときにしようと思っているので、実施する際にはメンテナンスのお知らせで事前に告知します。(夜間の予定です)

Ankilot:v1.3.7にアップデートしました

v1.3.6にアップデートして間もないですが、v1.3.7にアップデートしました。このあっぷでーとでは、新しい機能「単語帳リストの並べ替え」「単語カードの読み上げ言語指定」を追加しました。

単語帳リストの並べ替え

単語帳リストを「作成順」「更新順」「名前順」で並び替えができます。設定ページの「単語帳リストの並び順」で変更できます。

単語カードの読み上げ言語指定

単語帳作成時・編集時に指定できます。「カードの言語」をオンにして、それぞれ表裏の言語を選択します。

暗記・テスト時の読み上げ機能にて、指定した言語で読み上げます。(ブラウザによっては対応していない場合もあります)

設定しない場合は、今までと同じように日本語か英語で読み上げられます。

読み上げ対応ブラウザ

読み上げ機能はブラウザに対応言語や声に違いがあるので、ブラウザによってはうまく読み上げられない場合があります。ここでは実機で試してみた結果をまとめています。

Windowsの場合、Chrome、Microoft Edge (Chromium版)ではそれぞれの言語で読み上げられることを確認しました。Microoft Edge (Chromium版)の読み上げはほかに比べて発音が自然で、聞いててもあまり違和感がなかったです。Firefoxは日本語以外うまく読み上げらないようです。

iPhoneの場合、Safari、Chrome、Firefox、MicrooftEdgeのすべてのブラウザで読み上げられます。これはすべてSafariと同じWebKitだからです。それぞれの言語で機械的ではありますが、読み上げることができます。

Android (Fire)の場合、どのブラウザでも変な読み方だったり、そもそも読めなかったりしました。日本語すらまともに読めていない場合もあったので、ほぼ利用不可と考えたほうがいいでしょう。Android端末はAmazon Fireしか所持していないため、検証のしようがありませんが、ほかのAndroid端末はうまく読み上げられるのかもしれません。

個人的な意見ですが、読み上げが上手だと思ったブラウザはWindowsのMicrooft Edgeです。声が生身の人間に近くて、発音も割と自然だったので驚きました。

Ankilot:v1.3.6にアップデートしました

内容は細かいバグ修正と新スタイルの追加です。

新スタイルを追加

「ブラック」スタイル

「スタイル」はAnkilot全体の見た目を変更できる機能で、以前までは「ノーマル」と「ダーク」の二つのみでしたが、有機ELディスプレイで見たときに黒が多いほうが発光量が抑えることができる、どす黒い「ブラック」スタイルを追加しました。

設定ページの「スタイル」から設定できます。

「ブラック」スタイルはほとんどの部分に黒色を使い、境界線や文字のみに明るい色を使うことで、ほぼ黒を実現しました。

まだ、若干対応していない部分もあるかもしれません。見つけた場合は連絡していただけると幸いです。

余談ですが、iPhone12を購入して、有機ELディスプレイの黒色の表現に感動したので、新スタイル「ブラック」を作成しました。

PWA時の表示ズレを修正

Ankilotはホーム画面に追加するとネイティブアプリのように全画面で使えますが、iPhoneX~は画面の形が特殊で、画面上部のセーフエリア(ノッチがある部分)に被ってしまい、うまく表示できていなかった場合がありました。

実機を手に入れたので、表示ズレを確認・修正しました。また、iPhone版PWAではスプラッシュ画面(PWA起動画面)でAnkilotロゴを表示するようにしました。これで見た目はもうほぼ普通のアプリですね。(オフラインでも使えるし)

Ankilot:AnkilotOfflineアップデート・デザイン改良

Ankilot Offlineのアップデートと、単語帳ページのデザインの改良を行いました。

AnkilotOfflineのアップデート

v5にアップデートしデザイン・機能面での改良を行いました。暗記、テストもオンラインとほぼ同等の機能を持ち、オフラインでも暗記が捗ります。

本体データの削減を行ったので、保存容量がより少なく済みます。本体データは0.5MBほどです。

単語帳ページのデザイン改良

単語帳タイトル横にドロップダウンメニューを追加しました。スクロールしても固定表示されるため、ページの移動がしやすくなっています。

ドロップダウンメニューの追加に伴って、「Ankilot Offline用に一時保存する」のボタンはこのメニュー内に移動しました。