顿辞肠办别谤で作る诲3.箩蝉インタラクション共有＆顿尝环境
?
0 likes?1,820 views
惭别迟别辞谤のリアクティブプログラミングと笔丑补苍迟辞尘闯厂を使っでインタラクティブに诲3.箩蝉のチャートを画像で保存するサービスと、このサービスの顿辞肠办别谤コンテナでの环境构筑ついての解説です。
顿辞肠办别谤で作る诲3.箩蝉インタラクション共有＆顿尝环境
- 1. Dockerで作る d3.jsインタラクション 共有&DL環境 大石ナオヤ / “dogrun” Inc. ! oec014 2015-03-07 Mishima.syk
- 3. 経緯 バイオハッカソン BH14.14で、Dockerを集中 的に学習する機会！! データ可視化に使えそうなアプリケーションサー バを作っておこう → サービスを組みあわせる とある課題を解決できるイメージが…
- 5. サービスの構成 環境： Mac OSX + Vargrant + CoreOS + Docker ! アプリケーションのフレームワーク： Meteor + PhantomJS
- 6. PhantomJSとは JavaScript APIでコントロールできる、headless なWebKitブラウザ。 テスティングフレームワークやWebの自動処 理、画面キャプチャーなどに使われる。
- 10. Macでコンテナを利用する かなりざっくりとした手順 1. caskをインストール //homebrewの拡張 2. virtualvoxをインストール（brew cask install virtualbox） 3. vagrantをインストール 4. coreos-vagrantをgitclone 5. CoreOSを起動（ vagrant up && vagrant ssh） 6. CoreOSから docker run 7. optionでポートや永続化するディレクトリを設定 A. Meteorの場合の例）docker run -it -p 8080:300 ubuntu -bash B. 永続化手段があると開発楽）docker run -it -v $(pwd) :/data ubuntu bash
- 11. Dockerで Meteorアプリを起動する 1. coreos-vagrant $ vagrant up && vagrant ssh 2. core@core-01 - $ cd share // /coreos-vagrant/の下に永続化するデータ用の ディレクトリを作りそちらをカレントディレクトリにします。 3. core@core-01 -/share/myapp $ docker run -it -p 8080:3000 -v $(pwd) :/ data dogrun/docker-meteor-phantomjs 4. # cd data 5. meteor create myapp 6. cd myapp 7. meteor
- 13. Meteorはd3.jsのキャプ チャーに実際使えるのか？ キャプチャーのためだけにMeteorを使うことは、やっぱ無い！ 再描画の方法など通常のd3.jsの書き方と大きく変わってる。 リアクティブ前提の - たとえばチャットしながら地図に色々プロッ トして、キャプチャーした画像を送るとか -サービスはできそう クライアントのみでPNGの書き出しを行う方法もいろいろ考え られてはいます。ただコレと言う定番はまだ無さそう。 HighChartのように書き出せるのが理想……書き出しや再利用性 などを考慮したd3.jsのより良い記法を実装者が意識して作って いきたいものです。
- 15. ソースコードとDocker ?le ? github ? https://github.com/dogrunjp/d3MeteorS2P ? Docker Hub ? https://registry.hub.docker.com/u/ dogrunjp/docker-meteor-phantomjs/