Vue.js

JavaScriptフレームワークとビジネスロジックを分離してみる

こんにちは。最近、WebアプリだけでなくKubernetesによる環境構築もしている弓場です。 私が現在参加しているプロジェクトでフロントエンドにNuxt.jsを使用して画面とデータ取得・操作專門のAPIと分離していますが、その際にAPIの型が定義されていないためコ…

Vue.jsの仮想DOMと差分レンダリングの仕組み③

こんにちは、成田です。 今回が連載ラストとなりますので、是非お付き合いください。 blog.engineer.adways.net blog.engineer.adways.net ②回目の投稿では初回レンダリング時に走るpatchの処理の流れを追いました。 今回は状態変更が行われた際に差分レンダ…

Vue.jsの仮想DOMと差分レンダリングの仕組み②

こんにちは、成田です。 blog.engineer.adways.net 前回に引き続き、今回もVue.jsの仮想DOMと差分レンダリングの仕組みを探っていきたいと思います。 間違いがあるかもしれませんので間違いがあったら指摘を頂けたら幸いです。 前回は差分レンダリングの実行…

Vue.jsの仮想DOMと差分レンダリングの仕組み①

こんにちは、成田です。 何回かに分けて記事を公開していこうかなと思っております。 前提 Vue.js version : 2.5.13 対象読者 JSフレームワークの知見がある 仮想DOMの仕組みを知りたい はじめに なぜVue.jsか?という質問が飛んできそうなので一応述べさせ…

Vue.jsにTypescriptを導入してメンテナビリティが向上した

はじめまして、2017年新卒として入社し、現在社内ツールを開発する部署に所属している成田と申します。 最近Vue.js & Typescriptで開発をしているので、どんな感じで開発しているのか紹介します! Vue.js公式サイトで紹介されているTodo管理のexampleをVue.js…

Vue.jsでルーツ音楽診断ゲームを作ってみた

こんにちは。フロントエンドエンジニアの田渕です。 2015年4月に中途入社して早3年目です。 前職はWeb制作会社でディレクター兼マークアップエンジニアをしてました。 最近流行りのVue.jsを使ってちょっとした診断ゲームを作ったので紹介します。 まずは以下…

Rails5.1 + Webpacker + Vue.js で開発

こんにちは、最近「業務改善ユニット」に異動した渡部です。 業務改善ユニットでは営業の方々が行なっている日々の業務の改善用のシステムを作成しています。 ユニット異動に伴い、あるシステムの開発を任されました。 今後のメンテナンス性・拡張性のために…