次回から「なおやすブログ」と検索してください^ ^

THE・THOR(ザ・トール)PWA設定の方法

PWA設定はGoogleが推進しているプロジェクトです。

今後はSEOの観点でも重要になってくると思われますので、必ずやっておいた方がいいと思います!

今回も画像を使いながらサクッと説明していきたいと思います。

PWA設定[THE]

PWA設定[THE]をクリックします。

PWA機能設定

PWA機能設定をクリックします。

「PWA機能設定を有効にするか選択」のところから、有効を選択する。

※事前にHTTPS通信サイトの設定する必要があります。
 設定方法についてはこちらのサイトがおすすめです!!

 

ホーム画面のアイコン下テキストを入力する

これのことです↓(僕の場合naoyasublog)

アイコンの設定

アイコンの設定をクリックする

サイズ毎にアイコンを登録する

ブロガー側で設定出来ることはここまでです!

次からは、ユーザーに設定してもらう方法です。

スマホに設定する方法

当たり前ですが、ユーザーに設定して貰わなければ、せっかくPWAを設定しても意味がありません。。。
ここからは、TWitter経由と検索エンジン経由のユーザに分けて説明していきます。

Twitter経由のユーザー

safariをクリックする(iOSの場合)

□+↑のマークをクリックする

「ホーム画面に追加」をクリックする

「追加」をクリックする

このようになればOK!
お疲れ様でした!m(_ _)m

検索エンジン経由のユーザー

□+↑のマークをクリックする

「ホーム画面に追加」をクリックする

「追加」をクリックする

このようになればOK!
お疲れ様でした!m(_ _)m

正しく設定できましたでしょうか??

それでは、ばいばい〜!

naoyasublogでは質問・相談を募集しています。

なおやすの

ツイッター:@naoyasu_log

匿名希望の方は匿名質問箱でもOKなので、なんでも質問してくださいね~!

 

プログラミングに興味があるけど何から始めていいのか分からないなら

まずは無料体験から初めてみませんか?^^

>>TechAcademy [テックアカデミー]

ここならオンライン完結でプログラミングの無料体験が出来ますし

不安なことも相談できるのでめっちゃ良かったです!

合わないなと思ったら辞めればいいだけなので損はしないですよ^^

 

改めまして当ブログへようこそ!

もしあなたが…

  • 自分に自信がなくて将来が不安。
  • そこそこ稼げて食いっぱぐれないスキルが欲しい。
  • 普通以下のスペックだけど将来は自由に豊かに生きていきたい。

こんな風に思っているなら、このブログに出会えたあなたはラッキーです!

なぜなら過去の僕と同じ悩みを持っているから。

そしてこのブログには、これらの悩みを解決する記事が詰まっています。

当ブログのことを少し紹介させてください^^

目次はこんな感じです。

  1. 過去の僕の悩みのほとんどを解決したものとは?
  2. 〇〇スキルを身につけた方法。
  3. なおやすブログってどんなブログ?

>>続きを読む

 

【大学中退・引きこもり・うつ】からエンジニア就職を成功させた僕が選んだプログラミングスクール

  • TECHCAMP
    5

  • DMM WEBCAMP
    5

  • ポテパンキャンプ
    4