Nuxt.js Meetup #1 の発表資料です https://nuxt-meetup.connpass.com/event/82578/
Vue.js + Nuxt.js を使ってB2Cサービスを作った話 March 9, 2018 Wakamatsu Hisashi Front-end engineer CyberAgent, Inc. 若松 良(Wakamatsu Hisashi) Front-end engineer 経歴 - 大学卒業後、映像制作に携わる - 2012年にCAに中途入社 - フロントエンドエンジニアとして複数サービスの立上げ、運用に携わる - 1年半程前から女性向けメディア「 by.S」の運用を担当 自己紹介
まだまだ検証段階だが、手法を載せる。 追記: nuxtjs 1.0 がリリースされましたが、残念ながら node.js 8 以降のサポートとなり、2018年2月26日現在、AWS Lambda上で動かすことができません。動かしたい場合は、node.js 6 で動作する、RC版の利用が必要そうです。早く、AWS Lambda に、node.js 8 Runtime が来てほしいですね。 追記2: 2018年4月 に AWS Lambda 上に、node.js 8 ランタイムが実装されました。https://aws.amazon.com/jp/blogs/compute/node-js-8-10-runtime-now-available-in-aws-lambda/ 同様の方法で nuxtjs 1.4 が動作することを確認済みです。 追記3: 2018年8月16日以前の記事では、 S3 に
It has been a long run, with a lot of commits, issues, contributors & fun! See 1.0.0 Release Note on GitHub. Nuxt.js is a framework on top of Vue.js, vue-router, vuex and vue-meta. You can create a (static generated or universal or single page) web app quickly with the same setup and no build config to write. TLDR:Nuxt 1.0.0 is out, up to date with the lastest versions of Vue, vue-router, vuex and
株式会社スマートドライブのオオキです。遅ればせながらSmartDrive Advent Calendar 201725日目の記事です。 はじめに 弊社ではGraphQLを採用したプロダクトを開発中です。 詳しくは弊社アドベントカレンダー4日目の記事を見てみてください。 GraphQLのススメ 開発中のプロダクトのフロントエンドではNuxt.jsを採用する予定です。 NuxtでGraphQLを扱う上で少し躓いた部分があったのでまとめてみたいと思います。 実装 apollo-module Nuxt.jsでGraphQLを扱うためにNuxt.jsのapollo-moduleというモジュールを使います。 Nuxt.js module to use vue-apollo (integrates graphql-tag loader to parse .gql & .graphql files) ap
Firebase Advent Calendar 2017 21日目の記事です。 フリーランスでフロントエンドを中心にエンジニアをやっているpotato4dです。 普段はVue.jsを中心に、案件を進めたりコミュニティに関わったりしていますが、今回はそんなVue界隈で今アツいフレームワークであるNuxt.jsとFirebaseを組み合わせて、SPA + SSRにAuthと Firestore を組み合わせたアプリケーションを高速で作る方法を、サンプルとあわせてご紹介します。 2019/10/16 追記 このサンプルは Firestore が存在しない Nuxt v1.x + RTDB 時代のコードを愚直に移行している ので全体的に資料が古くなっています。 インフラ構成については順次更新していますが、特にデータストア操作周りについては できるだけ参考にしないでください。 2019/07/02
これ、みんなどうやっているのか聞きたいので投稿してみる。 もっといい方法が存在するのであれば教えてください。 nuxt.js は SSR によるアプリケーション開発における必要なものが大体揃っており、良いなーということで使い始めてはいるのですが、やはり、まだまだRC版ということで課題もあります。今回は Unit テストで詰まりました。 nuxt.js では、nuxt-build により store をまとめたり、nuxt.js がプリセットで用意している component を .nuxt/ ディレクトリに用用意する。さらに面倒なことに、.nuxt で展開されているものは、webpackで使う前提となっています。 内部的には、 require.context を利用しているためです。 nuxt.js 公式では、 ava による e2e テストの方法について公式で述べているものの、Unitテ
Vueでキャンペーンサイトを作った話を自社の記事で投稿してしまい、同じネタを使おうとしたら、二重投稿禁止というのを知らなくて、焦りました。 似たような投稿するのもあれなので、なんか違う話題も書きます。 nuxt.js+expressのvue-cliテンプレートを使って、api+SSRのシングルページアプリケーション構成のマイクロサービスを作っています。 ちっちゃいページ+ちっちゃいAPIを使うとすごくいい感じにマイクロサービスを作ることができました。その良さを今回は語ります。 重要なものが最初から簡単に用意できる webpackの設定は自分でローダーを設定すると柔軟に設定する代わりに割と手間が増えます。 特にVueでお決まりのアプリケーションを作りたいときに、下の要件は欲しいでしょう。 シングルファイルフォーマットでの開発(vue-loaderの設定) linterの実行 シングルページで
ここ数ヶ月はNuxt.jsで開発することが多いのですが、意外と~/pluginsディレクトリにいろいろ貯まってきたので軽めの共有です。 前提 mode: 'spa' で開発しています こうするとサーバーサイドレンダリング(SSR)はなくなります SSRの場合は nuxtServerInit というAPIを利用することでストアの初期化などが可能です SPAの場合は初期化処理を ~/plugins で実装することが可能です 名前からしてpluginsで初期化するのが正しいのかどうかあんまり自信ないですが、実装上はこれで可能です。 ~/plugins の挙動 (build後の状態はわからないですが).nuxt/index.js を見ると、以下のような状態になっています。 // 略 import plugin0 from 'plugin0' import plugin1 from 'plugin1
2017.11.18 HANATANI Takuma(@potato4d) #jsfes
See a full list on Vue Telescope U Can Stock - U.S. stock market information platform for Korean. readable.report - View all of your stats from all of your apps with a single easy-to-read report. homefinder.com - Nation-wide real estate portal in the US. Find or sell your home on HomeFinder! www.gamevix.com - GameVix: Swap Video Game Discs - Spend much LESS 💰, play much MOAR 🎮! (Nuxt.js + Vuetif
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く