「Vueコンサルが教えたくない７つの真実」を勉強してみた - Qiita
Vueの便利なテクニック７つ Youtubeで見つけたので勉強ついでにまとめてみる。 出展 Chris Fritz さん Youtube https://www.youtube.com/watch?v=7YZ5DwlLSt8 資料（Github） https://github.com/chrisvfritz/7-secret-patterns まとめ - 動画とはバージョン違い（英語） https://www.vuemastery.com/conferences/vueconf-2018/7-secret-patterns-vue-consultants-dont-want-you-to-know-chris-fritz/ Productivity Boost - 生産性向上 1. Smarter Watcher 元のコードはこれ。生成時になにかしてアップデート時にもなにかする。よくやる。
ReactとVueってどう違う？全く同じアプリをReactとVueで作成してみて分かった相違点
日常的にVueを使用している開発者が、Reactはどうなのだろうと思い、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 I created the exact same app in React and Vue. Here are the differences. 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 隣の家の芝生は青く見える VueとReactで作成したアプリの見た目を比較 VueとReactはデータをどのように変更させるか アイテムの新規作成 アイテムの削除 イベントリスナーを渡す 子コンポーネントにデータを渡す 親コンポーネントにデータを戻す 終わりに 隣の家の芝生は青く見える 私は現在の職場でVueを使用しており、Vueがどのように機能するかかなり理解してい
Vue.js で実現するマイクロインタラクション - Qiita
この記事で分かること マイクロインタラクションの概要 Vue.jsを使ったマイクロインタラクションの実装例 マイクロインタラクションとは webやスマホアプリに限らず、何らかの製品やサービスのUXを改善する上で、 マイクロインタラクションの重要性が再認識され始めています。 マイクロインタラクションそのものは新しい技術や概念ではありませんが、 「少ない工夫でUXを劇的に変化させるデザイン手法」として、 マイクロインタラクションは様々なところでそのサービスの評価に大きく影響します。 この記事では、マイクロインタラクションの簡単な紹介と、 webサービスにおける実装例をvue.jsで紹介します。 マイクロインタラクションの定義 「マイクロインタラクション」という言葉はDan Suffer氏の著書 「マイクロインタラクション UI/UXデザインの神が宿る細部」が出典だと思われます。 本書ではマイク
Vue.jsでSSR（サーバサイドレンダリング）する - Qiita
はじめに この記事はなにかの Advent Calendar 2016の23日目の記事です. Vue.jsは２系がリリースされてそこそこたちました. 日本語ドキュメントもそろっています. フロントの取りかかりとして簡単でスケールもしやすく良いのではないでしょうか. そこで今回はVue.js２系の大きな特徴であるサーバサイドレンダリングを行ったアプリケーションの制作をしてみたいと思います. 最終的に APIコールをして動的ページのSSRを行う 初期表示以後はSPAとして動く こんなアプリケーションを目指します. 完成版は以下です ソースコード Github 使う物 vuejs vue-router vuex このあたりを使います. 詳しくはソースコードのpackage.jsonを... Step1 静的ページのSSR さぁ作成していきます. まず第一に静的ページ(APIコールでデータを書いた
Vue.js + ElectronでTwitterクライアントを作った - razokulover publog
Vue.jsとElectronでシンプルなTwitterクライアントを作った。 vue-twitter-client きっかけとしては一言で言うとフロントエンド周りの勉強。 2017年1~3月の振り返りにも書いた通り。 自分はモダンなフロントエンドの開発に疎かったので重い腰を上げてそろそろやるかという気持ちになって3月中頃くらいからはじめた。 Vue.jsについては2,3週間前くらいから触りはじめている。 Vue.jsはちゃんとしたSPAからフォームにちょいと味付けみたいな使い方もできたり小回りがきく。 個人的にはReactでの開発よりやりたいことが直感的に書ける気がしてるので使いやすいという印象。 とりあえず最初はTODOアプリやAPIを叩く小さなフィードを作って、次にNuxt.jsでSSRできるミニサイトを作ったりで大体使い方は覚えてきたというステータス。 ライブラリでいうとvuex,
Vue.jsを使う際のベストプラクティスについて考える - Qiita
Vue.jsは公式のドキュメントが非常に充実しており、またフォーラムでの議論やコミュニケーションもとても活発です。開発中に何か問題に遭遇した際には、ドキュメントやフォーラムに載っている情報を参照することで、多くの問題は解決できるといって差し支えないでしょう。しかしながら、現実世界のアプリケーションを開発していると、そういった情報だけでは解決が難しい個別具体的な問題や、そもそもどう実装すれば良いのかわからない、といった場面に遭遇することも多々あります。 筆者自身がVue.jsを利用してフロントエンド開発をしてきた経験に加え、Vue.jsの公式のドキュメントやサンプルプロジェクト、そしてVue.jsを利用しているOSSのプロジェクトやVue.jsのプラグインなどのソースを読んで蓄えてきたノウハウを本資料にまとめました。 「ベストプラクティス」と銘打ってはいるものの、筆者の好みや開発経験に依存す
Nuxt.js 入門 - Qiita
はじめに この記事は、Vue.js Advent Calendar 2016 12日目の代打記事です。 Nuxt.jsとは？ Few hours after the announcement of Next.js, the idea of creating server-rendered Vue.js applications the same way as Next.js became inevitable: Nuxt.js was born. Next.jsのVue.js版。 特徴としては以下の点が挙げられている。 No need to write Webpack/Babel configuration No need to create a node.js server Writing *.vue files, because it rocks Creating new routes
この素晴らしい Vue.js に祝福を！
Vue.js Tokyo v-meetup="#3" での発表資料です。
Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA なTODOアプリを作ってみた - Qiita
Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA なTODOアプリを作ってみたPHPJavaScriptLaravelJWTVue.js Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA なTODOアプリを作ってみました。 ソースコードはこれです。 Herokuで動かしているのですが、最初の読み込みさえ終わってしまえば、さくさく動きます。 スクリーンショット 仕組み Laravel は、最初にビューを返した後、そこからはJSONのみやり取りして、そこからの描画は Vue.js が全部やってます。 Axios でリクエスト飛ばしています。 koel をかなり参考にしました。 認証にはOAuthではなくJWTAuth。Laravelの場合、導入は非常に簡単です。 状態管理には State パターンを
私たちはなぜReactではなくVue.jsを選んだのか | POSTD
Qwintryチームは最近、既存のすべてのプロジェクトのフロントエンドをVue.jsに移行しはじめました。新しいプロジェクトでもVue.jsを使います。 レガシーなDrupalのシステム（qwintry.com） ゼロから新しく書きなおすqwintry.comのブランチ Yii2で動くb2bシステム（logistics.qwintry.com） その他、比較的小さめのプロジェクト（ほとんどは、PHPとNode.jsでバックエンドを構築しているもの） プロジェクトの規模についていうと、 Qwintry は世界中で約50万人の顧客が使っています。アメリカとドイツに倉庫を持っていて、アメリカ国内 最大の郵送先 のひとつで、東欧や中東への出荷に注力しています。Qwintryは、アメリカのオンラインストアでグッズを購入する人たちのためのツールです。私たちの倉庫に届いた荷物をコントロールパネルで管理で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.jsから始めるDOMにデータを持たせないアプリケーション開発への第1歩