0から目指すWebマスター2018-12-13JavaScriptホーム画面からの起動か判別する便利なプロトタイプツールはたくさんある。その中でも、AdobeのXDとSketchは、個人的にはトップ2。導線確認するには、もっとリアルな感じで作った方がいいなと思うことはよくある。そんなときは、html+CSS+JavaScriptでマークアップした方がより具体的な完成をイメージすることができる。アドレスバーを非表示にする一旦ブラウザでページを開いた後に、そのページをホーム画面に追加する。以降は、ホーム画面から起動すると、アドレスバーを非表示にしたアプリライクな画面を用意することができる。今回は、そのためのミニマムなソースの備忘録。"portrait"}manifest.jsonについては、別の機会に。今回使ったキーについて。ホーム画面から起動する際の表示向きサンプル:ホーム画面からの起動か判別するCOMMENT最後まで目を通していただき、ありがとうございます。この記事はいかがでしたか?ん?わからないなぁ御社へ紹介してる機能を試しとして使えるようにしてください後は動画を見ながらやりたいんで出来れば動画を見ながら出来るようにしてください。14:23コメントありがとうございます。サンプルページをスマホでブラウザ表示する・ブラウザで表示したサンプルページをホーム画面に追加し、ホーム画面に追加されたアイコンをタップしてページを表示するそれぞれで、画面に表示される文字列が変わっているのがご確認いただけます。ブラウザ表示かホーム画面からの表示かを分岐する処理ができている、ということになります。---サイトについての貴重なご意見もありがとうございます。このサイトは自分の備忘録として運営しています。その結果、他の誰かのお役に立てば何よりという感じです。HowToサイトではありませんので、ご容赦ください。いえ、このデザインも1日でチャチャっと仕上げた程度なので、そのうち情報精査含めデザインや動画など対応します。