たれぱんのびぼーろく

わたしの備忘録、生物学とプログラミングが多いかも

2017-09-01から1ヶ月間の記事一覧

d3.jsとデータの書き換え

入力値やインタラクションの結果をデータとグラフに反映する仕組みはd3.jsに備わっているのか否か 結論 d3.jsには双方向バインディングに該当する仕組みがない. dataの取得・更新とrebinding、rebinding後の更新が必要. うーむ There's no data-binding magi…

SVGのtextをその場で書き換える

下のtext要素をクリックしてごらん、なんと編集できるよ!! 私はtext要素。でも編集できるよ! (クリックしてみ) わかる人向け: 仕組みを一言でいうと contentEditableなHTML要素の下にtext要素を配置し、このセットをforeignObjectへ入れてSVG要素下に吊るす…

test.js in はてな

HTML, non-contentEditable HTML contentEditable HTML, non-contentEditable. But enabled by d3.js!! svgText? hello d3.select("#divv2").attr("contenteditable", true);

Javascriptの日時 (date & time)

Javascript標準で日時を扱うにはDateオブジェクトを使う. 使い方は割と簡単で、いくつか問題点はあるけどとりあえず使う分にはまぁ 概要 こんな風になっている inputはローカル時間 (日本時間とかアメリカ時間とか。時差のようなもの) の情報を持っているが…

DNAコンストラクトを入手する

\115 = $1とする 譲ってもらう addgeneで買う \13,000 , $110 (plasmid: $65, international shipping: $45 Addgene: How to Order) 合成する 遺伝子合成&標準ベクターcloning \45,000/1kb + \0/standard_vector_cloning 人工遺伝子合成受託サービス - GenSc…

mermaid.jsでガントチャートを書く

mermaid.jsには様々な機能がある。その中でもガントチャート機能に着目した。 mermaid.jsガントチャートの特徴 利点 手軽に綺麗なガントチャートが書ける タスク間の依存関係を書ける 欠点 拡張性なし (モジュールAPIなど) タスクの依存先は1つのみ (and条件…