TypeScript + React + Material-UI v3 のスタイル付き Components ガイド - Qiita
React + Material-UI v3 では withStyles(styles)(Component) という独自の記法でスタイル付き Components を生成します。 TypeScript で Material-UI のスタイル付き Components を記述する場合は、従来の JavaScript での記法とは多少異なるのですが、 TypeScript を使った記法については情報が少ないと思ったので覚え書きとして残しておきます。 Material-UI v4 について 2019年5月末に Material-UI v4 がリリースされました。記法が変わったので、v4 の記法は別記事にしています。 この先は Material-UI v3 の記法になります。予めインストールした Material-UI のバージョンを確認してから閲覧してください。 TypeScript + Ma
D3.jsでアロー関数を使う時の注意点 - Qiita
既存のD3.jsのコードをアロー関数で置き換える際に変な動作を起こしてしまったのでメモしておきます。 追記 (2020/08/29) 2020年8月にリリースされた D3 v6 ではイベントリスナの書き方が変わりました。 詳しくは D3 v6 アロー関数使用時の移行ガイドへ。以下は v5 以前のコードとなります。 D3.jsでは、DOMにイベントを与えるselection.on(typenames, listener)で、イベントリスナ内でそのDOMを選択したいときにthisを使うことが多いです。 例えば、以下のようなコードがよく使われます。 d3.selectAll("rect") .data(data) .enter() .append("rect") .attr("x", function(d) {return xScale(0);}) .attr("y", function(d)
d3.jsで国土地理院のベクトルタイルを使う - Qiita
ニューヨークタイムズがシリアの諸都市の被害状況を可視化した記事を読み、ここに使われている地図はオープンストリートマップのデータをd3.jsで読み込んでいるのではないかと考え、まあ結果的には違ったのですが、国土地理院のベクトルタイルで似たようなものを作れないかと思い、試してみました。 VectorTiles / Mike Bostock's Block 上記のコードを国土地理院のベクトルタイルの仕様に合わせて改造します。 とりあえず、先にデモページとサンプルコードを載せてみます。サンプルコードは上記のコードと比較しながら読むといいと思います。 デモページ 使用ライブラリ <html> <head> 略 <script src="https://d3js.org/d3.v4.min.js"></script> <!-- d3.js本体に加えて、d3-tileプラグインを読み込みます。 -->
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
