6月21日 (月) にてAnkilotはサービス開始1000日を迎えます。それに伴ってホームのデザインを改善しました。
ホームの配置はサービス開始当初からほとんど変わっておらず、以前から「主要な項目が散らばっていて使いにくい」という声をいくつか頂いていました。
今回のホームページ刷新ではそれらを改善し、できるだけ主要な機能をホームから利用できるようにしました。作成した単語帳やお気に入りに登録した単語帳を、全てホームで表示できるようになったので、素早くアクセスできます。
サーバー費用を賄うため一部ページにて広告の掲載を開始しました。少しの間様子を見て、今後も掲載を続けるかどうか判断します。
全体的に右寄りに配置されているため、左手でスマホで操作する場合、チェックが押しずらいと思ったのでこの設定を追加しました。
現在は暗記ページのチェックボタンの位置が変わるだけですが、そのうち他の部分にも適用させようと思います。
今回のアップデートでは、単語帳のテストに新しい機能を追加しました。
新機能は「正解のカードをスキップ」機能です。前回のテストで正解だったカードをスキップすることができます。
この機能を使えば、すでに覚えているカードを飛ばして、間違ったカードのみをテストすることができるので、効率よく暗記できます。
ご意見をくださったユーザー様、ありがとうございました。
今回のアップデートは、ビューア表示の改良と自動ログイン機能の改善です。
カードの文字数が多い場合、画面のサイズに合わせてフォントサイズが調節されますが、一部環境にてヒントの文字がはみ出して表示される場合があったので修正しました。
また、画像と文字をカードに含む場合、重ね合わせて表示されるために見にくくなっていることがありました。今回のアップデートでは、画像と文字を並べて表示できるようビューア設定を追加しました。
自動ログイン機能を改善しました。複数端末で利用する際に頻繁にログイン状態が切れていたのを修正しました。これによって、パスワードとメールアドレスを入力してログインする回数が減ると思います。（自動ログインキーは一週間以上アクセスしなかった場合、無効になります。その場合は通常のログインが必要です。）
PHPのアップデートを時間があるときにしようと思っているので、実施する際にはメンテナンスのお知らせで事前に告知します。（夜間の予定です）
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全体の見た目を変更できる機能で、以前までは「ノーマル」と「ダーク」の二つのみでしたが、有機ELディスプレイで見たときに黒が多いほうが発光量が抑えることができる、どす黒い「ブラック」スタイルを追加しました。
設定ページの「スタイル」から設定できます。
「ブラック」スタイルはほとんどの部分に黒色を使い、境界線や文字のみに明るい色を使うことで、ほぼ黒を実現しました。
まだ、若干対応していない部分もあるかもしれません。見つけた場合は連絡していただけると幸いです。
余談ですが、iPhone12を購入して、有機ELディスプレイの黒色の表現に感動したので、新スタイル「ブラック」を作成しました。
Ankilotはホーム画面に追加するとネイティブアプリのように全画面で使えますが、iPhoneX～は画面の形が特殊で、画面上部のセーフエリア（ノッチがある部分）に被ってしまい、うまく表示できていなかった場合がありました。
実機を手に入れたので、表示ズレを確認・修正しました。また、iPhone版PWAではスプラッシュ画面（PWA起動画面）でAnkilotロゴを表示するようにしました。これで見た目はもうほぼ普通のアプリですね。（オフラインでも使えるし）
Ankilot Offlineのアップデートと、単語帳ページのデザインの改良を行いました。
v5にアップデートしデザイン・機能面での改良を行いました。暗記、テストもオンラインとほぼ同等の機能を持ち、オフラインでも暗記が捗ります。
本体データの削減を行ったので、保存容量がより少なく済みます。本体データは0.5MBほどです。
単語帳タイトル横にドロップダウンメニューを追加しました。スクロールしても固定表示されるため、ページの移動がしやすくなっています。
ドロップダウンメニューの追加に伴って、「Ankilot Offline用に一時保存する」のボタンはこのメニュー内に移動しました。
主にデザイン面での変更です。アップデートした内容は以下の通りです。
「設定」でAnkilot内で表示するフォントを変更できるようになりました。GoogleのWebフォントを利用しているので、全てのデバイスで同じフォントを表示できます。
ただし、Webフォントですので多少のデータ通信が発生するため、「デバイスの明朝体」か「デバイスのゴシック体」を選択するとデータ通信を減らせます。
一部デザインに「グラスモーフィズム（Glassmorphism）」というデザイン手法を取り入れてみました。MacOSやiPhoneなどでも取り入れられているものです。すりガラスのような半透明エフェクトを利用しているのが特徴です。
前回の細かい仕様変更で単語帳作成時の「説明」項目の記入を必須化しましたが、単語帳作成の手間が増えるだけで、あまり有意義に使われていなかったため、以前のように記入は任意としました。
ご意見を下さったユーザー様ありがとうございました。
細部の機能・デザイン修正を行いました。
単語帳画面のシェアボタン・お気に入りボタンのサイズ、通知のデザイン、暗記開始ボタンのデザインなどを変更しました。固定表示される要素のサイズを小さくしたり、透明度を上げたりして、スマホなど小さい画面での圧迫感を排除しました。
また、単語帳タグを記入してもらう目的で、単語帳作成時の「説明」項目の記入を必須化しました。単語帳にタグを付けてもらうことで、教科やカテゴリーごとで探しやすくなるからです。少し面倒かとは思いますがご協力お願いします。
