v-modelディレクティブについて v-modelディレクティブの値に、ユーザーの入力と同期させたいデータを指定します。 v-modelでは、下記二つの処理を一気に自動化することができます。これを「双方向データバインディング」と呼…

• Vue.js
• コメントを書く

PWA(Progressive Web Apps：プログレッシブウェブアプリ)とは？ 2015年頃から取り上げられるようになったGoogleが提唱しているウェブ開発のアーキテクチャの一種です。また、ウェブだけでなく、ネイティブアプリや、ス…

• Web技術
• コメントを書く

polyfill(ポリフィル)とは？ JavaScriptの新規格「ECMAScript2015」や、「HTML５」等、技術はどんどん進化していますが、ブラウザ対応が追いついていないことが多いです。 例えば、IEであれば、11以降の…

• Webサービス開発
• コメントを書く

REST-API(RESTful)とは？ Webで外部呼出しの方式の一つで、例えばRuby on Railsでルーティングを定義する場合に現在は知っていて当たり前の設計思想になっています。 リソースとは？ RESTful-APIではリ…

• Ruby on Rails, Webサービス開発
• 5件のコメント

Vue CLIとは？ Vue.jsを使ったアプリ開発を行う上で、開発を支援するためのコマンドラインインターフェイスになります。ツール、ライブラリ等のアプリ開発に必要な環境を簡単に構築することができます。 Vue CLIの特徴 …

• Vue.js
• コメントを書く

vue-CLIで、webpackテンプレートを使って、Vue.jsの環境を構築します。 webpackについては以下の記事で解説していますのでもしあまり詳しくないという方はご覧ください。 http://www.code-maga…

• Vue.js
• コメントを書く

asyncData属性とは？ コンポーネントのロード毎に実行されます。Vuexストアのデータを使わずにデータを取得し、レンダリングの前に、非同期処理を行ってくれます。 標準のVue.jsでは非同期処理用の構文はありませんでしたので、…

• Nuxt.js
• コメントを書く

 Nuxt.jsとは？ JavaScriptフレームワークで有名な「Vue.js」のさらなるフレームワークとなります。 Nuxt.jsは、「ユニバーサルアプリケーション」を作成できる。 ユニバーサルアプリとは？ クライアントとサーバ…

• Nuxt.js
• コメントを書く

pageディレクトリ .vueファイルは、一つのページを指しており、これを「ページコンポーネント」と呼びます。 追加する属性 Nuxt.jsでは、ユニバーサルアプリケーションを作成するために下記のように.vueファイルに独自の属性を追…

• Nuxt.js
• コメントを書く

デフォルトレイアウトページ（default.vue） [crayon-68943737be971521776490/] <nuxt /> Nuxt.jsで定義されたコンポーネントで、レイアウトファイル内でのみページコンポー…

• Nuxt.js
• コメントを書く