[B! vue] hadakadenkyuのブックマーク

TypeScriptでVue.jsを書く – Vue CLIを使った開発のポイントを紹介

2018年8月11日に新しいメジャーバージョンとなるVue CLI 3.0がリリースされました。Vue CLI 3では、公式にTypeScriptをサポートし、 TypeScriptを利用するプロジェクトの生成に対応しました。これにより、TypeScriptでVueを気軽に試せるようになったということで、今回ちょっとどんなものか試してみることにしました。試した中でポイントとなりそうな部分をまとめてみたので紹介します。なお、私は普段はAngularでTypeScriptを書いているため、TypeScriptのクラス構文を使った説明になっています（クラス構文を使わなくても、TypeScriptでvue.jsを書くことはできます）。目次はじめに – Vue CLI + TypeScript TypeScript + Vue サンプル Vue CLIでTypeScript プロジェクトを生成する

hadakadenkyu 2018/08/19

tsは好きだがjsの書き方に慣れすぎてこの書き方気持ち悪く感じるな・・・

リンク

グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing

これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i

hadakadenkyu 2017/12/05

あとで試す

vue.js
Vue

リンク

Vue.jsでシンプルな入力文字種制限 - Qiita

要件そのものにどうも納得がいかなかいが世の中似たような事求められることもありそうだからメモ。要件フロントエンドでリアルタイムに入力項目にバリデートをかけたい条件外の入力文字列はそもそも入力できないようにしたいフレームワークはVue.js 検討とりあえずはpatternが使えそう (2)が無ければinputのpatternに正規表現を入れてイチイチformタグで囲って入力毎にsubmitしてやれば大体イケそうだが vue-validator使えば多分イケるだろうけどこの程度のことに導入したくない現時点での結論: <template> <main id="app"><main id="app"> <h1>Vueでシンプルな入力制限</h1> <table> <tbody> <tr> <th>数字のみ:</th><td><input type="text" pattern="^[0-

hadakadenkyu 2017/05/07

数字しか入れたくない場合ってもtype="number"じゃ「そういう意味じゃねーよ」って感じなわけで／イチイチform submitするほうが正解な気がしている

リンク

Vue.jsでVideoタグを扱う - Qiita

気付けば単純なことだけど2日程思いつかなかったので書いておく。なにがしたかったか Vueのメソッドの中で動画の再生制御結論: カスタムディレクティブ使え Vue.directive('play',function (el, binding) { if(binding.value){ el.play(); }else{ el.pause(); } });