並び順

ブックマーク数

期間指定

  • から
  • まで

481 - 520 件 / 935件

新着順 人気順

NUXTの検索結果481 - 520 件 / 935件

  • Vue.js・Nuxt.jsを導入している企業・サービス一覧 - Qiita

    ここ数年でVue.jsの導入事例が増えてきたので、一覧にまとめてみました。 技術ブログ、勉強会やカンファレンス資料などが中心です。 調べて見ると、導入理由、既存システムからの移行など、とても参考になるものばかりでした。 他にも導入しているサービスがあれば、随時更新していきたいと思います! Vue.jsを導入している国内の企業・サービス一覧 ZOZOテクノロジーズ https://speakerdeck.com/amatsukiku/frontend-architecture-design-of-zozo LINE https://www.slideshare.net/linecorp/vue-fes-japan-2018-line-lunchlt-121657290 https://speakerdeck.com/noraesae/linetonuxtfalsehua DMM https:

      Vue.js・Nuxt.jsを導入している企業・サービス一覧 - Qiita
    • 【技術書典4新刊】Nuxt tech book【PDF版】 - 帝都研究所 BOOTH出張所 - BOOTH

      商業版が発売されました。今後はこちらを推奨します。 https://www.amazon.co.jp/dp/4863542569 【技術書典4】で計 200 部完売! Nuxt tech book は、私が Nuxt.js を知り、学び、そして現場で培ってきたノウハウを凝縮して一冊にしたものとなります。 合計104Pに及ぶ本文では、数十件におよぶ Nuxt.js プロジェクトに携わってきた経験を基に、基本的な入門から本格的な開発の Tips までを全て凝縮しており、これから Nuxt.js をはじめるひとも、既に Nuxt.js を利用しており、もっと詳しく使いたいひとも満足できるコンテンツに仕上がっています。 ※注意 BOOTH での販売は PDF 版のみとなります。現状物理版の販売予定はありません。 商業版が発売されました。今後はこちらを推奨します。 https://www.amazo

        【技術書典4新刊】Nuxt tech book【PDF版】 - 帝都研究所 BOOTH出張所 - BOOTH
      • Nuxt.jsのpluginsにaxiosの共通部品を実装する - Qiita

        はじめに Nuxt.jsにてクライアントサイドのvueからサーバのREST APIを呼び出す際に、vue内のスクリプトにロジックを書くと、他の場所で流用できない。そのため、外部のjsに共通ロジックとしてサーバのAPIを呼び出す処理を記述したかったが、あまり良い例が無かったので、検討&実装してみた(正しいかは不明) Vuexストア内でaxiosを使ってサーバAPIを呼び出すみたなことをやってる人も居たけど、それはちょっと違うだろう(というか気持ち悪い)ということで、pluginsに共通ロジックを作成することにした。 構成 修正する対象は以下の3ファイル(pages/index.vue , plugins/axios.js , plugins/api.js) ROOT ├─.nuxt ├─assets ├─components ├─layouts ├─middleware ├─pages │

          Nuxt.jsのpluginsにaxiosの共通部品を実装する - Qiita
        • GitHub - nuxt/hackernews: HackerNews clone built with Nuxt.

          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. Dismiss alert

            GitHub - nuxt/hackernews: HackerNews clone built with Nuxt.
          • Nuxt.js on Flask on Dockerの環境をサクッと作ってみる - Qiita

            試した環境 Docker for Mac ディレクトリ構成 Nuxt-Flask-app/ ├── app/ │  └── main.py ├──  uwsgi.ini ├── Dockerfile └── docker-compose.yml from flask import Flask, render_template,jsonify from flask_cors import CORS app = Flask(__name__) cors = CORS(app, resources={r"/*": {"origins": "http://127.0.0.1:3000"}}) @app.route('/api') def api(): message = {} data = {} message['message'] = 'Hello World from Flask!' data

              Nuxt.js on Flask on Dockerの環境をサクッと作ってみる - Qiita
            • Nuxt.js(v2.2.0)+TypeScriptなアプリをAWS Lambda+αにデプロイしてみた - Qiita

              Nuxt.jsのv2系でTypeScriptを利用しつつ、AWS Lambda+αにデプロイできるか確認してみました。 手順 GitHubにいい感じのコードをアップいただけている御方がおられたので、利用させてもらいます。 jeehyukwon/nuxt-serverless: Nuxt.js Serverless SSR Starter on AWS (Lambda + API Gateway + S3) with Serverless Framework https://github.com/jeehyukwon/nuxt-serverless 静的ファイルはS3、AWS LambdaのNode.jsでExpressを立ち上げて、SSRをして、API Gatewayがエンドポイント、ドメインはカスタムドメインを利用する構成です。 カスタムドメインを利用する前提でしたので、それを外してデプ

                Nuxt.js(v2.2.0)+TypeScriptなアプリをAWS Lambda+αにデプロイしてみた - Qiita
              • 2019年の静的サイト制作はGulpではなくNuxt。

                長らくGulpスターターキットで静的サイトの受託開発を行ってきたが、Nuxtに切り替えたのでその経緯。 Demo GitHub Nuxtの恩恵 平たくいうとGulp構築のめんどさから解放され、個人、チーム単位の環境差分に悩まなくて良くなる。コマンド一発でモダンな開発環境が整備され、ただちに開発を始めることができる。NuxtはVueのWrapperなのでVueでUI設計が可能。例えばAdobe Max の公式サイトはNuxtで作られている。 要点 Gulpの問題点 個人、チーム単位での属人化 開発環境構築で工数を要する 構成によっては重い ファイルツリーの属人化 Nuxtの利点 開発環境の平準化(非属人化) 必要機能が初期装備で備わっている(監視、minify、ローカルサーバー) ES6~ コマンド一発で環境構築完了 ファイル構成の雛形化 特筆すべき点 主要なライブラリが揃っている あれやり

                  2019年の静的サイト制作はGulpではなくNuxt。
                • Nuxt 3がパブリックベータ版になったので新機能の紹介や所感など

                  本記事で書かれている内容は 2021/10/21 時点の内容になります。 ベータ版のため、今後記載方法の大きな変更の可能性があります。 最新情報は Nuxt 3 公式ドキュメントでご確認ください。 はじめに 2021/10/12 Nuxt.js 3(以下 Nuxt 3)がパブリックベータ版に移行しました 🎉! これによって誰でも触れるようになったというわけで、今回早速試してみました的な記事です。 (そしてなぜか Zenn ではあまり話題になってない…) Nuxt 3 の主な新機能 主な新機能は以下の通りです。 Nitro Engine による高速化/軽量化および Nuxt 内部での API 作成への対応 トップページの記載によれば、75 倍の軽量化が実現したそうです。 高速化に関しては数値まで公表されていないですが、実際にアプリを作成したところバージョン2とは別物レベルで早くなっていまし

                    Nuxt 3がパブリックベータ版になったので新機能の紹介や所感など
                  • Nuxt.jsでページ遷移ごとに共通の処理を実行する方法 - Qiita

                    NuxtでWebアプリケーションを作っている際、ページを移動するたびに共通の処理を行いたい、ということがあると思います。 ログイン状態をチェックして未ログインの場合はリダイレクト グローバルメニューを閉じる 遷移先に応じたstateの変更 などなど。それらの実装方法について共有したいと思います。 手順 Nuxtではルーティングにvuex-routerが用いられています。そのためページ遷移ごとの共通処理はvuex-routerのオプションを用いる形で実装します。ファイル名はなんでもOKですが、pluginsディレクトリ以下にファイルを作成します。 pluginsファイルの追加

                      Nuxt.jsでページ遷移ごとに共通の処理を実行する方法 - Qiita
                    • Nuxt.jsとFirebaseでサイトを作った話 -1- はじめに | isoppp.com

                      TL;DR 当サイトの構築について半分記録、半分実装向けのノリで記載します。 一言で言えば Nuxt x Firebae x Markdown記事ブログ です 目次 このサイト作ったぞシリーズです。 Nuxt.jsとFirebaseでサイトを作った話 -1- はじめに イマココ Nuxt.jsとFirebaseでサイトを作った話 -2- CSSとSassとPostCSSとVue Nuxt.jsとFirebaseでサイトを作った話 -3- Markdownの変換とNuxtへの組み込み Nuxt.jsとFirebaseでサイトを作った話 -4- PWA/GTM/sitemap/feed対応 Nuxt.jsとFirebaseでサイトを作った話 -5- netlifyとFirebase 作り始めたきっかけ ずっと非公開なポートフォリオページみたいなものはあったのですが、 それ自体がかなり古くなって

                        Nuxt.jsとFirebaseでサイトを作った話 -1- はじめに | isoppp.com
                      • Nuxt.js + Netlifyで社内向けPodcastを作った話 - タンバリン開発ブログ

                        タンバリン大阪オフィスでエンジニアアルバイトをしている平井です。 こちらはJAMstackアドベントカレンダー19日目の記事です qiita.com 内容 開発経緯 Podcastについて 技術的な話 所感 開発経緯 タンバリン大阪オフィスでは tambourine radio という名前で不定期に社内向けのラジオを収録しています。 何回か収録を重ねるにつれて社員の方から「ラジオのアーカイブを聞けるpodcastサイトを作ろう」 と提案を頂いたので、インターン生(僕を含めて3人)でチーム開発をしました。 大まかな技術選定やチケットの作成は3人で行ったのですが、コーディングの段階に入って諸事情(他の方のインターン終了など)があり、僕がほぼ個人で制作する形になりました Podcastについて 社内限定公開なので実際に見ていただくことはできないんですが、ざっくりとしたアプリの仕様等を画面のキャプ

                          Nuxt.js + Netlifyで社内向けPodcastを作った話 - タンバリン開発ブログ
                        • 開発者向けのミリシタAPIエンドポイント 「Princess」を Nuxt.js で使う - うしろのこの本ください

                          どうも アイマスの API と言えば im@study の im@sparql 辺りがあるが、ミリシタオンリーであれば REST で使えるエンドポイントがある。 api.matsurihi.me 特定のエンドポイントへリクエストを送ると対応した json データが返って来る。見た感じ個人運営の有志サービスなので、使う時は加減するか要相談案件。(こういうのにお金落とすべきだよなと思ったり) せっかくだから軽く実践してみる。楽したいので慣れてる Nuxt.js と axios モジュールのみで。いつも通り create-nuxt-app から axios モジュールを使う設定、UI は element-ui でプロジェクト作成。 今回利用するエンドポイントはカードIDからカード情報を取れるもの。こんな感じでアクセスする。 const data = await this.$axios.$get(

                            開発者向けのミリシタAPIエンドポイント 「Princess」を Nuxt.js で使う - うしろのこの本ください
                          • Nuxt.js を GitHub Pages で使う

                            Nuxt.js は Vue.js の Framework で Webpack, Babel 等の設定や、ルーティング、SPA、サーバサイドレンダリングの実装をシンプルなものにしてくれます。 Nuxt.js には静的なページを生成する機能もあるので今回はこれを利用して、GitHub Pages を作成します。 `nuxt-sumple` というリポジトリ名で作成しました。 今回使用したコード、作成したページは以下になります。 https://github.com/fiahfy/nuxt-sample https://fiahfy.github.io/nuxt-sample/ ###Install requirements yarn, vue-cli を使用します。 インストールしていない場合はインストールします。 ```bash $ npm i -g yarn vue-cli ``` ###

                            • Nuxt.jsで作成したページにログイン機構を作る - 早くエンジニアになりたい

                              クリスマスなんて関係ない!! この記事はFusic Advent Calendar 2017 25日目の記事です。 Fusicでは二ヶ月に一回くらいの頻度で「エンジニア開発合宿」と称して丸1日泊まり込みで自分の興味のある技術やガジェットに関する開発を行うイベントがあります(2017年12月時点)。 自分は、フロントエンドに苦手意識があるので(というか苦手)、javascriptのフレームワークを使ってアプリを作成したいと思い、 今回はNuxt.jsでログイン認証ができるところまでを実装しました。 プロジェクトの作成 1. vue-cliをインストール Vue.jsを使う環境をいい感じに構築してくれるコマンドラインインタフェースをインストールします。 $ npm install -g vue-cli 2. vue init プロジェクトの初期化を行います。 $ vue init nuxt-c

                                Nuxt.jsで作成したページにログイン機構を作る - 早くエンジニアになりたい
                              • App Engineの標準環境でNuxtを使って無料SSR - Crieit

                                Google App Engine(GAE)のStandard EnvironmentにNode.jsが追加されているようです。元々Node.jsは有料のFlexible環境でしか使えなかったため、無料で使えるようになったのは非常に嬉しいです。 元々Firebase HostingやNetlifyで無料でNuxtを動かす事はできるのですが、それらは静的ホスティングサービスのためSSR(サーバーサイドレンダリング)ができません。(Functionsを使ったり等で可能ではあるようですが、アクセスが増えると費用がかさむようになると思います) GAEであればサーバー上でNodeが動くためSSRも問題なく可能でSEO的にも良さそうです。ということでとりあえずGoogle App Engine上でNuxtを動かしてSSRできるところまで試してみました。 Windows SubsystemのUbuntu

                                  App Engineの標準環境でNuxtを使って無料SSR - Crieit
                                • NuxtでスプレッドシートをDB代わりに使うぞ大作戦

                                  こんにちは。@asatoです☀ スプレッドシートをデータベースとして使いたい! いま話題のTwitterスペースと出会えるプロダクトspaces.bzを開発しています。 GASでTwitter APIをたたいてスプレッドシートに記録するプロトタイプからはじめました。 プロトタイプのあと、「せっかくだからこのスプレッドシートをそのままDBみたいに使えないかなー」と思い、Nuxt + Spreadsheet構成でプロダクトを開発してみたので、体験記をまとめたいと思います! この記事でやること スプレッドシートからデータを取得して表示するNuxtアプリを作ります。 サンプルのスプレッドシートは以下のようなイメージ。 id name age email

                                    NuxtでスプレッドシートをDB代わりに使うぞ大作戦
                                  • JestでNuxt.js(Vue.js)のVuexをテスト - Qiita

                                    みなさん、フロントエンドのテスト書いていますか? Nuxt.js(Vue.js)でJestを使ってコンポーネントのテストについては情報がいろいろありましたが、VuexのStoreのテストについてあまり情報がなかったので、今回はVuexStoreのテストについてまとめました。 「Nuxt v2とFirebase(CloudFirestore)でPWA対応Webアプリ開発」で作成したアプリケーションをJestでテストする手順についてまとめていきます。 テストの準備 テストに必要なツール https://github.com/facebook/jest JestはFacebookが開発を進めるフロントエンドのテストランナです。 Facebook製なので当然Reactに対応していますが、その他JavaScriptアプリケーションのテストにも使用でき、Vue.jsでも利用できます。 RSpecライク

                                      JestでNuxt.js(Vue.js)のVuexをテスト - Qiita
                                    • Nuxt.jsでcsrfTokenを埋め込みセキュアな通信を行う - Qiita

                                      でインストールを行います。これでnuxt.config.jsのmodulesに'@nuxtjs/axios'を追加すると、axiosキーでイベントや、パラメータを設定できます。詳しくは、上述の公式リンクを参照ください。 modules: [ '@nuxtjs/axios', ... ], axios: { browserBaseURL: process.env.BASE_APP_URL || '/', requestInterceptor (config, { store }) { if (store.state.csrfToken) { config.headers.common['x-csrf-token'] = store.state.csrfToken } return config } } 以上のようにrequestInterceptorは client中で、リクエスト発生前にv

                                        Nuxt.jsでcsrfTokenを埋め込みセキュアな通信を行う - Qiita
                                      • Nuxt DevTools 101

                                        Slides for v-tokyo #20

                                          Nuxt DevTools 101
                                        • Nuxt.js | Yuuniworks Note

                                          API​ https://nuxtjs.org/api 方針を決める​ Nuxt のプロダクション環境での使い方は 3 つある。 Universal Mode(サーバあり)​ mode: 'universal' デプロイ方法 --- Node.js サーバにソースをクローンしyarn startする。サーバが必要。 非同期データは、 初回リクエスト時はサーバ側で取得する(常に最新) ページ遷移時など、2 回目以降はクライアント側で取得する Universal Mode(サーバなし)​ mode: 'universal' デプロイ方法 --- nuxt generateで生成された静的ファイルを単に配布する。サーバが不要。 非同期データは、 初回リクエスト時は、ビルド時に取得したデータで固定される(=疑似的な SSR と考えればよい)。このため、動的データに変更があったときは再ビルド・再デプ

                                          • Nuxt.js & Firebase & Netlifyでの 爆速プロトタイピングと 本格運用への足がかり - Speaker Deck

                                            React Native for WebでもOGP対応がしたい! ~ TECH STAND #2 React Native 2020/12/18 ~

                                              Nuxt.js & Firebase & Netlifyでの 爆速プロトタイピングと 本格運用への足がかり - Speaker Deck
                                            • Nuxt.jsで編集中に、ページ移動やページを閉じるときに警告を出すやつ - くらげになりたい。

                                              よくある編集中に、ページを離れると、 「編集中のデータが消えちゃうよ」 と教えてしてくれるやつを調べたときの備忘録。 ページを閉じるときに出るこんなのや 戻るや別のページに移動しようとするときに出るこんなの ソースコード 中身はこんな感じ。Mixinで実装してるけど、pageでもOK。 ページを閉じるときと、ページを移動するときとで処理が異なり、 ページを閉じるとき ... windowのbeforeunloadイベントでハンドリング ページを移動するとき ... vue-routerのbeforeRouteLeaveでハンドリング という感じになる。 なにも編集してないときに出るのが嫌なので、 isBlockUnloadというフラグを使って制御できるようにしてる。 import Vue from "vue"; import Component from "vue-class-compon

                                                Nuxt.jsで編集中に、ページ移動やページを閉じるときに警告を出すやつ - くらげになりたい。
                                              • NuxtMeetUp#5 でnuxt-i18nを用いたwebサイトの多言語化について話してきました - Mobile Factory Tech Blog

                                                こんにちは、ソフトウェアエンジニアのid:odan3240です。 モバイルファクトリー Advent Calendar 2018 2日目は、NuxtMeetUp#5 でnuxt-i18nを用いたwebサイトの多言語化について話してきたので、nuxt-i18nの紹介をします。 発表資料は、こちらです。 speakerdeck.com nuxt-i18nとは i18nとはinternationalization(国際化)の略で、ソフトウェアを様々な国や地域に対応することを指します。vueでこのi18n対応を行う場合は、vue-i18nというライブラリを使用するケースが多いです。 nuxt-i18nは、vue-i18nのtranslation機能をnuxtのモジュールとして提供しています。具体的には、このモジュールを導入すると、I18nクラスのインスタンスやt関数がinjectされます。 他にも

                                                  NuxtMeetUp#5 でnuxt-i18nを用いたwebサイトの多言語化について話してきました - Mobile Factory Tech Blog
                                                • VercelのEdge Cacheの動作をNext.jsと比較する事で、Nuxt3のパフォーマンスチューニングを考察してみた。

                                                  SSRを利用したフロントエンドフレームワークでのパフォーマンスチューニング 出典: https://vercel.com/docs/concepts/edge-network/caching NextやNuxt3等のSSRを利用したフレームワークを使ってアプリケーションを運用するにあたって、その真価を発揮するためには何をどこまで静的コンテンツとして確定させ、CDNにキャッシュさせるかを考慮する必要があります。Nextではデフォルトで全てのページがプリレンダされていて(事前にReactのコンポーネントがHTMLとして出力されていて)、コンテンツの表示にAPIのfetchが必要なページもgetStaticPathsとgetStaticPropsを使用することによって、静的なコンテンツとしてプリレンダする事ができます。(NextのドキュメントではSGという用語が使われていますが、コンテンツをリク

                                                    VercelのEdge Cacheの動作をNext.jsと比較する事で、Nuxt3のパフォーマンスチューニングを考察してみた。
                                                  • Nuxt 3 + TypeScript で状態管理(useState編)

                                                    2022年11月16日 Nuxt 3.0.0 (stable) がリリースされました(日本時間11/17) Announcing 3.0 • Nuxt この記事はベータリリース時に初稿を公開しましたが、本リリース版に対応するため加筆修正しています。 Nuxt 3 の useState を使った State 管理(状態管理)の記事です。 Nuxt 3 では Vuex がサポートされていません。 Vue 3 に対応した Vuex 5.x がリリースされるのを待たずとも Nuxt 3 にもいち早く対応した Pinia を使って State 管理をすることは可能です。 しかし、それほど大規模なアプリケーションでなければ useState と Composables (Composition Function) を組み合わせることで非常に簡単に State 管理をすることが可能になります。 Pini

                                                      Nuxt 3 + TypeScript で状態管理(useState編)
                                                    • 2020年にNuxt.jsで実装してきたアニメーションをまとめてみた - Qiita

                                                      hey / STORES advent calendar 2020 7日目を担当する @ume-kun1015 です。 2020年の振り返りとして、この記事ではNuxt.jsで実装してきたアニメーションをまとめようと思います。 概要 Nuxt.jsでの開発を行おうとすると、Vue.jsのコミュニティが活発だからか、自然と多くのUIライブラリやアニメーションライブラリを見ます。しかし、自分はそれらを使わず、ほとんどのケースで自分で実装していく派です。 理由としては、 要件を満たすものを探し、実際にプロジェクトに入れてみて、要件を満たせるかの検証に時間がかかる。 ライブラリが提供しているUIとデザイナーから要求されるUIの調整が難しい。 将来要求される機能追加や変更を叶えられるかがわからない。 tree-shakingが未対応であるライブラリの場合、使わない機能のJavaScriptまでimp

                                                        2020年にNuxt.jsで実装してきたアニメーションをまとめてみた - Qiita
                                                      • Nuxt.js で CSS フレームワークを 3 つ試した。 - Qiita

                                                        この記事は、 nuxt-community/express-template で新規作成したプロジェクトをベースに書いている。 この環境については、前回の記事で触れている。 今回、組み込んで見るのは Vuetify 編 Bulma @nuxtjs 編 Bulma SCSS 編 Element UI 編 Vuetify 編 これ https://www.npmjs.com/package/@nuxtjs/vuetify まずは、インストール。

                                                          Nuxt.js で CSS フレームワークを 3 つ試した。 - Qiita
                                                        • Nuxt.js + firebaseで「積ん読防止」アプリを作ってみた - ペイの技術MEMO

                                                          この記事は「JX通信社Advent Calendar 2019」の14日目の記事です。 はじめに こんにちは。JX通信社でエンジニアインターンシップをしているペイと申します。 1ヶ月ほど前からKI-develop1で積ん読を防止できるアプリBookMotionを開発しています。 今回はBookMotionでWebフロントとfirebaseを担当したので作っていて良かったこと(主にWebフロント)など紹介できればと思います。 開発環境や具体的なコードの記述はないので知らなかったことが知れると思ってお読みください。 作ったもの ランディングページ / BookMotion WEB(β版) BookMotionは積ん読を防止する為に、読みたい本を簡単に登録、 読書のモチベーションを維持することできるようになっているアプリです。 特にエンジニアの方は,技術書を沢山積んでいるのではないでしょうか?

                                                            Nuxt.js + firebaseで「積ん読防止」アプリを作ってみた - ペイの技術MEMO
                                                          • GitHub - nuxt-community/auth-module: Zero-boilerplate authentication support for Nuxt 2!

                                                            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.

                                                              GitHub - nuxt-community/auth-module: Zero-boilerplate authentication support for Nuxt 2!
                                                            • 【Nuxt.js】ESLintの設定とVSCodeで保存時に自動整形する方法 - Qiita

                                                              Help us understand the problem. What is going on with this article?

                                                                【Nuxt.js】ESLintの設定とVSCodeで保存時に自動整形する方法 - Qiita
                                                              • 実際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)で受けて、どうやって

                                                                  実際Nuxt.jsとExpressでどうやってSSRやるか理解してましたか?自分はよくわかってなかったです【解説】 - Qiita
                                                                • E-commerce website with Nuxt, GraphQL, Strapi and Stripe (1)

                                                                  Find new opportunities, and scale your business with Strapi’s partner program

                                                                    E-commerce website with Nuxt, GraphQL, Strapi and Stripe (1)
                                                                  • AWS Amplify & Nuxt 使って爆速でWebアプリ作る - Qiita

                                                                    AWS でWebアプリ作る機会があったので、色々調べるとAmplifyが便利そうだったので使ってみました。 今回作成するアプリの主な機能は以下: NuxtベースのTODOアプリ Lambda使ったGraphQLのAPI DynamoDBへのデータ保存/読込 DynamoDBのデータとリアルタイム同期 Cognitoによる認証機能 基本的には公式チュートリアルをなぞってますが、Nuxtで使うに当たりいくつか変更点があるので、Nuxt使いに役立てば幸いです。 Amplifyの初期設定 まずAmplifyのCLIをインストールしましょう。

                                                                      AWS Amplify & Nuxt 使って爆速でWebアプリ作る - Qiita
                                                                    • Amplify JavaScript が Next.js や Nuxt.js などのフレームワークのサーバー側レンダリング (SSR) サポートを追加

                                                                      Amplify JavaScript は、フロントエンドのウェブおよびモバイルデベロッパー向けのライブラリ、UI コンポーネント、およびツールのスイートであるオープンソースの Amplify Framework の一部です。Amplify JavaScript を使用してウェブアプリケーションを構築する際に、サーバー側レンダリング (SSR) を Next.js や Nuxt.js などのフレームワークに組み込むことができるようになりました。Next.js と Nuxt.js により、デベロッパーは、SSR、静的サイト生成、クライアント側レンダリングを使用して、高速で最新のサイトを構築できます。これらのフレームワークは、デベロッパーが優れたデベロッパーエクスペリエンスと API ルート、段階的な静的ページ再生、コード分割、SEO フレンドリー化などの機能を利用するに連れて、人気が高まってき

                                                                        Amplify JavaScript が Next.js や Nuxt.js などのフレームワークのサーバー側レンダリング (SSR) サポートを追加
                                                                      • Nuxt は簡単に SPA 作れるけど、アプリケーションが簡単に作れると思ったら大間違いだった / CaT vol.7

                                                                        CaT vol.7 登壇資料です。

                                                                          Nuxt は簡単に SPA 作れるけど、アプリケーションが簡単に作れると思ったら大間違いだった / CaT vol.7
                                                                        • Nuxt(Vue.js)+Strapi(headless CMS)+Apollo(GraphQL)でブログを作る - Qiita

                                                                          要約 JAMstack手習で、 Nuxt + Strapi + Apollo のブログを作ってみます。 手本記事(チュートリアル) [strapi.io] Build a blog with Nuxt (Vue.js), Strapi and Apollo https://strapi.io/blog/build-a-blog-using-nuxt-strapi-and-apollo 手元環境 macOS Catalina (10.15.1) anyenv (1.1.1) nodenv (1.3.0) Node.js 12 LTS (v12.13.0) Yarn (v1.19.1) Google Chrome (78.0.3904.108 (Official Build)) 拡張機能: Vue.js DevTools (5.3.3) 拡張機能: JSONView (0.0.32.3) Vi

                                                                            Nuxt(Vue.js)+Strapi(headless CMS)+Apollo(GraphQL)でブログを作る - Qiita
                                                                          • Nuxtベースで静的・Wordpress共用の開発環境を整えました - Qiita

                                                                            19/06/13 追記 その後、実環境で使用していくつか改善したので、編集加えました そして大したものでもないのですが、せっかくなのでgitでファイル公開しました https://github.com/webiscuit/Boilerplate-Nuxt-Wordpress 20/01/24 追記 ↓REST APIなどを使用しないライトな構造です。 なんだかんだ受託案件などで急にREST API導入は難しい場合にご参考になれば こんにちは、はじめまして フリーランスでフロントエンドデベロッパーをしています。 普段は静的サイトのHTML,CSS,JavaScriptコーディング、WordPressテーマの開発なんかやっていることが多いです。 Qiitaは以前から使ってたのですが見る専でしたが 最近、開発環境を見直して整え直したので、せっかくなので備忘録も兼ねてシェアさせていただきます✨ ゴ

                                                                              Nuxtベースで静的・Wordpress共用の開発環境を整えました - Qiita
                                                                            • TypeScriptなNuxt.jsをVSCodeで開発 - Qiita

                                                                              作成したテンプレートは以下にあります。 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

                                                                                TypeScriptなNuxt.jsをVSCodeで開発 - Qiita
                                                                              • Nuxt.jsでTypeScriptを使う(with vue-property-decorator) | DevelopersIO

                                                                                概要 スクラッチでNuxt.jsをTypeScriptを利用して開発する環境作成の手順を確認したかったので、方法を調べつつ実際に作成してみました。 できる限りミニマムな構成で作成したいのと、自分的には理解のブラックボックス化が進みやすいため可能な限りVue CLIやcreate-nuxt-appは使用したくなかったため使用していません。(より簡単に早く、動くものを作りたい場合にはVue CLIやcreate-nuxt-appの利用をおすすめします。) 前提 Nuxt.js 2.14.4を利用 html-property-decoratorを利用 やってみたこと 以下の流れで、index.vueに内容されている子コンポーネントに値を引き渡して表示するアプリケーションを作成してみました。 必要なライブラリのインストール nuxt, nuxt/typescript-build等のインストール p

                                                                                  Nuxt.jsでTypeScriptを使う(with vue-property-decorator) | DevelopersIO
                                                                                • NuxtJSの国際化にはnuxt-i18nを使おう

                                                                                  現在日本語の記事ではNuxtJS上でvue-i18nを使って国際化を行う方法のみ説明されています。 しかしそれらは1年以上前のものだったりして少々古く、2018年10月現在ではnuxt-i18nというnuxt用にvue-i18nを拡張したプラグインが開発されています。 なので今回はこのnuxt-i18nを使って国際化を行ってみたいと思います。 前準備: Nuxtプロジェクトの作成 以下設定でNuxtプロジェクトを作成します(Project Name以外デフォルト) $ create-nuxt-app > Generating Nuxt.js project in /Users/wildmouse/develop/practice ? Project name nuxt-with-i18n ? Project description My mind-blowing Nuxt.js proje

                                                                                    NuxtJSの国際化にはnuxt-i18nを使おう