You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
本記事はVue meetup #5で発表させていただいた「Nuxt.js本格導入で遠回りしないためのTips」のスライド発表の内容をQiita向けの記事としてまとめ、内容を一部追加したものです。これからNuxt.jsを本格的に使ってみようという方の助力になれば幸いです。 本記事では、そこそこな規模の本格的なアプリケーションにNuxt.jsを導入する場合に多くの方が直面するであろう問題や、知っていると助かりそうなことを紹介します。 Tips 1. ドキュメントを読もう 本格的なウェブアプリケーションをNuxt.jsで作ろうとしているならば、VueとNuxtのドキュメントを先にしっかり読みましょう。VueやNuxtは使い始めるのに多くのことを知る必要がなく、少しずつ利用の幅を拡げていけます。これはVueやNuxtの良いところです。しかし、本格的なウェブアプリケーションを構築する場合、結局のとこ
動機 私自身、普段はRuby on Railsでシステムを開発していることもあって、なかなかフロントエンドのモダンなフレームワークに触る機会がありません。 そんな中、ちょうど弊社の開発合宿の時期が来たので Nuxt.jsを使って練習がてら自分のポートフォリオサイトを作ることにしました。 予定していたページを全て完成させることはできませんでしたが、取り組んだ内容をまとめます。 作ったページ リポジトリ プロジェクト作成 create-nuxt-app を使ってnuxtプロジェクトを作る $ npx create-nuxt-app yuuu_portfolio [~/Documents/develop] npx: 379個のパッケージを29.271秒でインストールしました。 > Generating Nuxt.js project in /Users/yokazaki/Documents/de
こんにちは、エンジニアの高崎です。 Nuxt.jsとFirebaseを使って簡単なメモを取るWEBサービスを作るこの特集、前回は導入のためのセットアップをしました。今回はNuxt.jsとFirebase Authentication(ログイン認証)を使ってGoogleアカウントでログインする機能を実装します。 Googleのログイン認証を有効にする 1.Firebaseのコンソールにログインします。 2.プロジェクトを選択し、表示されるトップページの赤枠をクリックします。 3.Nuxt.jsのプロジェクトをフォルダに戻って/pluginsフォルダの中に下記のようなfirebase.jsを作ります。 4.2の画面で表示される画面を参考にapiKey〜messagingSenderIdまでをご自身のプロジェクトのものに変更します。 apiKey: "ここにAPIキーが入ります", authDo
東京ラビットハウスのerukitiです。ごきげんよう。 Nuxt大人気ですね。ですが皆さん、Nuxtを使っていてもその中身がどうなってるかまではちゃんと調べている方は少ないのではないでしょうか?エンジニアたるもの中身をちゃんと知らずに使うなどとはもってのほかです! そこで今回の記事はではNuxtの中身を読んで仕組みを解説します。 2018/10/08(月曜祝日)に開催される技術書典5では、Nuxtの中身を主な題材として、JavaScriptフレームワークの技術と仕組みについて解説する本と、V8を崇める本の2冊を出す予定です。ご興味があればサークルページから、チェックリストに登録してみてください。 この記事は、本を書く過程で調べ上げたことを元にブログバージョンとしてまとめたものです。 誤りがある、ここがわかりづらい、もっと深く説明がほしいなどの要望があれば、お気軽にコメントや、@erukit
作成したテンプレートは以下にあります。 c8112002/nuxt-ts-template 1. プロジェクト作成 今回作成するプロジェクトはSPAモードでフォーマッタにPrettierを使用します。 $ yarn create nuxt-app nuxt-ts-template ? Project name nuxt-ts-template ? Project description My dazzling Nuxt.js project ? Use a custom server framework none ? Choose features to install Linter / Formatter, Prettier, Axios ? Use a custom UI framework none ? Use a custom test framework none ? Choos
TL;DR nuxt.jsもFirebaseも分かってない超初心者がnuxt.jsをFirebaseにデプロイを試みた奮闘記。 参考文献からいいとこ取りしただけなので詳しくはページ下にある「参考文献」をご確認ください。 ポイント nuxt.jsをFirebaseにデプロイ nuxt.jsは動的アプリケーションでデプロイしたい npm run generate を使いたくない Firebase functionsはnode.js v8を使用する 今回のオチ SparkプランだとFirebase functionsが使えない→SSRできない→ここまで頑張ったのに… (できなかったんですが、方法としてはあってると思うので方法だけ備忘録として記載) なにか間違ってるかもなのでご指摘いただけると助かります。 前提 環境 OS: macOS Mojave (バージョン10.14) node: v8.1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く