タグ

Vue.jsとAngularJSに関するmasayoshinymのブックマーク (5)

  • JavaScript フレームワーク - ペパボテックブログ

    フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 この項目の担当 @hadashiA どうしてフレームワークを使う? (1) ドメインロジックとプレゼンテーションの分離 (2) SPA(シングルページアプリケーション) 流行り廃り (1) MVC (2) MVVM (3) Virtual DOM どれを使う? どうしてフレームワークを使う? (1) ドメインロジックとプレゼンテーションの分離 まずこちらの画面を見てください。 ©任天堂 スーパーマリオワールド スーパーマリオが右にダッシュすると、マ

    JavaScript フレームワーク - ペパボテックブログ
  • AngularJSからVue.jsに移行するガイド - Qiita

    最近話題のAngularJSですが、学習コストが辛いのが難点です。 チームでのWebアプリ開発に半年ほど利用していましたが、 「難しい」「辛い」「闇」という声が多かったので、 よりシンプルなVue.jsに移行することにしました。 Vue.jsはAngularのコードを一部利用して作成されており、多くの点で共通した書き方が出来ます。 以下にご紹介します。 (カスタムDirective作るほど使い込んでいなかったので、あくまで初歩的なサンプルとなります。ご容赦ください) AngularJSの基形 基的に、バインドする変数やメソッドを$scopeに生やす形になります。 var Ctrl(function($scope) { //バインドする変数宣言 $scope.message = "Hello, World"; //メソッド宣言 $scope.method = function(){/*

    AngularJSからVue.jsに移行するガイド - Qiita
  • Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita

    Vue.jsはそのまま使ってもよいですが「自分(プロジェクト)に合ったフレームワーク」を見つけるのにも向いています。 これは、後発フレームワークだけあり各フレームワークの特徴を意識した設計がなされているためです。他の著名なフレームワークとの特徴を比較した文書もあるので、こちらをチェックしながら導入を検討するとよいと思います。 そのため、以下はVue.jsの紹介と他フレームワーク(Knockout.js と Angular)へのステップという2セクションに分けて紹介していきたいと思います。 JavaScriptフレームワークの導入を行いたいがこの選択は慎重にいきたい、という状況であれば最初にVue.jsを試金石としてみて、効果的と感じられる機能からAngularやKnockout.jsに流れていくというのは十分ありだと思います。 2016/06: Vue.jsの1.x系に合わせて記述・サンプ

    Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita
  • Vue.js概要? - Qiita

    Vue.js とは 原作者である Evan You氏 が中心となって開発中のクライアントサイド JavaScirpt(JS)フレームワークです。 MVC の派生種である、GUIライブラリに適した MVVM を設計基盤として 採用し、構築されています。 MVVM を採用していること が、構文の理解しやすさに繋がっています。 MVVM を採用したフレームワークでは、表示そのものであるView、 表示するデータ 及び データを操作する手続き をひとまとめにした View Model (VM)、が舞台上の役者です、それらを管理するコントローラ(Controller)は、 存在するものの、黒子のような存在で、ユーザからは隠蔽されているため、 コードを書く際に意識する必要はありません。 公式サイトで Vue.js の特徴は Simple、Fast、Composable、Compact、 Powerfu

    Vue.js概要? - Qiita
  • 1