JavaScript

JavaScript

Nuxt.jsをdockerで動かしてみる

【動作環境】 macOS 【使用するツール】 Docker Docker Compose 作業ディレクトリを作成 $ mkdir nuxt_app $ cd nuxt_app Dockerfileの作...
JavaScript

Angular.jsを公式チュートリアルで理解しようとしてみた

AngularはTypeScriptを採用したフレームワークです。変数の型を静的に定義できるので、JavaScript特有の原因がわかりにくいエラーが減らすことが可能で、大規模開発に向いているらしいです。 今回は、Angular.js...
JavaScript

Nuxt.js(Vue.js)を使って動的モーダルコンポーネントを実装

今回、動的にモーダル表示するコンポーネントを作りました。「モーダルの状態管理」「親とコンポーネント間のデータの受け渡し」「動的にモーダルの中身を変更する」といった処理が必要で勉強になったので、備忘録代わりに記事にしました。 ※ vue...
JavaScript

Nuxt v2(nuxt-edge)プロジェクトで始める

Nuxtをv2(nuxt-edge)を使ってみたら、ビルドの処理速度が明らかに早くなっていました。今回は、Nuxt2でのプロジェクトの始め方について紹介します。 nuxtプロジェクトを作成 // vue-cliをインストール ...
Firebase

Nuxt × Firebaseでデータベース(firestore)を扱う

この記事は、Nuxt+firebase環境が用意されている前提の記事です。まだの方は以下の記事で、Nuxt+firebase環境を用意してください。 「Nuxt.js × FirebaseでPWAアプリを公開する」 Vuex...
JavaScript

Nuxt.js製のPWAアプリをFirebaseホスティングで公開する

【前提条件】 ・node.js (npm) ・yarn ・vue 以上が導入済み Firebaseでプロジェクト作成 Firebaseは、Googleが提供しているサービスのためGoogleアカウントでロ...
JavaScript

Nuxt.js+Bulmaのレイアウトを爆速で実装する

Nuxt.js+Bulmaの組み合わせがとても使いやすかったので、プロジェクト作成からレイアウト作成までを共有したいと思います。 なぜNuxt.js+Bulmaなのか? Vue.jsベースでフロントエンドを作成するにあたって、b...
JavaScript

Nuxt.js(Vue.js)+ElementUI(UIライブラリ)のフロントエンド環境を1から作る手順

この記事では、Nuxt.js(Vue.js)+ElementUI(UIライブラリ)のフロントエンド環境を1から作る手順を解説していきます。Nuxt.jsプロジェクトを初めて作る方や1からNuxtプロジェクトを作りたい方向けのチュートリアル的...