PWAアプリをLaravel + Vueでつくる方法（ダウンロード可）
さてさて、前回記事「Laravel + Vue + GraphQLでデータ取得」では最近知った新しい技術をテーマにした内容をお届けしました。 そして、今回はその流れで「知ってはいたけど、なかなかチャレンジする機会がなかった」内容をお届けしたいと思います。 ズバリ、それは・・・ PWA（Progressive Web Application） です。 PWAとは、簡単に言うと「ウェブの技術でスマホのアプリがつくれる」というもので、大部分のシェアを占める iPhone、Android 両方に対応しています。（厳密にはiOSの場合、インストール部分などで未整備の部分もあります） そこで！ 今回はLaravelを使って、PWAを実装してみたいと思います。 ぜひ楽しみながらやってみましょう❗ （最後に今回開発したソースコード一式をダウンロードできますよ😊） 「正直言うと、手こずりました😂」 開発
「SEO」と「SPA/PWAによるUX向上」を両立させるハイブリッドレンダリングの基礎知識と実現手法 | Moz - SEOとインバウンドマーケティングの実践情報
前編を読んで最新ウェブ技術の入り口に立ったら、次はUXやパフォーマンスを実現するSPAの基本と、SEOのためのハイブリッドレンダリングの基本を理解しよう。 ここでは、ユーザーにとって快適なSPAを実現しながら、検索エンジンがコンテンツをクロール・インデックスできるようにするための基本的な知識として、 ディープURLインデックスサーバーサイドレンダリングハイブリッドレンダリングアイソモーフィックアプリプリレンダリングJSフレームワークによる完璧なハイブリッドレンダリング／静的サイトジェネレータといった具体的な手法を理解していこう。 URLが一意であるか、それがSEOのポイントしかし冒頭で述べたように、クライアントサイドのJavaScriptへの依存度が高い状況は、SEOにとって問題だ。 歴史的に見ると、このような問題の多くは、次のようなギャップに起因する。 検索エンジンのクローラーは、コンテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
