[B! Nuxt][vue] yoshitatuのブックマーク

Vueで書かれた自社サイトをNuxt対応した時にAWSインフラでハマったポイントとその解決策｜小林佑樹 / MESON CEO

先週、弊社が運営する３Dモデル検索ウェブサービス「heymesh」をリニューアルしました！4/10にサービスをリリースしてから初の大きなリニューアルになります。今回リニューアルした内容の一つに今までVue.jsで書かれていたheymeshをNuxtに対応させるという要件があったのですが、本記事はVueで書かれたサイトをNuxt対応させる途中でハマったポイントと、どのように解決したのかについて自分用のメモもかねてまとめました。本題から少し外れるため詳細は割愛しますが、Nuxt対応するに至った経緯としてはOGPやSEO対策しやすくするという要求があったためです。ハマりポイント１：S3ホスティングが使えない heymeshの最初のリリースの際にはVue.jsで実装されていました。そのため、インフラ側はスタンダードにS3とCloudfrontでWebホスティングする手法を採用していました。

yoshitatu 2019/03/09

リンク

アシアル技術セミナー「これから始めるVue.js / Nuxt.jsとサーバレスアーキテクチャ」開催レポート

こんにちは、アシアルの塚田です。 1月31日に東京のITS山王健保会館にてアシアル技術セミナーこれから始めるVue.js / Nuxt.jsとサーバレスアーキテクチャを開催いたしました。今回は、JavaScriptフレームワークのVue.js / Nuxt.jsとサーバレスアーキテクチャをテーマに掲げ、現場ですぐに使える技術選定ポイント、活用ノウハウ、などご紹介しました。当日は60名を超える皆様にご参加いただき大変多くのご質問などもいただき、Vue.jsおよびサーバレスアーキテクチャに対する注目の高さをあらためて感じることができました。日程や開催場所の都合で残念ながら当日ご参加いただけなかったという声もいただきましたので、セミナーの動画及び発表資料を公開いたします。第1部では、「AWS環境を利用したサーバレス設計のイロハ」と題してアシアルの笹亀がサーバレス構成を採用するメリッ

yoshitatu 2019/02/27

nuxt
vue

リンク

一休.comレストランのスマートフォン検索ページがSPAになりました - 一休.com Developers Blog

一休.com レストランは今年の 7 月 18 日、スマートフォン向け検索ページのリニューアルを行いました。このエントリーでは、その中身について少し紹介させていただきます。検索ページの課題一休.com レストランではスマートフォン向け検索ページに対して「遅い」という課題意識がありました。これは技術面で少しブレイクダウンすると; パーソナライズドを含む複雑な処理を行っているため、サーバーサイド処理が重い。 UI 上無駄な遅延処理を行っているため、クライアントサイドの描画が遅い。というサーバー側とクライアント側両方の課題がありました。クライアントサイドの「無駄な遅延処理」というのは; 検索結果取得が REST API 化されているにも関わず、再検索の度にページリロードを行い、サーバーサイドの描画からやり直している。という実装に問題がありました。下図がリニューアル前のページ描画の様子です