Ritolabo
  1. Home

VueRouter基本ルーティング記法まとめ

  • Vue.js
VueRouter基本ルーティング記法まとめ

Vue.jsでSPA(シングルページアプリケーション)を開発する際にVueRouterを利用する事で、HTML5 History APIを用いたHistory管理と、SPAでありながら画面切り替えの挙動を持つ事が出来ます。そんなVueRouterの基本的なルーティングパターンを見ていきます。

VueRouterの基本とルーティングを構築するはじめの一歩

  • Vue.js
VueRouterの基本とルーティングを構築するはじめの一歩

Vue.jsでSPAを開発していくにあたりURL履歴イベントをブラウザ内に構築する為のVueRouterというライブラリが提供されています。今回はVueRouterを用いたVue.jsアプリケーション開発の基本(ルーティングなど)を見ていきます。

ポリモーフィズムに簡単入門してみれば世界平和の音がする。PHPオブジェクト指向プログラミング

  • OOP
ポリモーフィズムに簡単入門してみれば世界平和の音がする。PHPオブジェクト指向プログラミング

クリーンなコードで世界中が平和になりますように。

Vuexを用いたVue.jsアプリケーションのシンプルな状態管理とデータフロー

  • Vue.js
Vuexを用いたVue.jsアプリケーションのシンプルな状態管理とデータフロー

Vue.jsでは、シンプルに状態管理を行えるようにVuexという状態管理のライブラリが提供されています。Vuexを導入する事でデータフローを一方向に整理でき、シンプルな状態管理を実現する事ができます。

Vue.jsのtransitionアニメーションとSassの導入

  • Vue.js
Vue.jsのtransitionアニメーションとSassの導入

Vue.jsでの開発にSassを導入し、transition/transition-groupコンポーネントによるアニメーションを実装します。

Vue.jsでのAPIリクエストをaxios&RepositoryFactoryパターンで実装する

  • Vue.js
Vue.jsでのAPIリクエストをaxios&RepositoryFactoryパターンで実装する

Vue.jsに限らずJavaScriptフレームワークでフロントエンドを実装していると、アプリケーションによってデータを取得したりなど、外部のAPIなどと通信を行う機会も多く発生します。今回はVue.jsでのAPIリクエストをaxios&RepositoryFactoryで実装してみます。

Author

rito

rito

  • Backend Engineer
  • Tokyo, Japan
  • PHP 5 技術者認定上級試験 認定者
  • 統計検定 3 級