タグ

javascriptとvue.jsに関するt-wadaのブックマーク (7)

  • なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 | Nagisaのすゝめ

    2018年2月6日 なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 余り知られていませんが Nagisa ではアプリだけでなく Web のプロダクトやサービスもあります。マンガZERO や UPTOON! や 月刊コミックジヘン 辺りがそうです。 何れも Vue.js で作られている SPA で、社内・外両方から “なんで Vue.js なの?” とかよく聞かれます。そこで、今回はどうして Vue.js を選択したのか、Vue.js の何がいいのか、Vue.js で運用してみてどうだったかの話をしたいと思います。 はじめに Vue.js を導入する前のマンガ ZERO Web は 2.0系の Riot で作られていました。今ある SPA のような形ではなくサーバサイド (Go) にてメタタグを生成、空のマウントポイント <div id="app"><

    なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 | Nagisaのすゝめ
    t-wada
    t-wada 2018/02/08
    "一つ一つを見れば他のフレームワークでも実現可能なものですが、その網羅性と拡張性を最小限の独自のルールに抑えながら、既存の技術の上に乗せたところが最大の強み"
  • Vue.js 1.0.0 リリースしました — Vue.js

    Oct 26, 2015 こんにちは HN ! Vue.js に精通していない場合は、より高い概要について、このブログ記事を読みたいかもしれません。 300 以上のコミットの後に、8 つのアルファ (alpha) バージョン 、4 つのベータ (beta) バージョン 、そして 2 つのリリース候補(RC)バージョン、今日、私は Vue.js 1.0.0 エヴァンゲリオン (Evangelion)のリリースを発表するのをとても誇りに思っています!それはコミュニティから全てのフィードバックなしには不可能でした。API の再設計プロセスに参加した全ての人びとに感謝します。 テンプレート構文を改善しました1.0 のテンプレート構文は、多くの微妙な整合性の問題を解決し、Vue のテンプレートをより簡潔で一般的に読みやすくなります。最も注目すべき新機能は、v-on と v-bind に対する省略記法

    Vue.js 1.0.0 リリースしました — Vue.js
    t-wada
    t-wada 2015/10/27
    おお、リリースノートの日本語訳ももう出ているのか。すばらしいな。
  • Vue.js 1.0.0 Released — Vue.js

    You’re browsing the documentation for v2.x and earlier. Click here for v3.x documentation. Oct 26, 2015 Hi HN! If you are not familiar with Vue.js, you might want to read this blog post for a higher level overview. After 300+ commits, 8 alphas, 4 betas and 2 release candidates, today I am very proud to announce the release of Vue.js 1.0.0 Evangelion! Many thanks to all those who participated in th

    Vue.js 1.0.0 Released — Vue.js
    t-wada
    t-wada 2015/10/27
    祝 Vue.js 1.0.0 リリース
  • JavaScript フレームワークがデータバインディングを実現する4通りの手法

    最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。 この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。 モデル クラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式 (AngualrJS) モデル書き換え方式 (Vue.js) Object.observe 方式 (Polymer) パターン名は私が勝手に名づけたものだけど、このへんの雰囲気が理解できれば、フレームワークごとの個性が分かるだろうし、利用イメージもわきやすいんじゃないかと思っている。 1. モデル クラス方式 「モデルとして扱えるのはフレームワークが用意したモデル クラスのインスタンスだけ」という

    JavaScript フレームワークがデータバインディングを実現する4通りの手法
    t-wada
    t-wada 2014/07/18
    最近の JavaScript フレームワークのデータバインディング方式を四つに分類。わかりやすい。
  • 天下一クライアントサイドJS アウトラインメモ

    天下一クライアントサイドJS MV*フレームワーク武道会 - connpass に参加してきたのでメモ。 Chaplin - mizchi Chaplin.jsの話 #ten1club // Speaker Deck 仕事で使ってる Chaplin paulmillr作のBackbone拡張系のMVC Rail風の構成 Chaplinの設計 Rails風のルーター インスタンスの管理するComposer Controllerと強調してインスタンスを管理 差分管理できるので早い 逆にインスタンスを引き継ぐので意識しないと辛い スキャフォールディング paulmillr/scaffolt Generator MV*だとやたらファイルが増える scaffolt はChaplinとは関係なく使える Brunch ウェブアプリに特化したビルドランナー CommonJS風の展開 npmで拡張子に応じた

    天下一クライアントサイドJS アウトラインメモ
    t-wada
    t-wada 2014/07/17
    圧巻のまとめ。休暇中で参加できなかったので非常にありがたい。
  • 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
    t-wada
    t-wada 2014/06/18
    まず概念を学ぶためにシンプルで筋の良い Vue.js を使い、学んだ知識で Knockout.js や AngularJS と比較する
  • Vue.js note(v0.10.3). not translate. This is draft of https://github.com/koba04/vuejs-book .

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    Vue.js note(v0.10.3). not translate. This is draft of https://github.com/koba04/vuejs-book .
    t-wada
    t-wada 2014/04/15
    Vue.js まとめ。情報量が圧倒的ですばらしい。
  • 1