PWAバナーの非表示、スムーススクロール禁止などの設定を追加

いつも Feedeen のご利用ありがとうございます。運営者の伊藤です。

昨晩、 Feedeen の新しいバージョンを公開しました。今回は開発環境に残っていた Python2 のスクリプトをすべて Python3 に移行し、 Python2 を完全に排除するという作業を主に行っていたため、大きな機能追加はありません。ただ、詳細フラグを2つといくつかのバグ修正を行なったので、ユーザーの皆様に影響のあるものを簡単にご紹介します。


PWAバナーの非表示

Android 版 Chrome などで画面下に表示される「ホーム画面に Feedeen を追加」というバナーを非表示にする設定を詳細フラグに追加しました。

PWAのバナー

設定手順は以下の通りです。

  1. 画面右上の歯車アイコンのパネルで「詳細設定」をタップ
  2. 左のメニュー（表示されていなければ、左上の「メニュー」をタップして表示できます）で詳細フラグをタップ
  3. 「pwa-banner」をタップ
  4. 設定値を「表示しない」に変更して「保存」をタップ
詳細フラグ「pwa-banner」の設定画面

このバナーはブラウザが出しているものなのですが、左端の × ボタンで閉じても一定期間でまた表示され、 PWA を使わない方には鬱陶しいものだったかと思います。遅ればせながら上記手順で完全に無効化できますので、お試しください。


スムーススクロールの禁止

アイテムを開いたときやキーボードの Page UP / Down 、ツールバーによるページスクロールなどの際、標準では滑らかにスクロールするように実装しています。これは一般的には望ましい動作だと考えておりますが、本文が長いフィードを購読している場合などは移動に余計な時間がかかって使いづらいというご意見をいただきました。そこで、このスムーススクロールを禁止する設定を追加しました。

  1. 設定方法は以下の通りです（PWA バナーの禁止とほぼ同じですが）。
  2. 画面右上の歯車アイコンのパネルで「詳細設定」をタップ
  3. 左のメニュー（表示されていなければ、左上の「メニュー」をタップして表示できます）で詳細フラグをタップ
  4. 「smooth-scroll」をタップ
  5. 設定値を「瞬時に移動する」に変更して「保存」をタップ

詳細フラグ「smooth-scroll」の設定画面

上記設定を行うと、従来スムーススクロールしていたすべてのケースで瞬時の移動になります。「このケースは滑らかに移動してほしい」などのご意見があれば調整していきたいと考えておりますので、お気づきの際はぜひご連絡ください。


縦長のAndroid端末でタブレット版遷移していたのを修正

最近の Android スマートフォンは画面がかなり縦長になっていますが、それらで Feedeen を最初に表示した際、（モバイル版ではなく）タブレット版に遷移してしまうことがありました。 Android にはスマートフォン・タブレットという区別がないので、仕方なく画面解像度で判定していたのですが、やはり少し無理があったようです。 Android は常にモバイル版に遷移するように修正しました。

ただ、一度タブレット版を表示すると次回からもタブレット版に遷移してしまうので、すでに Android デバイスでご利用中の方は、画面右上の歯車アイコンをタップして詳細パネルをご確認ください。下の方に「モバイル版に変更」という項目があるのがタブレット版です。

タブレット版の設定パネル

タブレット版は比較的横幅のある画面を想定しているので、多くのスマートフォンでは使いにくいと思います。「モバイル版に変更」をタップするとモバイル版に切り替わりますので、一度そちらをお試しください。


今回の詳細フラグの追加は、いずれもユーザーの方のご意見を実現させていただいたものです。今後も皆さんのお声を参考に改善を図って参りますので、お気づきの点はお問い合わせフォームにてお知らせください！


コメント

コメントを投稿

このブログの人気の投稿

Webページの変更を監視する「監視フィード」機能を追加しました

イメージ
いつもご利用ありがとうございます。Feedeen運営者の伊藤です。 本日Feedeenの新バージョンを公開し、「監視フィード」という機能を追加しました。Webページの指定箇所の内容を監視し、変更があれば通知するという機能です。開発に紆余曲折あって半年以上費やしましたが、以前から実現したかったものでもあり、なんとかリリースまで漕ぎ着けました。まだ荒削りな面も多いですが、お試しいただければ幸いです。 監視フィードの使い方 監視フィードを利用するには、まず監視したいWebページと監視したい箇所のCSSセレクタを登録します。例として、ヤフーの熱中症情報に掲載される明日の熱中症情報を監視してみましょう。 大田区の熱中症情報 - Yahoo!天気・災害 https://weather.yahoo.co.jp/weather/heatstroke/3/13/13111/ 監視フィードを登録するには、フィードリストの歯車メニューから「監視フィードの管理」を選択します。 「監視フィードの管理」を選択 監視フィードの管理画面（ダイアログ）が表示されますので、「監視フィードを追加する」をクリックしてください。 「監視フィードを追加する」をクリック 監視対象の情報を入力する画面になります。多くの項目がありますが、ここでは以下のとおり入力してください。それぞれの項目の意味は、青い（？）アイコンでポップアップする説明をご参照ください。 監視対象URL https://weather.yahoo.co.jp/weather/heatstroke/3/13/13111/ グループ名 li.heatstrokeForecast_day_item:last-child p.day 監視対象の要素・属性 名前: 警戒レベル セレクタ: li.heatstrokeForecast_day_item:last-child dt.heatstrokeLevel_label 監視対象の要素・属性（「監視対象を追加する」で項目を増やす） 名前: コメント セレクタ: li.heatstrokeForecast_day_item:last-child dd.heatstrokeLevel_detail p.comment 監視対象の情報を入力 すべて入力したら、「次へ」をクリックしてください。表示名やお知らせ投稿時
続きを読む

おすすめフィード機能を追加しました

イメージ
いつもFeedeenのご利用ありがとうございます。運営者の伊藤です。 本日のメンテナンスが無事終了したことをご報告させていただきます。今回はAWSの仕様変更に対応するためのサーバー構成変更が主な目的であるため、機能的な変更は「おすすめフィード」機能の追加のみですが、多くの皆様に有用な機能となっていますので、他の更新内容も含めてご紹介させていただきます。 購読を手軽にするおすすめフィード まずは新機能である「おすすめフィード」からご紹介します。従来、Feedeen上でフィードを購読するにはフィードのURLを指定する必要があり、フィードリーダーに慣れていない方にはとても使いづらいものでした。 そこで、運営者が（独断で）選定した各分野の代表的なWebサイト / フィードを購読ダイアログに表示し、簡単に購読できるようにしました。 おすすめフィードが追加された購読ダイアログ 左に列挙されたカテゴリのひとつを選択すると、そのカテゴリのフィードが一覧されます。その中から気に入ったフィードの「購読」ボタンを押すだけで、簡単に自分の購読リストに追加できます。また、「詳細」ボタンを使えばURLを入力したときと同じフローでグループを指定するなどして購読することもできます。 今回この機能を追加するにあたり、十分な数のフィードを収集できるか不安だったのですが、やってみると意外なほどのボリュームになり、RSS/Atomフィードの可能性を再認識しました。初心者の方はもちろん、すでに活用されている方でも意外な発見があるかもしれませんので、ぜひ興味のあるカテゴリを覗いてみてください。 なお、このおすすめフィードは運営者が手作業で収集・データ化したもので、皆様の購読データから生成されたものではありません（なので、とても大変でした...）。Feedeen上で購読したプライベートなフィードが勝手に表示されることはありませんので、ご安心ください。 サーバー構成の変更 機能的な変更ではありませんが、今回実施したサーバー構成の変更についても少しご説明させていただきます。 2/1（つまり本日）より、 AWSで課金仕様 の変更があり、自動割り当てのIPv4アドレスが有料になってしまいました。これまではメンテナンス等の都合上、すべてのサーバーがIPv4アドレスを持っていたのですが、このままでは運用コストが無視できない
続きを読む

Mastodonのフィード購読が便利になりました

イメージ
いつもFeedeenのご利用ありがとうございます。運営者の伊藤です。 本日ステルスでメンテナンスを実施し、Feedeenの新バージョンを公開しました。その更新内容のご報告です。 数ヶ月前ですが、MastodonのフィードをFeedeenで購読すると画像が表示されないというご報告をいただきました。恥ずかしながら知らなかったのですが、MastodonではユーザーごとのRSSフィードを生成できるんですね。さすがオープンソースで開発されているだけあって、どんどん閉鎖的になっていくプロプライエタリなSNSとはわけが違う 👍 そんなMastodonをサポートしないわけにはいかないので、原因を調査してメディアの表示に対応しました。その他、便利な機能もいくつか追加しましたので、まとめてご紹介させていただきます。 Mastodonのフィードの購読方法 新機能紹介の前に、まずは前提となるMastodonのフィードの購読方法をご説明します。と言っても方法は簡単で、Mastodon上で対象ユーザーのプロフィールを表示し、そのURLをFeedeenの購読ダイアログにコピペするだけです。 Mastodonフィードの購読方法 Feedeenの公式ブラウザ拡張をご利用でしたら、「このページを購読」でより簡単に購読できます。 拡張機能を使って購読 ユーザーのプロフィールページを表示するには、投稿や検索結果のプロフィール画像をクリックするのが簡単でしょう。他のインスタンスのユーザーであっても同じ方法で購読できるようです。 もしプロフィールページのURLで購読に失敗するときは、URLの最後に .rss の拡張子を付けると購読できる場合があります（ただしこの場合は、対象ユーザーが所属するインスタンスのプロフィールページでなければいけません）。Misskeyもこの方法で購読できるようです。 画像や動画などの閲覧 Mastodonのフィードを登録すると、そのユーザーの投稿をFeedeen上で閲覧、未読管理できます。これまではテキストのみでしたが、今回のアップデートで画像や動画などのメディアも本文の上部に表示されるようになりました。 画像を含むMastodonの投稿をFeedeenで表示したところ それぞれのメディアをクリックすると、ビュアーが表示されてFeedeen上で閲覧・再生ができます ( 注1 ) 。
続きを読む