Milkcocoaを使ったインタラクティブサイト「DARTS MAP」の技術解説 Posted: 2015-08-26 / Tags: GoogleMaps_API はじめまして。株式会社カヤックでフロントエンドエンジニアを務めております、田島真悟と申します。 Milkcocoaは約1年前から、プライベートでの制作や仕事でのモック作りなどを中心に、よく使わせていただいています。 今回はその中から、MilkcocoaとGoogleMaps APIを組み合わせて作った、DARTS MAPというWebサイトの紹介と、その技術的な解説について書こうと思います。 DARTS MAPとは、どんなサイトか？ DARTS MAPには、下記のURLからアクセスすることができます。 スマートフォンとパソコンがあるだけで世界中を飛び回る体験ができるコンテンツです。 手元に2台ともある方は是非体験してみてください

MQTTクライアントを使うことで、C言語など様々な言語でMilkcocoaを利用できるようになりました Posted: 2015-08-19 / Tags: MQTT C言語 先日、Milkcocoaを「MQTTベース」にアップデートしました。MQTTベースとはどういうことかというと、MQTTが使える環境であればどこからでもMilkcocoaを利用することが出来るようになったということです。 ※Swiftでは、TLS通信を使うと接続できないので注意して下さい。 「Paho」というMQTTクライアントのオープンソースプロジェクトには以下の言語が用意されているので、少なくともこれらの言語では使えるようになるということです。 C言語 Java Android Python C/C++ MQTT Embedded clients .Net and WinRT Go言語 Milkcocoaで利用する

var Cylon = require('cylon'); var Milkcocoa = require('milkcocoa'); var milkcocoa = new Milkcocoa('dogi9jz8c16.mlkcca.com'); var ds = milkcocoa.dataStore('dots'); var hue; Cylon.robot({ connections: { hue: { adaptor: 'hue', host: '192.168.2.2', username: 'newdeveloper' } }, devices: { bulb: { driver: 'hue-light', lightId: 1 } }, work: function(my) { my.bulb.turnOn(); //点灯 hue = my; //hue変数に操作メソッド諸

ヒートマップツールを無料でとても簡単に自作してWebサイトに導入する方法（heatmap.js＋Milkcocoa） Posted: 2015-07-04 / Tags: heatmap.js Webでいうところのヒートマップツールとは、Webサイトを改善するために、クリックした場所やどこまでスクロールしたかなどを、度合いによって色を変えて視覚的にわかりやすく表示してくれるものです。 PtEngineやクリックテールといったサービスを聞いたことがある方もいるのではないでしょうか。 今回は、そういったサービスを使うことなく、heatmap.jsとMilkcocoaを使って、無料でヒートマップツールを自作してしまおうといった記事になります。とても簡単なので、初心者の方も是非試して頂きたいです。 こちらが、このブログのトップページのクリック箇所のヒートマップ表示になります ヒートマップを表示する

Raspberry Piで取得したセンサーデータをリアルタイムに可視化する（センサー編） Posted: 2015-06-11 / Modified: 2015-06-17 / Tags: Raspberry_Pi Node.js 前回に引き続き、Raspberry Piでセンサーデータを取得して、Milkcocoaを使ってリアルタイムにブラウザ上にグラフ化する方法を紹介していきます。 弊社オフィスの玄関の明るさをリアルタイムで表示しているデモはこちらです 今回は以下の流れで、センサーデータの取得と保存について説明していきます。 回路を組む シリアル通信の準備 ADコンバーターからデータを取得 データの確認と保存 なお、センサーは以下のキットのものを使用します。同じように開発したい場合はご購入ください。 ハック ラズベリーパイ Raspberry Pi 電子工作入門キット。 回路を組む こ