Vue.js
Vue.js v-tokyo オンライン Meetup #12 に参加しました。オンライン開催。簡単に所感をまとめます。 vuejs-meetup.connpass.com 所感 ESLint をマイグレーションの補助として使うのはなるほどという感じ。(本編でも言ってたけどマイグレーションツールではな…
以前、Vue.js の学習を兼ねてウィジェットっぽいものを作りました。 Vue.js でウィジェットっぽいものを作ってみる (仮) - kntmr-blog Vue.js でウィジェットっぽいもの (仮) その2 - kntmr-blog 続編として今回はこれを TypeScript に移植しました。とは言…
先日、Remote.vue #2 に参加しました。オンライン開催。簡単に所感をまとめます。 lapras.connpass.com 所感 ユーザーに提供する知識、情報、振る舞いは、いわゆる情報設計？というものかと思いますが、これをコンポーネント分割の観点にするというのは目か…
先日、Remote.vue #1 に参加しました。オンライン開催。簡単に所感をまとめます。 lapras.connpass.com 所感 アーキテクチャから API までいろいろ知見のある内容でした。特に、アーキテクチャではどういう判断基準があってその構成になったのかを聴けるのは…
先日、改めて考えるフロントエンドライブラリ Angular, Vue, React, jQuery etc... 〜何を利用してる？共有LT会〜 に参加しました。オンライン開催。簡単に所感をまとめます。 techplay.jp 所感 今回、Angular, Vue, React, jQuery etc... ということでした…
チームリーディング フロントエンドコンポーネントの指針に参加しました。今回はオンライン開催。簡単に所感をまとめます。 nrs-seminar.connpass.com 所感 前回のクリーンアーキテクチャに続き、今回はフロントエンド寄り、特に新しい技術を導入するときに…
正数や小数のみ入力を許可するテキストボックスを Vue.js のコンポーネントとして作ってみました。一般的には type="number" を使うといいのかもしれませんが、今回はもろもろの事情により type="text" を使います。あと、Vue.js らしいところはあまりないで…
最近、Vue.Draggable を使う機会があったのですが、ドラッグ&ドロップで要素を並び替えたときにどのような順序でイベントハンドラが呼ばれるのか気になったので調べてみました。とりあえず、以下に記載されているイベントハンドラを対象にします。ちなみに、…
Vue Fes Japan に行ってきました。簡単に所感をまとめます。 vuefes.jp 今回参加したセッションは以下の通り。メモから抜粋。スライドが公開されたらリンクを貼っておきます。尚、英語セッションはリスニング力がショボすぎて理解が誤ってるかもしれません..…
先日、v-for に key 属性を指定しないことが原因で生じる不具合に遭遇しました。別にたいしたものではなんですが、v-for と key 属性の確認を兼ねて簡単にまとめます。 今日は v-for に :key を指定しないせいで起こる不具合に遭遇した— kntmr (@knt_mr) 201…
これを探してた / Tree View Example https://t.co/vv3JakWbTQ— kntmr (@knt_mr) 2018年7月25日 ツリー表示する方法を調べてたら Vue.js の公式サイトにいい感じのサンプルがありました。このサンプルではコンポーネントを再帰することでツリーを実現してい…
前回の続き Vue.js で ToDo アプリを作る - kntmr-blog 前回作成した ToDo アプリはデータを LocalStorage に保存していましたが、今回は Firebase Realtime Database に保存するようにしました。また、Vuex の Plugins は使わず、mutations のところで stat…
以前、PWA の学習を兼ねて、Firebase にデプロイしたアプリを PWA 化してみる計画を立てたのですが、対象のアプリがイマイチなので、その代わりに Vue.js で ToDo アプリを作りました。 今のところ ToDo のデータは LocalStorage に保存するようにしています…
Firebase を使ってみようと思います。ひとまず、以下の続編としてアプリを Firebase にデプロイしてみようかと。 Vue.js でウィジェットっぽいもの (仮) その2 - kntmr-blog ソースコードはこちら。 github.com 以下、備忘録。 Firebase Console Firebase Co…
某案件で Vue.js + Vuex + axios を採用しました。備忘録としてまとめます。 前提 それぞれのバージョンは以下の通り。 "dependencies": { "axios": "^0.17.1", "es6-promise": "^4.1.1", "vue": "^2.5.2", "vue-router": "^3.0.1", "vuex": "^3.0.1" } 開発…
やりたいこととしては、dev.env.js や prod.env.js 以外に、テスト環境向けの config が欲しい。ちなみに、ここで言う「テスト環境」とは、ローカル以上、プロダクション未満のような環境を指します。 で、stg.env.js のような config を新しく用意しようか…
前回の続編。用途があるか不明ですが、こんな感じでできそうという話。 kntmr.hatenablog.com filters を差し替える 例えば、こういうコンポーネントがあって、期待する値が出力されるかテストするパターン。ここでは、グローバルフィルターが設定されている…
このあたりを調べたときのメモ。 avoriaz@6.3.0 sinon@4.0.0 例えば、こういうコンポーネントがあって、ボタンクリック時のイベントハンドラを methods のメソッドにバインドしているものとする。 <template> <div> <button @click="onClick">Submit</button> </div> </template> <script> export default { name: 'AvoriazTest', method</script>…
小ネタですみませんが、Vue.js #4 Advent Calendar 2017 の15日目が空いてたので書きます。最近、Vue.js を実案件で使い始めました。Vue.js 歴は浅いです。 タイトルの通りなんですが、誤りや本来はこうあるべきというのがあればご指摘いただけますと幸いで…
前回の続き Vue.js でウィジェットっぽいものを作ってみる (仮) - kntmr-blog 続編として今回は以下をやってみようかと。 Webpack で出力するファイルをまとめる ウィジェットにパラメータを渡せるようにする 任意のタグ/キーワードで表示できるようにする W…
Qiita Widget : Qiitaの投稿を表示できるブログパーツ こんな感じのウィジェットっぽいものを、Vue.js と Veux の学習を兼ねて作ってみようかと。今回は Qiita の Vue.js タグを表示するもの。 github.com 以下、備忘録。 vue-cli vue-cli の Webpack テンプ…
以前、Bootstrap ベースのモックアップについて書きました。 Bootstrap を利用して簡単なモックアップを作る - kntmr-blog で、今回は Bootstrap + Vue.js 版のモックアップを作ってみました。モックアップとしての内容は Bootstrap 版と同じです。Vue.js と…
