image

Floorp 12 の開発記録:ユーザーエクスペリエンスとインタフェースの改善

これは https://blog.ablaze.one/4694/2025-02-20/ の内容の続きで、Floorp 12 がどの程度進んでいるのか、ある程度の提供予定の目安を提示するためのノートです。削除が決定した機能の内容も提供します。 **すべての内容が Floorp 12 の正式版に来るとは限りません。注意してください。また内容は作者の感情が 80% ぐらい入っています** Windows での新インストーラーとモダンな技術への移行 Floorp 12 以降、現行のインストーラーは廃止はされませんが、Windows ではデフォルトでは上記の UI を持つインストーラーを最初のオプションとして配信する予定です。 以前の Floorp のインストーラーは多言語対応ができていない、インストーラーなのにインストールパスが指定できないという問題がありました。この新しいインストーラーでは最新のフレームワークである Microsoft が提供する WebVeiw2 Runtime を Tauri を使用して採用しているため、日本語を含む 30 か国語に新しくインストーラーも対応するようになります。UI 自体も大幅に刷新され、Floorp がどのような設計のブラウザーであるのかもここに表示されるようにもなっています。 後述もしますが、Floorp は Floorp 12 以降 Floorp のデザインシステムを構築するために DaisyUI を採用しています。若干のカスタマイズを加え、ロゴの色であり Floorp を表す紫色を取り入れています。 Floorp の新しくなったデザインシステムと DaisyUI の採用 Floorp 12 では UI ライブラリとして DaisyUI を採用しています。Floorp 12 公開当初では Shadcn/ui でしたが、Floorp 12 の開発環境以外でうまく動作しなかった上、Floorp のデザインに合わなかったため、DaisyUI を採用することにしています。DaisyUI はほとんどが CSS 飲みで動作する軽量なライブラリであるため、Floorp 12 にはとても相性が良いものでした。 Floorp 11 以前はほどんどの UI が作者(Ryosuke Asano)による CSS とvanilla JS による手書きで実装されていたため、思うように実装できなかったり、開発に時間がかかることも多かったのですが、React や SolidJS の組み込みによってこの問題も解決しつつあります。 ...

April 1, 2025 · 1 min · surapunoyousei
Floorp_11_Artwork

Floorp ブラウザー | バージョン 11.0.0 リリースノート

このバージョンはリリース済みです。 Header image by @CutterKnife_ 全てが再設計された全く新しい Floorp へようこそ! Floorp 11 はあなたのブラウジングの生産性を高めるツールが多く含まれています。 3か月という短い間で、Floorp 開発者とコードの貢献者は多くのコードを書き直し、新しいコードを追加しました。すべての貢献者に特別な感謝を捧げます! Floorp 11 は Floorp 10 のすべてのユーザーに対しての展開が始まっています。 詳しくは こちらのサポート記事 を参照してください。 去年11月に一時的に離脱した @surapunoyousei は自身がいなかった期間の Floorp の進化はすさまじいものでした! タブスリープ、外部ブラウザーで開くなどを実装し、代わりにリリース自体に取り組んだ typeling1578 氏、 新しいタブとブラウザーマネージャーサイドバーの大幅な改善に取り組んだ kaonasi-biwa 氏 ** 常にチームをドキュメントなどでサポートし、ユーザーのチャットサポートを行った creeper-0910 氏の3人に感謝を捧げてください!** この1年、Floorp は激動の時代でした。Reddit では、「 Floorp Vs Pulse Vs Librewolf」や「 Why is everyone recommend Floorp?」「 The Floorp browser is an improved Firefox」などで Floorp が海外のブラウザーと比較されることも評価されることも多くなりました。日本国内では、Vivaldi Meet up 2023 で Floorp が何故か紹介されたり、窓の杜で Floorp が掲載されたりするある意味大事件が発生しました! ...

September 4, 2023 · 2 min · surapunoyousei
Blog-for-Floorp-10-Beta

Floorp ブラウザー | バージョン 11.0.0 リリースプレビューノート

このプレビュー版ビルドはまだ提供されていません。ダウンロードもインストールもできません。 リリースプレビューノートには、Floorp の新機能が記載されています。Floorp プロジェクトはあなたの フィードバック を歓迎します。 GitHub にバグや新機能を提出 したり、開発の進捗をご確認いただけます。 このリリースプレビューでは、Floorp 11 に登場する新機能、削除される機能などを調べることができます。まだ正式リリースはされていないため、このリリースプレビューノートは定期的に更新され、様々な変更が加えられます。 このプレビューノートの提供にあたって Floorp は1年以上開発が続いていますが、まだ比較的新しいウェブブラウザーです。しかし今回、2度目のメジャーアップデートを迎えることができて非常に光栄です。 Chromium 派生ブラウザーから始まったこのプロジェクトは作者(Ryosuke Asano)の技術力を上げるための小さいものにすぎませんでしたが、今となっては Firefox ベースとなり、海外製ブラウザーと比較されるようになりました。自信をもって「日本製」を名乗れると自負しています。 さて、Floorp は現在大きな分岐点にあります。それは、「今後どのようなウェブブラウザーを目指すか」です。現在は「完全非営利の多機能 Firefox 派生」という一文に尽きます。これだけではただの機能を追加するだけのウェブブラウザーです。今後は「存在を知ってもらう機会を増やす」これを意識して開発を進めたいと考えています。 ブラウザーを知ってもらうにはそれ相応の機能が必要です。まずは日本国内から。今回のバージョンから、現在日本で発生しているデバイスの特徴から発生しがちな問題を解決する機能を提供していきます。存在を知ってもらうには問題を解決する新機能が必要だと考えています。 ✨ 新機能 タブを開きすぎますか?多くのタブを開いてしまう方向けの新しいタブバーをご利用ください! ・「ネイティブ実装の垂直タブ」が追加されました! 多くの人はブラウザーで検索を使用して、調べたい単語を検索します。ただ、何が正確なのか、本当に欲しい情報なのかを調べるために沢山のタブをする人が多くいます。しかし、水平タブでは視認性に限界があります。 そこで Floorp に新しく、垂直タブを実装しました。Floorp に Piro 様作の「ツリー型タブ」が組み込まれていますが、いくつかの機能は使用できなくなっています。「ネイティブ実装の垂直タブ」であればタブを他のデバイスに簡単に送信でき、「外部ブラウザーで開く」機能を使用して他のブラウザーで作業を再開できます。 また、「ツリー型タブ」と同じようにフォーカス時に展開する機能も追加しました。画面の小さいデバイスが普及する日本では、この機能は有用です。 ブラウジング中にメモを取りましょう!ブラウザーとセットのメモ機能は時間の短縮につながります! ・メモ機能「Floorp Notes」を追加しました! 「メモ」は日常において必須です。特に社会人・学生において「メモ」を取りたいと思う機会は多くあります。また、オンラインで行う会議が定着した今、ブラウザーを使用してビデオ会議を行う団体・企業・学校は増えています。他のアプリケーションを開いてメモを出すのも面倒です。この問題を解決するのが「Floorp Notes」です。 「Floorp Notes」は他のデバイスの Floorp とメモの内容を同期できるブラウザーマネージャーサイドバーのパネル・内部サイトの1つです。学校の PC で取ったメモは、自宅の PC のメモにそのまま同期されます。 親しみやすいダウンロードマネージャをお試しください。ダウンロード情報を瞬時に把握することができます! ・「Google Chrome」などで採用されている画面下部のバースタイルのダウンロードマネージャを設定から有効にできるようになりました。 「Firefox」スタイルのダウンロードマネージャは「Microsoft Edge」や現在ベータ版の「Google Chrome」で導入が始まっていますが、現在は大体の「Chromium」ベースのブラウザーと動作が異なります。基本的なツールの外観・動作の差が新しい新規ブラウザーの試用を妨げていると私達は考えました。ウェブの現状を考えると Gecko エンジンを用いたブラウザーのシェアの獲得は急務です。少しでも移行を容易にするために同じインターフェイスを使用可能としました。 新しいダウンロードマネージャはダウンロードが開始するとバーがビュワーの下に表示されます。従来のダウンロードマネージャはこの機能を有効にした場合、使用できませんが、無効化することで使用できます また、ポップアップではないため空白の場所をクリックしても消えません。ファイルの操作機能は通常と変わりませんが、いくつかの最適化のためのボタンが追加されています。 モダンな Firefox 系ブラウザーで初搭載!「ワークスペース」はあなたのタブをより自由にします。 ・Firefox には過去、「Panorama」と呼ばれるタブグループ機能がありましたが、現在はありません。しかし、Chromium 系では Chromium 自体にタブグループ機能があるため、Edge・Chrome などのブラウザーでは利用できます。これは大きな差であるため、試験的ではあるものの、実装を行いました。 ↓ 使用感については以下のツイートをご覧ください https://twitter.com/Floorp_Browser/status/1650998118715125764?s=20 ...

July 19, 2023 · 2 min · surapunoyousei
Blog for Floorp 10 Beta

Floorp 10.0.0 BETA リリースノート

Floorp のベータ版のリリースノートです。安定版とは関係ありません。 安定版から、ベータ版に移行するには、以下の記事を読んで下さい。また、Firefox がバージョン1以上異なる場所へのダウングレードはできません。ご注意ください。 このリリースノートは準備中です。未完成です。完成をお待ちください ?Firefox の更新 1. Firefox は、Firefox 102.0a1 Nightly に更新されました。 この Firefox はベータ版の一つ先の Nightly のため、非常に不安定です。Floorp は今後、ESR102 に追従するため、Firefox 102 を使用します。 ?新機能 新しいユーザースタイルシート ユーザーディレクトリに「chrome」フォルダが自動生成されるようになりました。 また、「CSS」フォルダが「chrome」フォルダ追加され、ここにCSSを入れた場合、「userChrome」、「userContent」という名前と関係なく Floorp が CSS を解釈します。 「.as.css」で終わる CSS ファイルと「xul-」で始まる CSS ファイルは Floorp のユーザエージェントに登録されるすべてのウェブサイトとUIに適用されるCSSとして解釈されます。 また、これらを補助するために、以下のようにメニューに CSS を編集するためのものを追加しました。ここから直接CSSを編集したり、新しくファイルを生成できます。 これで、Floorp では外観を一つに縛られることはなくなります。 Floorp の設定(about:preferences)の一番に、UI の設定を追加しました。これで、ユーザーは好きなデザインを選択できます。現在、デフォルトで Photon UI になっていますが、いずれアンケートによる集計で判断します。 また、通常の Proton UI に満足できないユーザーの為に Proton Fix を実装しています。 ・追加された設定 ・Firefox レガシー Photon UI ・Firefox Proton Fix ・Firefox レガシー Photon UI (Firefox Quantum) ・Floorp レガシー MaterialUI ...

May 8, 2022 · 1 min · surapunoyousei
見出しを追加

Floorp 8.7.2 BETA リリースノート

Floorp のベータ版のリリースノートです。安定版とは関係ありません。 安定版から、ベータ版に移行するには、以下の記事を読んで下さい。また、Firefox がバージョン1以上異なる場所へのダウングレードはできません。ご注意ください。 ?Firefox の更新 1. Firefox は、Firefox 100.0 BETA に更新されました。 このバージョンの Firefox はいくつかの CSS に @import が使用できるようになり、ブラウザーの UI やコンテキストメニューやブラウザー内部サイトのCSSの書き直しを行いました。 また、Firefox のテーマの解釈も変更されているため、テーマが意図しない動作をする可能性があります。 ?新機能 Floorp のテーマに新機能です!!Floorp はユーザーによる、CSSを搭載したテーマのインストールを許可するようになりました。 これによって以下の機能がテーマで使用可能になります 1. カスタムCSSを含んだテーマがインストールできるようなったことで、テーマのCSSの上にさらにCSSを上書きできるようになりました。 2. ブラウザーを再起動せずとも、ブラウザーのデザインを切り替えられ、自作したテーマとCSSを組み合わせることが可能になります。 また、今後登場予定の Floorp アドオンストアでは、これらのテーマを取り扱う予定です。お待ちください! このテーマの作成方法は Firefox のドキュメント、Chrome のドキュメントにも存在しないので Floorp 側で用意する予定です。 3. Floorp アップデーターの設定を、about:preferences サイトの Floorp アップデーターの設定から変更できるようになりました。 ただし、この設定の適用に再起動は必要ありません。 Floorp や Ablaze とは関係のないグループのコラボテーマを同封する予定です。これは現状含まれていません。 ?実験的な機能 about:preferences(設定サイト) に Floorp の設定を実験的に追加しました。追加された設定は以下の通りです。現状適用には再起動が必要です。 1. 現在テーマに実装されている二つのカスタムCSSテーマを他のテーマと併用可能にするため、垂直タブに最適化・水平タブ位置移動のCSSをブラウザーに適用するか選択できるような設定を追加しました。 2. 新機能として、マウスサイドボタン操作に最適化するという設定も追加しました。これをオンにするとツールバーからいくつかのボタンが削除されます。 3. 更に新機能として、Floorp の水平タブの表示をするかしないかの設定も追加されました。 4. 垂直タブに最適化するCSSに含まれるツリー型垂直タブの挙動を変更するCSSは分離され、通常時も適用可能になりました。 5. ツールバーにマウスをフォーカスした際に、ブックマークバーの自動開閉を行う設定を追加しました。 Floorp が今世代である以上、CSSテーマを削除する予定はありません。次世代ではテーマの仕様自体を変更予定です。また、いくつかの設定は併用不可です。カスタムCSSテーマとの併用も推奨されません。今後、設定項目は増える予定です。 ...

April 9, 2022 · 1 min · surapunoyousei