【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita
はじめに Vue.jsを使用したアプリケーションでのWeb API呼び出しのデザインパターンについて調べてみました。 しかし検索して出てくるチュートリアルやサンプルは、コンポーネント内でaxiosをインスタンス化していたり、Vuexの中でaxiosを使用するというサンプルがほとんどでした。 しかし実際のプロダクトでこれをしてしまうと コンポーネント内でAPIアクセスの直書きによって単体テストが困難に Vuex(actions)の肥大化(使い回さない処理はStoreに記述しないほうがいいとする文献もある) API通信部分をPureJSでモジュール化しても依存度がイマイチ下がらない（コンポーネントでモジュールをインポートするため）。 などなど問題になることが多そうでした。 ある日、Jorge氏が投稿した「Vue API calls in a smart way」という記事にたどり着きました。
Vue.jsとDjango REST FrameworkでSPAなWebをやる時の勘どころ - HATEOASと非同期処理（の触り） - Lean Baseball
ボストン・レッドソックスの皆さん、世界一おめでとうございます！*1 野球ってほんと面白いですね、こんばんは野球エンジニアです.*2 このエントリーでは楽しい野球技術、Vue.jsとDjango（Django REST Framework、以下DRFと略す）の話をサクッと書きたいと思います. なお、このエントリーは先日開催されたPyLadies Tokyo - 4周年記念パーティのLTでやったことの自分メモをブログにしたものです.*3 元ネタ PyLadies Tokyo - 4周年記念パーティのLTで話した内容がベースです. speakerdeck.com DjangoとVue.jsそしてOhtani-San - Pythonで二刀流しよう #PyLadiesTokyo 4周年 TL;DR 複数カテゴリのデータをSPA + REST APIで扱うなら、最初からHATEOAS（Hyperme
[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js - Qiita
[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js ありがとう Evan You, ありがとう Vue.js 開発チーム 元記事 Plans for the Next Iteration of Vue.js – The Vue Point – Medium 追記 (2018/10/02) この訳が Vue.js 日本語公式サイトの翻訳記事になりました 🎉 https://jp.vuejs.org/2018/10/01/plans-for-the-next-iteration-of-vue-js/ Plans for the Next Iteration of Vue.js ─ Vue.js における次のイテレーションの計画 先週の Vue.js London で、私は Vue の次のメジャーバージョンについて簡単
![[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc1f0f7d57c0fbd7dc87d81bc07542c36a83eff/height=288;version=1;width=512/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png)
Vue.jsにjQueryからの移行方法も詳しく解説！Vue.jsの実践的な使い方がこの一冊でばっちり分かる -Vue.js入門
Vue.jsで、何ができるのか？ Vue.jsでUIを構築する際の考え方、導入方法、基本的な使い方、コンポーネントの扱い方、そして、実際のアプリケーション開発やjQueryからの移行など、この一冊でVue.jsの基礎から実践的な使い方までがしっかりと身につくオススメの本を紹介します。 Web制作に携わる人であれば、読むとワクワクすると思います。 本書はVue.jsのコアチームに名前を連ねている川口氏や片山氏をはじめとする、Vue.jsのエキスパートによる入門書ながら本格的な解説書。 Vue.jsに興味がある、使ってみたい、もっと使いこなしたい、そんなフロントエンドの制作に携わるコーダーやデザイナーにぴったりです。
2018-07-31のJS: TypeScript 3.0、Chrome 68、Vueの内部技術
JSer.info #394 - TypeScript 3.0が正式にリリースされました。 Announcing TypeScript 3.0 | TypeScript What's new in TypeScript · Microsoft/TypeScript Wiki Breaking Changes · Microsoft/TypeScript Wiki monorepoなどで複数パッケージ間のビルド関係などを扱うProject referencesの追加、Generic rest parametersのサポート、Tuple型の改善、unknown型の追加、ReactのdefaultPropsの型のサポートなどが行われています。 次の記事でも具体的な動作について説明されているので合わせてみてみるといいかもしれません。 TypeScript 3.0.0-RC 変更点 - Qiita
Vue.jsでCSSスタイルガイド作成に挑戦！（４） | バシャログ。
最近、FREETEL のスマホ（SIMフリー）を使い始めている kouraku です。おはこんばんちわ。 とりあえず、OCN モバイル ONEでデータ通信の契約だけしてのお試し中なのですが、これが思いの外なかなか良い感じです。何しろ、金額がとても安い！このまま移行しちゃおうか・・・なんて考えてしまうほどです。 さてさて前回は、コードの見直しとともに、カテゴリを動的に表示させるところまでやりました。 【前回】Vue.jsでCSSスタイルガイド作成に挑戦！（３） 今回は案件で使用することを想定して、 まずはstyleguideディレクトリへファイルを移動し、 setting.jsonで読み込ませたいCSSを設定し、 さらに複数のCSSを読み込めるようにしたいと思います。 styleguide ディレクトリを作成しファイルを移動する 現時点では、スタイルガイド用ファイル全てルート直下にある形にな
Vue Designer - Vue.jsの表示を確認できるVisual Studio Codeプラグイン MOONGIFT
ReactやAngular、Vueなどは独自のタグを使ったWebコンポーネント型のシステムと言うこともあって、これまでのHTMLデザインの手法が通じなくなっています。デザインの確認などで苦戦している人も多いのではないでしょうか。 そこで使ってみたいのがVue Designerです。Visual Studio Codeプラグインとして動作するVueデザイン確認ツールです。 Vue Designerの使い方 エディタです。Vueファイルに対応しており、デザイナーを開くと右側にプレビューが表示されます。 もちろんリアルタイムに更新されるので、スタイルタグの内容を変えるとすぐに反映されます。 props、データの確認もできます。 Webブラウザなどで表示を確認するのも良いですが、プログラミングエディタの中に埋め込まれていることで、より確認が簡単にできるようになっています。Vue Designerを
Using Laravel Translation Strings in Vue.js
…or anything, reallyOne issue you will face if you need to make a multi-lingual site is how to keep your translations organized for both your back-end framework and your javascript components. I’m going to demonstrate the basic technique for this, using Laravel and Vue.js for my example. What is this?You should know right off the bat that the technique I’m showing is completely framework — and eve
Yet Another Bundler - Parcel + Vue.jsの可能性を模索した話 - - Studio Andy
この記事は Vue.js #1 Advent Calendar 2017 - Qiita 15日目の記事です。 今年もアドベントカレンダーの季節がやってきました！ ブログ書くのは1年ぶりですねw まずはネタ探しということで最近はReact Nativeを書いている時間が長いのもあり、はじめはVue.jsでモバイルアプリが作れるWeexについての記事を書こうといろいろ準備していました。 そんな穏やかな冬の午後・・・ またなんか出た qiita.com ちょっと待ってくれ 先週社内でWebpackの勉強会したばっかなんだけど・・・ ↑↑ やりきった感のある投稿の様子 正直、 (ほんともう勘弁してくれ〜〜〜) って感じだしBrowserifyやWebpackをはじめとしたバンドラ論争に振り回されたみなさんの中には怒りすら覚えた人もいるのではないでしょうか とは言っても 触ってみないことには良いも
一休.comのJavaScriptユニットテスト環境 - 一休.com Developers Blog
この記事は一休.com Advent Calenrad 2017の2日目です。 宿泊事業本部フロントエンドエンジニアの宇都宮です。 一休.comの宿泊予約サービス（以下、一休）では、以下のようなスタックでWebフロントエンドの開発を行っています。 言語：ES 2017 ライブラリ・フレームワーク：古いところはjQuery、新しいところはVue.js ビルドパイプライン：Webpack + Babel 一休では、主要導線のE2Eテストは整備されています*1。一方、フロントエンド(JavaScript)のユニットテストは発展途上といったところです。 本記事では、一休のJSユニットテスト環境の変遷と現状について紹介します。 AVA 2017年4月の時点で、一休のJSユニットテスト環境は以下のような状況でした。 テスティングフレームワーク：AVA Babelでビルドされているコード：1,000行程
細かすぎるけど伝わって欲しいlodash.jsの話 - KAYAC engineers' blog
ギリギリの時間にこんばんは、12/2のアドベントカレンダーは、HTMLファイ部ののびーがお送りします。受託事業でWebフロントを書いたり、テクニカルディレクションをやったりしている人です。 さて今年はさっくりと、常日頃からお世話になっているlodash.jsというライブラリについて、掘り下げた紹介をさせていただきます。 lodash.jsとは https://lodash.com/ A modern JavaScript utility library delivering modularity, performance & extras. つまるところ、 ユーティリティー（なんか便利）関数を集めたやつ めっちゃかるい という特徴を持つライブラリです。近頃のフロントエンドの流行りであるThree.jsだったり、Vue.jsだったりといったものに比べると 地味 です。非常に地味ですが、個人的
The Ultimate AJAX Guide For Vue.js Apps
Anthony Gore | August 28th, 2017 (Updated January 20th, 2020) | 8 min read If you ask two Vue.js developers "what's the best way to implement AJAX in a Vue app?", you'll get three different opinions. Vue is a UI library and therefore doesn't provide an official way of implementing AJAX. There are a number of different approaches that may be used effectively, each with its pros and cons that should
JavaScriptだけで本格的なチャットボットを開発できるライブラリ「BotUI」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上で動作するPC・スマホ対応の「チャットボット」を、超簡単にJavaScriptでプログラミングできるライブラリのご紹介です！ Vue.jsとPromiseをベースにしたとても簡単な構造になっているのが特徴で、カスタマイズ性も高いので手軽に自分だけのボットを作って公開することが可能ですよ。 【 BotUI 】 ■「BotUI」の使い方 それでは、まず最初に「BotUI」を使うための基本的な準備を簡単に済ませておきましょう！ 「BotUI」はVue.jsをベースに作られているので、「vue.js」の本体ファイルと「BotUI」関連のファイル（JS / CSS）が必要になります。 「npm」や「Webpack」を使って導入しても良いですし、CDN経由で以下のファイルを読み込んでもOKです！ // メインのスタイルシート及びデフォルト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jargon-Free Webpack Intro For VueJS Users
JavaScript Weekly Issue 350: September 1, 2017