Nuxt.js で簡単な画像一覧アプリを作成する - Part.1 | LuftGarden
Nuxt.js とは Nuxt.js は「ユニバーサルな Vue.js アプリケーションを構築するためのフレームワーク」です。 ユニバーサルという言葉を辞書で引くと、「すべてに共通であること」、「普遍的・一般的」という意味になります。 ここで言う「ユニバーサル」とは、「サーバサイドとクライアントサイドの違いを抽象化することで無視して、一貫した方法でUIレンダリングすること」です。 公式ドキュメント を見れば最も理解が進むと思います。 Nuxt.js はコンポーネントとルートをマッピングするための vue-router や、Vue.jsで状態管理するためのライブラリである Vuex を内包しています。 Nuxt.jsの利用シーンについて Nuxt.jsの主な機能は以下のようになっています（公式ドキュメントより引用）。 Vue ファイルで記述できること コードを自動的に分割すること サーバ
Vue.jsとAxiosなら驚くほど簡単に作れる！外部APIを使ったWebアプリの実例
ReactやAngularと並び、ここのところ人気が高まっているVue.js。Axiosを組み合わせれば外部APIを使った Webアプリも手軽に開発できます。 JavaScriptのアプリケーションを作っていると、よくリモートソースからデータを取得したり、APIを使いたくなったりすると思います。最近、公開されているAPIを見ていたら、ソースからデータを取得して処理するのに良いものがたくさんあることに気付きました。 Vue.jsを使えば提供される機能を使ってアプリを構築し、数分のうちにコンテンツの配信を始められます。 ニューヨークタイムズのAPIからデータを取得して、その日のトップニュース記事を表示し、ユーザーが興味があるカテゴリのニュースを選びだせる簡単なニュースアプリの作り方を説明します。この記事の全コードはここにあります。 アプリの出来上がりは下の図のようになります。 この記事では、V
Vue.js で初めて SPA を開発する際に考えたこと - Qiita
はじめに MVVM フレームワーク初心者の筆者がVue.jsを使ってSPAを開発する際に考えたことを掲載していきます。本記事を通して、これからSPAを開発する人にとっての足掛かりとなれば幸いです。 対象読者 HTML, CSS, JavaScript の経験あり、また jQuery などのJSライブラリの使用経験あり React, Angular といった今時のJSフレームワークによるSPA開発未経験 Vue.js に入門したい Vue.js を使い始める場合、大きく分けて２つの方法があります。 <script> タグを使ってjQuery感覚で使用できる環境を整える vue-cli を使って単一ファイルコンポーネントに特化した環境を整える 環境を整える手間は同じぐらいなので、どちらでも良いと思いますが Vue.js の真価を発揮するなら vue-cli を使った方法を取るのが良いと思います
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.js Examples
【Laravel 6 & PHP 7.4 対応】Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。 - Qiita
docs
