スマホでアプリっぽく利用できるようにしました

攻城団へ届く要望の中で比較的多いのが「アプリ化してほしい」というものです。
個人的にその気持ちはよくわかるのですが、対応するコストが（時間的にも技術的にも資金的にも）不足しているのでずっと「後日検討」のまま保留していました。

今回、完全なアプリではないのですが、アプリ風に利用できる状態にしましたのでご案内します。

今回の「なんちゃってアプリ」で可能になったことは多くありませんが、使い勝手は向上しています。
まず従来の利用方法ではブラウザのメニューが上下に表示されていました。上部にはURLを入力するアドレスバーが、下部にはいくつかのボタンが並んでいます。これはiPhoneでもAndroidでもそうですし、またどのブラウザで閲覧していても同じです。

これだともともと大きくないスマホの画面のかなりのスペースを専有してしまうため使い勝手が悪かったですよね。
（スクロールすれば細くなるのですが、上下に移動すると出たり消えたりとそれはそれで鬱陶しかったと思います）

それがなくなるというだけでもお試しいただく価値はあると思います。

導入方法

iPhone / iPad の場合

攻城団のトップページを表示して、まずブラウザの下部メニューにある共有ボタンを押してください。その後「ホーム画面に追加」を選んでください。そうするとホーム画面に攻城団のアイコンが追加されるはずです。
次回からはそれをタップすれば攻城団にアクセスが可能です。

Androidの場合

攻城団のトップページを表示すると以下の画面のように下から「ホーム画面に追加」のバナーが表示されますのでボタンをタップしてください。
表示タイミングは 「前回から5分以上の間隔があり、2回目以上のとき」とされていますが、もしなかなか表示されないぞって場合は右上のメニューからも「ホーム画面に追加」を選べますのでそちらから登録してください。

今後について

これは「PWA」（Progressive Web Apps）という機能を利用したもので、スマホのブラウザを利用してアプリっぽい動作を実現するものです。
じっさいにはもっといろんな機能が使えるようなので、おいおい勉強しつつ対応していければと思っていますが、まずは表示領域がスッキリするだけでも価値があると思って公開することにしました。

今後さらに自動ログインに対応したり、タイムラインの更新通知をプッシュ通知で受け取れるようにしたりできればいいなと思っています。