Sentry で Nuxt.js のエラー検知 + 環境変数の扱いに関する Tips - Qiita
はじめに Sentry は OSS のエラー検知プラットフォームです．様々な言語に対応した SDK が用意されており，例えば JavaScript モジュールを使うとブラウザ上で発生したエラーや Node 上のエラー通知が可能になります． SPA でフロントエンドでの責務が多くなってきた昨今，エラーの検知は課題になりがちです．ユーザーの申告でしか気づけなかったバグや，特定のブラウザ・デバイスでしか発生しないエラーに気づけるようになります． Nuxt.js アプリケーションと Sentry を組み合わせた本番運用で，考慮が必要になった Nuxt.js モジュールと環境変数の扱いに関して紹介したいと思います． TL;DR; 本番環境のエラー検知のため Sentry を使うときの DSN 管理に困った DSN をサーバの環境変数として設定し，クライアント側には動的に渡したい nuxt-env は
Nuxt.jsでaxiosの共通処理を作成し、API呼び出し処理をラップして使用する - Qiita
Nuxt.jsでAPIを叩くとき、共通のヘッダーとか設定したいですよね？ さらにAPIの呼び出しをラップして、 api.getUser(1) みたいな感じで使いたかったので、いろいろ試した際の備忘録です。 酔っ払いながら試したので、忘れないうちにメモっておきます。 ということで今回は、下記を目的としています。 APIを叩く際に共通のAuthorizationヘッダーを付ける APIの呼び出し処理をラップして、Component内でより手軽に呼び出させるようにする ディレクトリ構成 /plugins 内に、下記のような構成でファイルを置きます。 plugins └─ axios ├─ modules │ ├─ user.js # user関係のAPI処理 │ ├─ hoge.js # hoge関係のAPI処理 │ └─ fuga.js # fuga関係のAPI処理 └─ index.js #
Nuxt.js + TypeScript のアプリケーションで環境変数を安全に管理する - Qiita
はじめに イマドキの SPA 開発だとアプリケーションの設定を環境変数で取り扱うことが非常に多くあります。 開発環境・本番環境で変えたい API の baseURL、Google Analytics のトラッキング ID や Firebase の認証情報、ビルド後の成果物を上げる CDN の URL まで、ぶっちゃけ「大体の設定が環境変数で行われている」といっても過言ではない状態です。 ただ、割と環境変数は雑に使われます。いたるところから呼び出されます。いつか崩壊します。 なので、この記事では環境変数の利便性を残しながらも、可能な限り安全に環境変数を取り回す方法をご紹介します。 例によって例の如く、サンプル及び実現方法は Nuxt.js ですが、他の技術でも転用できるはずです。 この記事はちょこちょこ手伝わせてもらっている Omnis inc. での治安維持向上の一環で上がった話のまとめだ
Nuxt.js v2.7.0 の変更点と注目のポイントまとめ - Qiita
本日 Nuxt.js v2.7.0 がリリースされました。 普段は大きな変更点がある場合を除き日本語でまとめたりしないのですが、いくつか便利そうな変更点があったので簡単にまとめます。 tl;dr アップデートにおいて変わった主な変更は以下(# は該当の Pull Request) SSR 側での console.log が開発環境に限定してクライアントへと引き継がれるように #5673 store ディレクトリ内の新規作成がウォッチ対象に #5681 serverMiddleware のウォッチも改善 #5681 TypeScript プロジェクトにて Node.js v8.6 のサポートを廃止 #5691 今回のリリースについての公式情報 GitHub Release https://github.com/nuxt/nuxt.js/releases/tag/v2.7.0 Official
Vue.jsとNuxt.jsを使っていて、どっちのドキュメントを見ればいいんだ？ってなったときのために機能を整理する。
Vue.jsとNuxt.jsを使っていて、どっちのドキュメントを見ればいいんだ？ってなったときのために機能を整理する。 開発に慣れてきたら迷うことはないと思いますが、Vue.jsをさわるのが初めてでNuxt.jsを採用した場合、どっちのドキュメントを見ればよいかわからずに、さまよってしまう事があるかもしれません（自分がそうでした）。そんなときのための、長ったらしいメモです。 この記事を書いている時点では、Vue.jsが2.5、Nuxt.jsが1.2です。 ドキュメントの歩き方 まずはガイドで概要を把握して、細かいことが気になったらAPIをあたります。 Vue.jsでの開発がはじめてであれば、本格的に書き始める前に、スタイルガイドを見ておくと、手戻りが少なくなるかもしれません。 ガイド フレームワークの使い方がわかりやすく書かれています。 はじめにから順に読んでいって、大体こんなことができる
How to import module to external file · Issue #101 · nuxt-community/axios-module
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
実際Nuxt.jsとExpressでどうやってSSRやるか理解してましたか？自分はよくわかってなかったです【解説】 - Qiita
実際Nuxt.jsとExpressでどうやってSSRやるか理解してましたか？自分はよくわかってなかったです【解説】ExpressVue.jsFirebaseFirebaseCloudFunctionsNuxt 最近は、 Firebase Cloud Functions（Node v8）：バックエンド処理 Nuxt.js：JSフレームワーク Firebase Hosting：css, jsファイルなど静的ファイル Cloudinary：画像等メディアファイル が爆速でWebアプリケーションを開発する最適解だと考えているのですがどうでしょう？ 自分が最初Firebase x Nuxt.jsで開発を始めた際、なかなか理解できなかったのが、 Nuxt.jsとExpressがどう繋がっているのかということでした。 Express(Firebase Cloud Functions)で受けて、どうやって
GitHub - nuxt/awesome: A curated list of awesome things related to Nuxt.js
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
Nuxt.jsとFirebaseを使って簡単なWebサービスを作る＜導入編＞ | non-standard world株式会社
こんにちは。エンジニアの高崎です。 突然ですが、Webサービスをもっと気軽に作れたらいいのになと思ったことはありませんか？ 本格的にWebサービス構築の投資をする前に、需要確認のための動くプロトタイプを作りたい フルスクラッチで作るほどの予算はないんだけど、Webサイトにちょっとした会員限定機能をつけたい など、私達のクライアント様にもそのような課題を抱えている方がたくさんいます。調査した結果、そんな場合の最適解が「Nuxt.js」というフロントエンドのフレームワークと「Firebase」というGoogleが提供しているクラウドサービスを組み合わせて作ることでした。 この記事では「Nuxt.jsとFirebaseを使って簡単なWebサービスを作る」と題して、ハンズオンで簡単なノートを取るWebサービスを作る方法をお送りしたいと思います。 Nuxt.jsって？ SPA＊フレームワーク。Vue
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mya-ake.com