こんにちは。キャスレーコンサルティングSI(システム・インテグレーション)部の佐藤です。 今回は、「dot言語でFizzBuzzを可視化する」というテーマになります。 FizzBuzzの結果を、グラフ理論でよく使用されるdot言語で表し、 それをGraphvizを元に作成されたviz.jsを用いて可視化します。 基本的に、今回はdot言語の入門編であるため、 可視化するにあたっては、「こうしてみたらどうなるだろう」をコードに移してみる形をとっています。 使用するのは、以下の通りです。 Ubuntu 14.04 LTS Electron jquery viz.js 開発環境の準備 dot言語について説明する前に、今回の開発環境を整えます。 今回使用するviz.jsは、npmからインストールした方が手軽なため、 node.jsを内蔵するElectronで開発を行うことにします。 Electro