アンテナを360度張り巡らせての学びの記録。年間360回更新します。
Webディレクター・ハラヒロシのブログ

2018.05.11

ウェブアプリ マニフェスト

MovableType.netでも追加された「ウェブアプリ マニフェスト」をまねて、このサイトでも実装テスト。詳しい仕様はGoogle Developersの記事にて。

ウェブアプリ マニフェスト  |  Web |  Google Developers

ウェブアプリ マニフェストはシンプルな JSON 形式のファイルです。デベロッパーはこのファイルを使用することで、ユーザーが想定するネイティブ アプリの場所(モバイル端末のホーム画面など)にウェブアプリやサイトを表示する方法を制御し、ユーザーが起動できる対象や起動時の外観を指定することができます。

▼ホーム画面にURLを追加し、そこから起動するとネイティブアプリのように表示させることができます。ブラウザ(左)とネイティブアプリ的に単独で立ち上がっている(右)の違い。まぁでも、戻るや進むの操作ができないのでちゃんとそのへんの設計を考慮していないとダメですが。。

ウェブアプリ マニフェスト


▼設定の確認はChrome DevToolsにて。
ウェブアプリ マニフェスト

Facebook twitter このエントリーをはてなブックマークに追加

電子書籍版 マンガ「Webクリエイター・ウルトラエル」マンガ「Webクリエイター・ウルトラエル」
ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。
※Vol.01~Vol.10をまとめ読みできます(すべて無料です)
「ブクログのパブー」で公開していますので是非ごらんください。

Webディレクター・ハラヒロシ

ABOUT

デザインスタジオ・エルWeb事業部のWebディレクター・ハラヒロシの仕事の肥やしブログ。アンテナを360度張り巡らせて、なるべく年間360回更新します。
詳細プロフィールはこちら

twitter Feedly Facebook Instagram Pinterest Amazon

ARCHIVES

過去記事一覧

SEARCH


ウルトラエル