タグ

Vue.jsに関するquanonのブックマーク (27)

  • http://www.rymcmahon.com/articles/9

  • Vue.js と Redux が出会った | DeNA DESIGN BLOG

    あるところにプロトタイピングを繰り返した結果、1 ファイルにベタッと書かれていたソースがありました。 なんとかリリースを終えて、運用フェーズに入ったことものの、つらいソースが残されたのです。 ファイルを再利用可能にするためコンポーネント化を進めることを決意します。 最初はとても大きな単位でコンポーネントを作っていたため、大量の状態を 1 コンポーネントが抱えていました。 コンポーネントの粒度を細かくしていくと、だんだん props のバケツリレーが増えてきます。 親から子へ、子から孫へ、孫からひ孫へ…。 2way binding してるバケツリレーは、もう追っていくのがツラい! ただリレーしてるだけで、中間のコンポーネントでは使ってないものも出てきました。 1 箇所直すと、他に影響が出て怖い。 これは Flux, Redux の出番だ! HTML5 とか勉強会の資料を見て、書きたくなった!

    Vue.js と Redux が出会った | DeNA DESIGN BLOG
  • Using vue.js with semantic UI

    1) Install jQuery if it's not installed (properly!): npm install --save jquery then in your webpack.config file (I just added it in webpack.dev.config.js, but maybe add it in the prod config file): in the plugins add a new webpack.ProvidePlugin new webpack.ProvidePlugin({ // jquery $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery' }) Now jQuery is available for ALL the application and compo

    Using vue.js with semantic UI
  • 大規模アプリケーションの構築 - vue.js

  • coligo

    There is no gain saying the fact that Cryptocurrencies are taking up the technological space and most transactions are carried out with cryptocurrencies. The cryptocurrency market cap for the year ending 2018 was estimated to be between $1-2 trillion. Bitcoin has the largest market share in the cryptocurrency market. As of 2018, its market cap exceeded $70billion with a trading volume of $3billion

  • Vuex とは何か? · Vuex

    Vuex アプリケーションの中心にあるものはストアです。"ストア" は、基的にアプリケーションの 状態(state) を保持するコンテナです。単純なグローバルオブジェクトとの違いが 2つあります。 Vuex ストアはリアクティブです。Vue コンポーネントがストアから状態を取り出すとき、もしストアの状態が変化したら、ストアはリアクティブかつ効率的に更新を行います。 ストアの状態を直接変更することはできません。明示的にミューテーションをコミットすることによってのみ、ストアの状態を変更します。これによって、全ての状態の変更について追跡可能な記録を残すことが保証され、ツールでのアプリケーションの動作の理解を助けます。 シンプルなストア #

  • Vue.jsにreduxを載せた話|デロイト トーマツ ウェブサービス株式会社(DWS)公式ブログ

    概要 先日とある案件でVue.jsを用いたアプリケーションを開発することとなりました。 一般に同種のフレームワークと比較してVue.jsは、学習コストが低く気軽にはじめやすいということがメリットとして語られています。 ただ、今回の案件のようにMVC系フレームワークを用いて開発する際にネックとなっていたのが、コンポーネント間のデータ共有についての最適解が見つけられていないと感じていたことでした。 もちろん、適切にモデルを設計すればコンポーネント間のやり取りに責任を持つ、親コンポーネントとでもいうべき層を実装することでこの問題は解決できると思います。 しかし実案件では往々にして親コンポーネント層の実装が個々人の裁量に陥りやすく、結果的にコンポーネント間データ共有の方式が統一出来ていないケースも出てきてしまいました。 コンポーネント間で共有したいデータ=アプリケーションの質となるデータは、もっ