WWDC2025でiOS26が発表され、OS全体のデザインが Liquid Glass という新たなコンセプトで刷新されることが明らかになりました。

オッと思ったのが、Safari のUIが紹介された時。以下が新しいSafariです。ステータスバーはほぼ透過して主張が弱くなり、画面最下部には表示中サイトのドメインが表示されています。

20250613_newapp3_ios26safari
(Apple公式iOS26のページから)

広々としてますね。Apple は Liquid Glass というデザインを「コンテンツに一段と集中できるように」することを目的として開発したようでした。

20250613_newapp3_focusoncontent

 

コンテンツに没入できるブラウザUIとは

開発中のブラウザアプリでは「コンテンツへの集中」を重視しています。過去にも幾つか投稿しました。

ブラウザUIは極力排除し、フルスクリーンでコンテンツが見れるべきであると。

それはまぁそうなのですが、「他のサイトに移動できないよね？」「戻ったり進んだりは？」とかブラウザが備えるべきUIをどうするか問題は課題だったわけです。

一部はジェスチャーで回避できますが、ブラウザ開発で「便利にする→UIがいる→コンテンツを阻害する」というループというかジレンマは避けることはできませんね。ブラウザアプリの宿命なのかも…と作っては壊しを繰り返して行き着いた先で、開発中のブラウザでは一つの解を見出していました。

実装してみたのが以下の画面。

20250613_newapp3_like_liquidglass
(画面最下部にツールバー。iPhoneミラーツールのBezelでキャプチャ)

iOS26のSafariと少し似てませんか？😁

元より既存のタブ型UIでは限界があると感じていました。フローティング＆ブラーで存在感を無くしつつ、極力ブラウジング中には現れないような仕掛けにUI実装の舵を切っていたんですね。

これがいみじくも、今回発表された新しい Safari に似ていなくもない形だっだと…。Appleはもう何年も前から着地していたコンセプトの筈ですが、近しいことを考えいたのかもと思うと普通に嬉しいですね😊

動きは現状こんな感じです。


(ブラー効果の程度も設定できる。存在感は極少に)

実装を始めたのが年始頃。TestFlight で先月あたりからこのブラウザUIのバージョンを配信して、意外に使い易いかもーなんて話をしていたのでした。ユーザは現在4人だけなのですけど😅 (サーバ担当の@t0shiya、iOSアプリは@hitonomichiさん, ロゴ関係でメタ・グラマーの@kasydmkさん)

メンバー全員が、今回の WWDC2025 動画を見て思わず笑ってしまったのでした。

そんな新しいブラウザUIを僕らは バーデッキ と呼んです。

 

バーデッキのご紹介

バー(Bar)が並ぶところ、という意味でバーデッキ(BarDeck)です。

現Safariを含め多くのブラウザアプリで邪魔に感じてたのは、ツールバーだけではありません。ステータスバーもアドレスバーも同様。必要なものではあるけど画面に居座って欲しくないのですよね。

それらを一箇所に収め、必要なタイミングで切り替えられるようにしたのは、iOS26と違うところ。ブラウザに特化したUIだから機能することかも知れません。


(見易さのためにDark系ブラーに変更した)

常にツールが見えて欲しいわけじゃないし、時間やバッテリーもいつも見えていなくて良い。URLだってそうです。なので、手元でスッスッと左右スワイプすれば切り替えられると便利かなと。表示領域を共有するので画面も無駄に占有しなくなります。

実際にUI検証した評価は、画面占有率を最小化しつ必要十分なブラウザUIも提供するという二律背反な要件を両立させるちょうど良い着地点かなぁ…という感じ。なので、これを基本路線としました。

このバーデッキというUIをブラウザUI(バー)の入れものだと捉えると、色んなアイディアが湧いてきました。

  1. 「ツールバーを何個も並べれても良いのでは？」
  2. 「ならばツールバーに色んな便利ボタンがあっても良いのでは？」
  3. 「ステータスバー・ツールバー・アドレスバー以外のバーも考えられるのでは？」

などなど。そうして生まれたのはこんな設定画面です。

20250613_newapp3_bardeck_config20250613_newapp3_bardeck_toolbar_config
(ツールバーが2つあっても良い。ツールバーが複数置けるなら色んなブラウズ支援ボタンがあっても良い)

まぁこんな感じで、作っては壊し、ハマれば、そこに新たなアイディアが生まれててまたやることが増えていく…を繰り返すのでいつまで経っても完成しないというわけですね(笑)

iOS26 の Liquid Glass というデザインとそれに伴う基本UIの刷新をうけ、上記ご紹介したUIもまた調整余地が生まれる可能性もあります。iOS26リリース以前にリリースされる筈もありませんからね。やはり永遠のベータなのかも知れません😅

 

ということで、今回は開発中ブラウザの個性的なUIバーデッキについてのご紹介でした。ぼちぼち常用できるかも？🤔な状態になってきた気もしてまして、TestFlight でベータ版を配信する範囲を徐々に広げていけると良いなーなんてこともボチボチ考えています。