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

6月21日 (月) にてAnkilotはサービス開始1000日を迎えます。それに伴ってホームのデザインを改善しました。

ホームの改善

ホームの配置はサービス開始当初からほとんど変わっておらず、以前から「主要な項目が散らばっていて使いにくい」という声をいくつか頂いていました。

今回のホームページ刷新ではそれらを改善し、できるだけ主要な機能をホームから利用できるようにしました。作成した単語帳やお気に入りに登録した単語帳を、全てホームで表示できるようになったので、素早くアクセスできます。

広告について

サーバー費用を賄うため一部ページにて広告の掲載を開始しました。少しの間様子を見て、今後も掲載を続けるかどうか判断します。

なお、今後も暗記・テスト中の画面への広告掲載や、バーナー広告の掲載はしません。

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

単語帳作成・編集ページの改善

  • 暗記ページでチェックを付けた単語カードを編集ページでまとめて削除できる機能を追加しました。
  • データ出力の際にチェック済かどうかを表示する機能を追加しました。
  • カードの改行が編集のたびにオフになっていたのを修正しました。
  • 作成ページのカードのサイズを入力しやすいように調節しました。
  • CSV読み込み時にうまく読み込めないことがある不具合を修正。

左利き向け表示設定を追加

全体的に右寄りに配置されているため、左手でスマホで操作する場合、チェックが押しずらいと思ったのでこの設定を追加しました。

現在は暗記ページのチェックボタンの位置が変わるだけですが、そのうち他の部分にも適用させようと思います。

その他の修正

  • 暗記・テストのカードの表示で複数行表示する場合、行頭が中央揃えで不揃いになって見にくかったので左揃えになるように修正しました。
  • オフラインモードの暗記・テストで改行が反映されていない問題を修正しました。

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

今回のアップデートでは、単語帳のテストに新しい機能を追加しました。

テストページの新機能

新機能は「正解のカードをスキップ」機能です。前回のテストで正解だったカードをスキップすることができます。

この機能を使えば、すでに覚えているカードを飛ばして、間違ったカードのみをテストすることができるので、効率よく暗記できます。

ご意見をくださったユーザー様、ありがとうございました。

その他

  • 細かいバグ修正。
  • 暗記ページの「チェック済を非表示」機能の挙動を改善。
  • カードめくり時に読み上げを途中でも中断するように修正。
  • テスト結果表示ページのURLを /view/writing_result?id=○○○ から /view/score?id=○○○ に変更。以前のURLにアクセスするとリダイレクトされます。
  • 単語帳作成ページと編集ページの編集中にページ遷移が行われようとすると警告を出すように変更。

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用に一時保存する」のボタンはこのメニュー内に移動しました。

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

主にデザイン面での変更です。アップデートした内容は以下の通りです。

フォント変更機能を追加

「設定」でAnkilot内で表示するフォントを変更できるようになりました。GoogleのWebフォントを利用しているので、全てのデバイスで同じフォントを表示できます。

ただし、Webフォントですので多少のデータ通信が発生するため、「デバイスの明朝体」か「デバイスのゴシック体」を選択するとデータ通信を減らせます。

デザインの調節

一部デザインに「グラスモーフィズム(Glassmorphism)」というデザイン手法を取り入れてみました。MacOSやiPhoneなどでも取り入れられているものです。すりガラスのような半透明エフェクトを利用しているのが特徴です。

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

2021年最初のアップデートとなる今回のアップデートには、ビューア設定保持機能の追加や不具合修正が含まれます。

アップデート内容

アップデートした内容は以下の通りです。

ビューア設定保持機能を追加

暗記ページには「チェック済を非表示」「カードを裏返す」「カードを混ぜる」、テストページには「間違えたカードをマーク」等といったビューア設定がありますが、チェックした内容は保存されずアクセスごとに再度チェックする必要がありました。

今回のアップデートではこれらのビューア設定を端末内に保存することで、アクセスごとにチェックしなおす必要がなくなりました。この機能は設定ページでオンまたはオフにできます。(デフォルト:オン)

なお、ビューア設定は端末内に保存されるので、PCやスマホ間で同期されませんのでご注意ください。

この機能をご提案してくださったユーザー様、ありがとうございました。

不具合を修正

単語帳の説明や、その編集時にHTMLの改行タグである <br /> が表示されてしまう不具合を修正しました。

お詫び

2021年1月3日 22時頃、今回のアップデートの適用作業中に、暗記・テストページにて一時的に不具合が発生しました。一部ユーザー様にご迷惑をおかけしたことをお詫び申し上げます。