Vue.jsで構成するシングルページアプリケーション(SPA)の作り方やサンプル例【前編】 | ソフトウェア開発のギークフィード
こんにちは。 ギークフィードに入社してはや半年が経ちました。 エンジニアのNkawaKです。初めてのブログ投稿になります。 この記事では僕がVue.jsで作ったサンプルを参考にしながら、 シングルページアプリケーション(SPA)とVue.jsについて解説をしていきます。 かなり解説することが多くなってしまったので、前編と後編に分けています。 こちらの前編では、シングルページアプリケーションの構成と画面遷移に焦点を当てて、 解説を行います。 シングルページアプリケーションとは シングルページアプリケーション(以下SPA)とはその名前の通り、 単一のページでコンテンツの切り替えを行うWebアプリケーションの名称です。 単一のページで構成されているため、ページ遷移の度にロードが発生することなく、 高速で画面が切り替わることがSPAの特徴です。 実際に画面を見ながらSPAの動きを確認してみましょう
【Vue入門】VueCLIから始めるVue.js 概要から理解してVueを使いこなそう | WEBコンサルティング・WEB制作のフリーランス uiuifree
Vue.jsを始めようとすると様々なサイトでVueCLIから始める記事を紹介されてます。 本記事ではインストールして開発環境を作るだけでなく、Vueがどう構築されているか？全体像や関連ツールを含めて説明していきます。 この記事の目次 Vue.js(ビュージェーエス)とは Vue.jsを立ち上げてみよう Vue.jsのフォルダ構成 まとめ Vue.js(ビュージェーエス)とは JavaScriptフレームワークでコンポーネントシステムが取り入れられており、Evan Youによって開発されています。近年、小規模から大規模までのサービスがVue.jsに置き換えられていっていますね。 メリット・デメリット Vue.jsの特徴の1つとしてSPA(SinglePageApplication)を作れることになります。 SPAはHTML/CSS/JavaScriptのみでサイトを構成し、サーバーとの通信を
Vue.jsとVueCLIは違う！CDN版から書き換えて理解してみる｜ほげほげ
勘違いしてたVue.jsとVueCLIって同じじゃないのねぇ！当たり前だろと言われそう。 ■ Vue.js ・Webアプリケーション開発に便利なJavaScriptフレームワーク ・CDNでサクッと使える ■ VueCLI ・VueCliはVue.jsで開発するための便利ツール群 ・npm使ってインストールする必要がある ・単一ファイルコンポーネント（.vue）を使って開発できる CDN版から.vueに書き換えてみる使うもの ・ターミナル ・Visual Studio Code以下に、簡単なTODOリストのWebAppのソースコードを2つ配置しました。 TODOリストのコンポネントを作成し、グローバル登録してあります。これはCDN版なので、index.htmlとindex.jsを同じフォルダ内にぶち込んで、index.htmlをブラウザで表示すれば、素直にVue.jsが動いてくれます。 <
Vue.jsとは？jQueryとの違いや使用のメリットを紹介
HOME制作Vue.jsとは？jQueryとの違いや使用のメリットを紹介 Vue.jsとは？jQueryとの違いや使用のメリットを紹介 Webサイト制作で、アニメーションなどの動きをつけたり、少し複雑な機能をつけたりしたいと思ったことはありませんか？ そんなときは、JavaScriptを使いましょう！ しかし、JavaScriptを逐一記述するのは大変です。 そこで、JavaScriptのフレームワーク、Vue.jsを使うのがおすすめです。 今まではJQueryが使われていましたが、それに代わって今、Vue.jsが注目を集めています！ この記事では、Vue.jsとはなにか、Vue.jsを使うメリット・デメリットはなにか、Vue.jsとjQueryなどとの違いについて解説していきます。 Vue.js（ビュージェイエス）は、クライアントサイドで使われるJavaScriptのフレームワークです。
とほほのVue.js入門 - とほほのWWW入門
vm.$data, vm.$props, vm.$el, vm.$options, vm.$parent, vm.$root, vm.$childlen, vm.$slots, vm.$scopedSlots, vm.$refs, vm.$attrs, vm.$listeners
Vue.jsとは何かを現役エンジニアが解説【初心者向け】
Vue.jsとは、JavaScriptのフレームワークの1種です。JavaScriptはほぼ全てのブラウザで動作するプログラミング言語で、フロントエンドアプリケーションの開発でも主として使用されています。 そのJavaScriptでより効率的な開発を行う目的で使用されているのがJavaScriptのフレームワークやライブラリです。なお、フレームワークもライブラリも「開発を支援する仕組みやツール群」といった意味では同等ですが、ライブラリと比較してフレームワークの方が、より規模が大きいニュアンスがあります。 JavaScriptのフレームワークやライブラリで最も有名なのは jQuery です。jQueryは導入もしやすく、多くのフロントエンドアプリケーションで使用されています。しかし jQuery は DOM操作を自分で行わなければならないなどの弱点があります(詳しくは後述します)。 この欠点
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
