どんな WebアプリケーションやWebサイトでもまとめて一元管理できる Stack

この記事は ひとり Mac Apps Advent Calendar 2020 - Adventar 23日目の記事です。

adventar.org


Stack はどんな WebアプリケーションでもWebサイトでも Stack 上で一元管理できるアプリケーションです。

これまでも同じようなアプリは多数登場しており、私自身も Station • Shortcut your way through all your workFranz – a free messaging app for Slack, Facebook Messenger, WhatsApp, Telegram and more を利用していた時期がありました。

ただこれらのアプリケーションには自分で好きなサイトを登録することができないという制限がありました。Station は製作元にリクエストして許可されれば Station から登録できる仕組みになっていましたが、許可されるまで待つ必要があり、許可されなかった場合はブラウザと Station を行ったり来たりすることになり、それが面倒で私は Station を使うのを止めてしまっていました。

Stack は Webブラウザのようにどんな Webサービス・Webサイトでも登録・表示することができます。

stackbrowser.com

上記サイトからインストーラーをダウンロードして、インストールすることができます。

アカウントを作成せずに Guest Stacker として利用することもできますが、登録したサイトやサービスを記録しておいてくれるので PC を買い替えた時や複数台で作業している人は便利かと思います。

ログインする場合は右下のアバターアイコンをクリックして、Membership を選択して、左のサイドメニューに表示されている "Log in" から Google アカウントを使ってアカウントを作成できます。

https://i.gyazo.com/c5a6e27680f9289388963bd60ccdee83.png

https://i.gyazo.com/0941709f762c90b3e6c55af13122ad8f.png

では早速 Stack に Webサービスや Webサイトを登録してみましょう。

https://i.gyazo.com/218f9dfebe8dca1e33cadeb1e3cf74d7.png

左側にWebサービスが沢山並んでいるので、ここから選ぶか左上の一行テキスト入力欄から URLを指定することでも追加できます。

Adventar の URL を追加してみましょう。

https://i.gyazo.com/1032005715e1914d8c6dd3ccca8183ce.png

Stack で表示されるようになりました。下のリストに Adventar のファビコンも表示されましたね。

サイトが表示されている上の帯のエリア(私は下に変えていますが、設定より左側に表示を変更することも可能です)をダブルクリックすると表示サイズが変わります。

Stack の幅いっぱいに表示するか、可変にすることができます。 可変にした場合、画面の右端をドラッグしてウィンドウサイズを自由に変更することが出来ます。

https://i.gyazo.com/9bba2618e1e49ccf9e1c9e0fc0f9832d.gif

横並びに追加できる

右側にスクロールした時に + アイコンが表示されていることに気づいたでしょうか?

https://i.gyazo.com/3be8769b7a8ee0f7524f555678f96d45.png

ここで + アイコンを押すと、先ほどと同じようにURLを追加するための画面が表示されます。

https://i.gyazo.com/45b26b2a3a6c2fe2bdb0aab9506d89a9.png

Dribbble を追加してみます。Adventar が表示されているウィンドウの横に Dribbble を表示している画面が追加されました。

https://i.gyazo.com/c6eca6709fc3901cd1ab57d9a0bd3e8f.png

このカードのように横並びに表示できる機能も魅力的です。Slack や Chatwork など複数のチャットを使っていた場合、横並びにして一度に確認することが可能になります。

リンクをCommandキーを押しながらクリックすると同じようにコンテンツの右側に並ぶ形でウィンドウが作成されます。 コンテンツ内の別ウィンドウで開くリンクなども同じように開いているウィンドウの横に並ぶ形で表示されます。

Stack 内で表示させずにブラウザで開きたい場合は Shift キーを押しながらリンクをクリックします。


もちろん並べずに、別のタブに追加することもできます。その場合は下の帯のエリアにある + アイコンをクリックします。

https://i.gyazo.com/083dc292b1b4e3b34f703d48c1e0514f.png
Twitter を別のタブに表示しているため、下の帯の Adventar と Dribbble の枠と Twitter のアイコンが離れて表示されている。
ドラッグして同じグループに移動させることもできる。

Private Session や Request Mobile Device にも対応

各ウィンドウの右上に表示されている三点リーダーをクリックすると、表示しているアプリケーションの設定を切り替えることができます。

https://i.gyazo.com/7f8629c9824e722c64da7d0bfabfa88d.png

一部を紹介します。

  • Private Session ... セッション情報を Stack に保存させなくできます。
  • Request Mobile Device ... モバイルデバイスとしてコンテンツをリクエスト出来ます。
  • Lock Scroll ... 横スクロールで隣のカードに移動できなくする。(コンテンツの横スクロールを優先する)
  • Mute notifications ... 通知を個別にオフにする

通知を一括で切る

一括で通知をオフにしたい場合は右下のベルのアイコンをクリックします。

https://i.gyazo.com/90e5240a8e3252e96993bdffed43d019.png

ランチャー機能、ショートカット

Command + L で登録しているアプリケーションを検索できるランチャーを利用できます。

https://i.gyazo.com/6083fd17409efae1b18ef8db5d044e8d.png

カード間やグループを移動できるショートカットも豊富に用意されているので、登録したアプリケーションが増えてもそれほど苦にはなりません。

https://i.gyazo.com/7e7db24e0c251b6252310b41716f22c9.png

Pro

有料ではありますが、Pro 版になることで開放される機能があります。

stackbrowser.com

Pro になると以下の機能が有効になります。

  • 複数スペースを無制限追加可能に
  • ダークモード対応
  • Ad & Trackers Blocker
  • Auto-Refresh
  • 一部の Chrome Extensions が使える

"複数スペースを無制限追加可能に" 特にこれが大きいです。

Space を切り替えられるようになると、仕事用のスペース、プライベートワークのスペース…のように切り分けることが可能になるので、カードの整理がしやすくなります。


Stack は日常的に利用する Web アプリケーションが沢山あるという方にはオススメのアプリケーションです!

今回紹介したアプリケーション

stackbrowser.com