お知らせ

管理人のxiangです。趣味で科学の勉強やWEBアプリの開発しています。知識の定着を目的にアウトプットの場が欲しいなと思って立ち上げました。 記録しておきたいことや困ったことを書き留める雑記帳として使います。 また同じようなポイントで躓いた方の助けにもなれば幸いです。技術ブログを書いてる方々には日々お世話になっているので。

WEBデザインD3.js,JavaScript

デモを色々見ましたがx軸方向に伸びるツリーしかなくいじってみました。以下サンプルです。

WEBデザイン


要素をクリックすると動きます。元に戻すには真ん中をクリックします。

WEBデザインJavaScript

動機

生物の進化や分類に興味があって日々調べているんですが、
ネットを漁っているとこんな画像をよく見かけます。 まさにツリーです。

サーバExpress,git,JavaScript,NJMJオンライン,Node.js

Expressを使用します。
mkdir sample
cd sample
git init
echo 'node_modules' >> .gitignore
npm init
npm install express
npm install socket.io

WEBデザインCSS,HTML,JavaScript

クイックスタート

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=py&skin=sunburst"></script>
<pre class="prettyprint linenums">
print("hello world")
</pre>
実行結果
print("hello world")