-
07.15
【PWA】特徴、構成要素、設計、実装方法
PWA(Progressive Web Apps:プログレッシブウェブアプリ)とは? 2015年頃から取り上げられるようになったGoogleが提唱しているウェブ開発のアーキテクチャの一種です。また、ウェブだけでなく、ネイティブアプリや、ス…
-
polyfill(ポリフィル)とは? JavaScriptの新規格「ECMAScript2015」や、「HTML5」等、技術はどんどん進化していますが、ブラウザ対応が追いついていないことが多いです。 例えば、IEであれば、11以降の…
-
REST-API(RESTful)とは? Webで外部呼出しの方式の一つで、例えばRuby on Railsでルーティングを定義する場合に現在は知っていて当たり前の設計思想になっています。 リソースとは? RESTful-APIではリ…
-
07.15
【Vue.js】「Vue CLI」の基礎知識
Vue CLIとは? Vue.jsを使ったアプリ開発を行う上で、開発を支援するためのコマンドラインインターフェイスになります。ツール、ライブラリ等のアプリ開発に必要な環境を簡単に構築することができます。 Vue CLIの特徴 …
-
vue-CLIで、webpackテンプレートを使って、Vue.jsの環境を構築します。 webpackについては以下の記事で解説していますのでもしあまり詳しくないという方はご覧ください。 http://www.code-maga…
-
asyncData属性とは? コンポーネントのロード毎に実行されます。Vuexストアのデータを使わずにデータを取得し、レンダリングの前に、非同期処理を行ってくれます。 標準のVue.jsでは非同期処理用の構文はありませんでしたので、…
-
Nuxt.jsとは? JavaScriptフレームワークで有名な「Vue.js」のさらなるフレームワークとなります。 Nuxt.jsは、「ユニバーサルアプリケーション」を作成できる。 ユニバーサルアプリとは? クライアントとサーバ…
-
pageディレクトリ .vueファイルは、一つのページを指しており、これを「ページコンポーネント」と呼びます。 追加する属性 Nuxt.jsでは、ユニバーサルアプリケーションを作成するために下記のように.vueファイルに独自の属性を追…
-
07.14
【Nuxt.js】「レイアウトファイル」の使い方
デフォルトレイアウトページ(default.vue) [crayon-662ad3693e0c7028888561/] <nuxt /> Nuxt.jsで定義されたコンポーネントで、レイアウトファイル内でのみページコンポー…
-
ルーティング設定(.nuxt/router.js) nuxt.jsのルーティングの設定ファイルになります。 なお、pagesディレクトリ配下に新しいページを作成すると、routesプロパティの配列にページが追加されます。 [cra…