Nuxt.js(v2.2.0)をAPI Gateway+AWS LambdaにNuxt.jsのgzip機能を有効化してデプロイしてみた - Qiita
Nuxt.jsをAWS Lambdaで動作させるのに参考にした記事それぞれで、Nuxt.jsのgzip機能を無効化するように実装されていますが、有効化されていたらどうなるのか試してみました。 この辺の記事です。 Nuxt.js on AWS Lambda with Serverless Framework - mya-ake com https://mya-ake.com/posts/nuxtjs-on-aws-lambda/ Nuxt.js はデフォルトで gzip の機能が備わっています。 ありがたい機能ではあるのですが、このままだとブラウザで表示できなくなってしまいます。（Chrome では白い画面、 Firefox では Content-Encoding に問題があると表示されます。） 細かいところまで調べきれていないのですが、恐らく API Gateway にも gzip の機能
Firebase authで電話番号(SMS)認証を行う方法 (Web) - Qiita
概要 認証にFirebase authを使っているWebサービスで、アカウントに対して電話番号認証をさせ認証情報をリンクさせる仕組みを導入します。 動機 Webサービスにおいて一人にたくさんのアカウントを作られることを防ぎたいというのは割とよくあるケースだと思います。 このときに使える方法のひとつが電話番号(SMS)認証です。SMSで4桁とか6桁の数字を送ってユーザーに入力させるアレです。 メールアドレスとちがい電話番号は無料でいくらでも作るということはできないので、アカウントの開通に電話番号の確認を要求するようにすることは有効な手段です。 ちなみにFirebase authでは電話番号をログイン情報に使うこともできますが、今回はログインはあくまでGoogleやGithubなどOAuthを使い、電話番号認証は既存のアカウントに紐付ける方法についてです。 リポジトリ 今回作成したデモアプリは
GO + Revelで開発していたものをLaravel + nuxtで置き換える - Qiita
Goでの小さいweb開発について 依頼されて開発をして、3年近く小さめのwebサイトをGo + Revelで運用してきて正直そこまで恩恵を受けれなかったように感じる。ので以下のように構成変更した。 Before 言語: Go v1.9 パッケージ管理: dep フレームワーク: Revel v0.21.0 ORM: GORM ミドルウェア: なし、cacheはrevel cache DB: MYSQL 開発環境: Docker CI/CD: CircleCI こうなるまでにも3年間でいろいろしたんですが、いろいろ問題がありました。 Beforeの問題点 Revelが思ったほど盛り上がらなかった GoでのフルスタックなMVCフレームワークとして前は盛り上がってたけど・・・ Web開発のためのモジュール追加があまりなかったので自前で実装した部分がとても多かった Goの変遷がめんどかった Goを
Vue School の無料コース「Nuxt.js Fundamentals」を受講して Nuxt.js の基礎を学んだ - kakakakakku blog
Vue School で今月から提供されている最新の無料コース「Nuxt.js Fundamentals」をさっそく受講した．最近よく聞くようになった Nuxt.js をまだ試したことがなく気になっていて，タイミングも良かった！今まで Vue School で「Vuex for Everyone」と「Vue.js + Firebase Realtime Database」と「Vue.js + Firebase Realtime Database」を受講して，素晴らしく体験が良く，今回もオススメできる内容だった！ vueschool.io Nuxt.js Fundamentals コースは計14個の動画で構成されている．動画を見るだけなら35分で見れるし，動画を見ながら写経をするとしても，2時間あれば終わる．Nuxt.js とは何か？を速習するのに最高なコースと言える． 1 : Introd
これさえあればWEBアプリが簡単に作れる！Nuxt・Express・Vuetifyを使ったログイン画面の実装テンプレ - Qiita
これさえあればWEBアプリが簡単に作れる！Nuxt・Express・Vuetifyを使ったログイン画面の実装テンプレJavaScriptExpressVue.jsvuetifyjsNuxt 目的 nuxt.jsを使うことでWEBアプリが簡単に作れるようになりました。 加えてVuetifyやExpressを使うことで、高度なWEBアプリが開発できます。 今回はそれらを使ったログイン画面の実装テンプレートを紹介します。 実装に向けて https://github.com/nuxt-community 基本このGithubを参考にしました。 Expressやauth-moduleのテンプレートはありますが、 まるっと統合したものが欲しかったので、これらを応用して作成しました。 使用したフレームワーク・ライブラリ nuxt Express（API） vuetify（デザイン） axios（API通
Nuxt.js #2 Advent Calendar 2018 - Qiita
満員御礼！ 「Nuxt.js Advent Calendar」 の次スレです。 Vue.js ベースのフロントエンド フレームワークとして国内で大きな人気を誇る Nuxt.js。 v1、v2がリリースされ、大きく羽ばたいた 2018 年は、 Vue.js と並行でオンリーカレンダーも行います。 まだまだ知見の少ない Nuxt.js をもっと普及させていきましょう！ Nuxt.js Advent Calendar 2018 [https://qiita.com/advent-calendar/2018/nuxt-js) Nuxt.js #2 Advent Calendar 2018 [https://qiita.com/advent-calendar/2018/nuxt-js-2)
Nuxt.js - Qiita Advent Calendar 2018 - Qiita
Vue.js ベースのフロントエンド フレームワークとして国内で大きな人気を誇る Nuxt.js。 v1、v2がリリースされ、大きく羽ばたいた 2018 年は、 Vue.js と並行でオンリーカレンダーも行います。 まだまだ知見の少ない Nuxt.js をもっと普及させていきましょう！ 追加で参加希望のかたはこちら Nuxt.js Advent Calendar 2018 https://qiita.com/advent-calendar/2018/nuxt-js Nuxt.js #2 Advent Calendar 2018 https://qiita.com/advent-calendar/2018/nuxt-js Vue.js のかたはこちら Vue.js Advent Calendar 2018 https://qiita.com/advent-calendar/2018/vuej
Nuxt.js 2でYoutubeプレイヤー埋め込み - Qiita
調べると https://github.com/anteriovieira/vue-youtube https://github.com/kaorun343/vue-youtube-embed kaorun343/vue-youtube-embedがNuxt2のuniversalモードで動かなかった の二つが出てきました。 kaorun343/vue-youtube-embedの方がよく使われてそうなのですが、Nuxt.jsのspaモードだと動作してuniversalモードだとエラーが発生して動かなかったです。 Unexpected token export render function or template not defined in component: anonymous などのエラーです。 Using vue-youtube-embed in Nuxt.js にある方法やre
VuexFireでNuxt.jsアプリに一瞬でFirestoreを導入する - Qiita
今回のチュートリアルではNuxt.jsを使っていますが、全部フロントエンドで動いているのでVue.jsアプリでも同様に動きます。 TL;DR サンプルコードはGithubにあります。 VuexFireを使ってNuxt.jsアプリでFirestoreからデータを取得しページに表示させます。また、ページ上のフォームからFirestoreにデータを追加します。 はじめに 前回の記事でVuex.jsとFirebaseのCloud Functionsを使ってSSRアプリを作ってみました。 そのアプリをベースに、今回はVuexFireを使ってFirestoreを導入してみます。 FirestoreはFirebaseの提供するNoSQLデータベースです。現在はβ版ですが、今後Firebase Realtime Databaseに代わりFirebaseのデータベースサービスになっていくようです。 Step
iOSアプリをNuxt.js使ってPWAにしたら意外と良かった話 - Qiita
経緯 GW前に Apple Developer Program の更新のお知らせメールが届く。 iOSアプリはここ2年近く（意識が低く）何も作れておらず更新を迷っていました。 年間メンバーシップの料金は 11,800円。 これで家族で焼肉が食べれる（冗談） PWA にしてみよう！ PWA が iOS 11.3 の Safari でも対応されたこともあり、GWを使って勉強がてらiOSアプリをPWAとして作ってみます。 開発について 使った技術など。 JS Framework 今回は Nuxt.js を使うことにしました。 @nuxtjs/pwa を使って気軽にPWA化してみようと思います。 @nuxtjs/pwa https://github.com/nuxt-community/pwa-module CSS Framework 複雑なUIではないので今回は使いませんでした。 Materia
AWS Mobile Hub (Cognito) + Amplify.js + Nuxt.jsでユーザ認証（Email+Password）をセットアップする - Qiita
Cognitoの認証機能を簡単にsetupしつつ、webクライアント（js）からユーザ登録、ログイン、ログアウト、パス忘れに対応するお試し実装。 この実装フローではCognitoのWebコンソールを直接触らない。 前提 2018.11.14現在 yarn 1.10.1 https://yarnpkg.com/ja/ 要AWSアカウント 用語ざっくり Mobile Hub モバイルアプリやwebサービス開発で使えるAWSサービスを簡易にセットアップ出来るサービス（Mobile Hub自体は無料、他サービスは別途） Cognito ユーザ認証とAWSへのアクセスコントロールを行うサービス（月間アクティブ50,000まで無料） Amplify AWSの新しいライブラリ、Cognito等を簡易に利用できるよう作られたもの。 公式docではグローバルインストールしたamplifyからamplify
Nuxt + buefyでFontAwesomeを使うための設定 | creator note
buefyはVue.js用にBulmaを軽量化したUIコンポーネントです。Vue用のCSS Framework、UIコンポーネントは色々ありますが、現時点ではBulmaで落ち着いてます。buefyでアイコンを扱う場合、ドキュメントではMaterial Design IconsとFontAwesomeの2択で書かれてます。今回は、個人的に気に入ってるFontAwesomeをbuefyで使うまでの方法をメモして紹介します。 環境Nuxt.js v2nuxt-buefy v0.2.3 （現時点でv0.3以上では起動できませんでした）fortawesome v1.0.9buefyをインストールNuxt.jsを使う場合は、このページの下の方に書かれています。 command
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nuxt-linkでスムーズスクロールするならvue-scrolltoが便利で気が利いている…と思う。 - Qiita
Nuxt.js+Electronを試してみる - Qiita
nuxt.jsでパララックスをするならvue-parallax-jsがお手軽。Cool! - Qiita
Nuxt, ElementUI, Storybook 構成のVueプロジェクトの始め方 - Qiita
Nuxt.jsのプロジェクトにVuetify.jsを導入する方法 - Qiita
Nuxt Vuetify - Google 検索
GitHub - wataruoguchi/nuxtjs-firebase-example: Example project of Nuxt.js & FIrebase
【nuxt.js】 Qiita殿堂入り記事