2017年はじめ頃から僕は見かけるようになってきたのですが、すご〜く簡単に言うとスマホアプリに見える・使えるwebサイトの感じです。GO」などで見ることが可能です。ウェブアプリ)は、どのようなものか?PWAは、ネイティブアプリとは違いダウンロードする必要がないのに、アプリのように使うことができる仕組みです。(細かく言うと違うと思うのですが、簡単にイメージできるように。確認してみてくだされ。PWAでは、4つのわかりやすい機能があります。スマホからアクセスすると使えるそうです!またAndroidだけじゃなく、iPhoneでも見れそうです。GOでマップを開いたあとに、「機内モード」でオフライン状態にするとどうなるか?渋谷に飲みに行く予定があったので、ふと思い出して電車の中で試しました。東急田園都市線ユーザーなので、渋谷までの道すがらです。GO」を開いて今の情報を取得しちゃいます。(見てもらうとわかるのですが、画面はアプリのようにアドレスバーがなくてぱっと見は普通のアプリですよね。FullScreenっていう設定のようです。)で、スクショを忘れたのですが、ちょっと縮小した状態で「渋谷駅」付近まで移動していきます。わかりやすいので「忠犬ハチ公像」を見れるところまで拡大しました。(今気づいたんですが、観光案内所が何故か中国語簡体字になってますね。)これで梶ヶ谷駅付近から渋谷駅までのマップデータを取得できました。Googleマップのキャッシュが残った状態です。機内モードにしてオフライン状態でマップを確認する次の画像を見てもらうと、マップ左上のところが欠けているのですが、オフラインでインターネット接続がない状態なので、いつまで待ってもそこが埋まることはありません。最初に渋谷まで移動していくときは、線路上を移動していったのでちょっと離れているところは、データがない状態ですね。Googleマップは四角いタイルの形で情報を取得して表示しているそうなので、先程必要のなかった部分はキャッシュがない状態です。試しに田園都市線ではなく、二子玉川から大井町線の方へ移動すると表示されませんでした。オフライン状態でもGPSは使えるので、現在地は表示される僕はこれが一番興味深かったのですが、通信自体がオフラインになっても端末のPGSは関係ないようなので、電車で移動している状態はキャッシュのある地図上に表示され続けます。「インターネット接続なし」の状態のままですが、現在地の青い丸は移動していきました!何故かマップの画像が消える先程の地図上で、二子玉川を過ぎて渋谷に向かうと地下鉄区間になります。GPSが使えなくなるだろうなぁ〜と思っていたのですが、一旦ブラウザを閉じて画面も消してみたところ、改めてブラウザを開いたら真っ白になってしまいました!!拡大したり縮小したり、ブラウザを開き直したりしたのですが、戻らなかったため一旦機内モードをやめたところ、復活しました!ただ、地下鉄区間にいたのですが、位置情報もちゃんと取れていました。渋谷まではもう一度表示できるように移動してキャッシュを作成したら、改めて機内モードにしたところ、、なぜか色が薄くなったんです。わからないのですが、地図を縮小表示しても変わりませんでした。その後、駅につくたびに現在地ボタン(右下の丸いやつ)を押すのですが、地上にいるときとは違い位置情報を最後に取得できている「桜新町駅」から移動はしてくれませんでした。以前ポケモンGOで見ていたのですが、やっぱり地下だとGPS情報は取得できないようですね。拡大縮小で取得できている情報(キャッシュ)が表示される位置情報が更新できないので、マップがどうなっているか細かく見ていったのですが、同じ場所でも拡大時と縮小時のキャッシュデータがあるかないかで、通常見れないようなマップが表示されます。上のマップの左上ですが「代々木八幡」という駅がかなり大きい文字ですが、渋谷駅周りは拡大表示をしていたので詳細が表示されています。最初と同じように、地図を見ていないところは何も表示されません。地上に出るとGPSが機能するので、ちゃんとした位置に現在地が表示されるそんなこんなんで渋谷に到着したのですが、地上に出ると現在地が戻ってきました!!拡大していたところは詳細情報が出るのですが、見ていないところは同じように縮小時の画像が表示されました。GO」で試してみたのですが、どのぐらいの量と期間キャッシュを残しておけるのか気になりますね。途中でキャシュが消えちゃって真っ白になりましたがどうなっているのやら。PWAのオフライン対応は、今後どういうサイトなら便利に使えるのかも気になりますが、アイディアなんですかね。フリーWifiがあるホテルとかで、事前に見ておけばキャッシュがあって、GPSがは機能するから通信料をかけずにGoogleマップが使えそう。(ただ海外はふりーWifiが多いのかな?)もしくは災害時に通信がなくなっても、事前に災害マップとかがキャッシュされていれば便利なのかなぁ〜ってところですね。避難場所とか給水所とかわかると助かることもあるのかな。今回はオフライン対応の部分をチェックしたのですが、PWAにはプッシュだったり、ホームボタンに追加など便利そうな機能もあるので、それも試していければと思います。ある程度ページの制作が進んでくると、ヘッダー下のメニューの内容を変更したくなってきますよね。いじっていると、固定ページを追加すると勝手にメニューに追加されるのが分かってくるんですが...2013.04.08web制作Macで画像をまとめてリサイズするときに便利な「Th-MakerX」を入れてみた(無料で)WindowsからMacに乗り換えてから色々と必要なソフトが出てきました。ブログをこうやって更新するときに必要なのが、画像を記事の中に入れることなんですが、まとめてリサイズするのは結構大変です。数枚の画像なら、普通に画像のファイルを開くとM...2013.12.19web制作wordpressのアイキャッチ画像をリサイズする方法(初心者向け)これも前から気になっていたものの一つで、トップページに表示されるアイキャッチ画像がおっきくてどうにかしないとなぁ~って思っていたものを変更することにしました。無料ウェブサイト作成サービス”WiX”を使ってみた「WiX」っていう無料ウェブサイト作成サービスを知っていますか?以前、Jimdoってサービスで自分のサイトをつくろうとしたことがあるんですが、htmlやCSSなどのコーディングやプログラミングの知識がなくてもすごく簡単にサイトが作れてしまう...2014.01.22web制作htmlで作られているサイトをWordPressに作り変える時、index.htmlを残したまま裏で制作する方法htmlで運営しているサイトをWordpressに作り変える際に、サイトの運営をとめることなく裏でワードプレスサイトを構築することになりました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。views2017.04.06Wordpressで複数の会員が独自のページを作成し、内容を管理・更新できるようにする方法。(3)これから1年間ブログを頑張れるなら、最初からXサーバーにしとくのがオススメです。views2017.04.06Wordpressで複数の会員が独自のページを作成し、内容を管理・更新できるようにする方法。(3)これから1年間ブログを頑張れるなら、最初からXサーバーにしとくのがオススメです。タイトルとURLをコピーしました。