Oooのブックマーク / 2017年12月5日 - はてなブックマーク

Ooo id:Ooo

2017年12月5日のブックマーク (3件)

Vue.jsでD3.jsを使わずにグラフを実装する - Qiita
Vue.jsでグラフを実装するサンプルコードを探すとD3.jsを用いている例が結構見つかります。しかし本当にD3.jsが必要なのでしょうか？この記事ではD3.jsやその他グラフライブラリを用いずにVue.jsのみで実装したグラフについて解説します。 TL;DR SVGでおｋグラフコンポーネントにSVGのテンプレートを書くテンプレートに必要な値を computed でじゃんじゃん作るデモとリポジトリデモ： https://haribote.github.io/vue-graph-demo/ リポジトリ: https://github.com/haribote/vue-graph-demo 折れ線グラフ、棒グラフ、円グラフ、の3つのグラフを実装してみました。データの内容はプロ野球における直近5シーズンの年間入場者数です。 NPBが公開している統計データからJSONを用意しました
Ooo 2017/12/05
Vue.js

svg

DOM

JavaScript
リンク
グリグリ動く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
Ooo 2017/12/05
Vue.js

JavaScript

svg
リンク
【レポート】ラスベガスでパスポートの盗難・紛失に遭ったらすべきこと #reinvent | DevelopersIO
はじめに AWS re:Invent(以下re:Invent)は、2012年の初回から毎年ラスベガスで開催され、2017年の今年で6回を数える事になりました。規模は回を重ねる毎に大きくなり、今年は日本から1000人を超える参加があったとのことです。これだけ多人数が参加すると、パスポートを盗難されたり、紛失する機会も増えてくることが想像され、その場合日本に帰国するために何をどうすればいいのか、事前に情報を知っておくに越したことはありません。本エントリでは、パスポートを失った際の具体的な対応方法を、実例を元に確認します。パスポート盗難・紛失時の対応方法盗難はともかく、パスポートの紛失は気付くのは早いに越したことはありません。下記は飛行機から降りた直後に機内に忘れたことに気付いた場合です。 [re:Invent2017] とっさの事故にも困らないために〜パスポート遺失編〜 #reinve
Ooo 2017/12/05
travel

Security
リンク
- 2017年12月6日
- 2017年12月5日
- 2017年12月1日