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で利用する

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

超小型マイコンボード「Intel Edison」のセットアップ 〜 Milkcocoaと連携させる手順を初心者向けに解説します。 Posted: 2015-07-02 / Modified: 2015-11-08 / Tags: Edison Node.js 超小型マイコンボード「Intel Edison」のセットアップ 〜 Milkcocoaと連携させる手順を初心者向けに解説します。 Tessel、RaspberryPiとMilkcocoa連携をしてきましたが、今回は、 「Intel Edison」 とMilkcocoaを連携させてみようと思います。Macの方向けになります。 Edisonについて EdisonはIntelが開発したマイコンボードです。LinuxOSが搭載されているので超小型のパソコンという認識でもいいかもしれません。 Intel Edison Kit for Ardui

D3.jsを使ってセンサーで取得した1日ごとの玄関の光量の総和をグラフ化する Posted: 2015-06-29 / Tags: D3.js Raspberry_Pi 「Raspberry Piで取得したセンサーデータをリアルタイムに可視化する」のシリーズに引き続き、可視化の話です。 上記のシリーズでは、Milkcocoaを使ってリアルタイムな情報を表示することにフォーカスをして話しました。 ただ、照度データ（その場所がどれくらい明るいか）はリアルタイムに通知することには価値があるとしても、リアルタイムにグラフで見ることにはあまり価値があるとは言えません。 なので、今回は、溜まったデータを1日ごとに比べて、どの日が特に使われているかをわかるようにしてみます。 デモはこちら ソースの全体は以下からご覧下さい（2回目以降の読み込みを高速化するためにローカルストレージを使って色々やっています）

Some of our readers may recall that we introduced the Milkcocoa platform developed by Fukuoka-based startup Technical Rockstars. It enables automation of managing servers through single-line script tag insertion into the HTML source, which means support for front-end engineers in managing the back-end environment from its front-end side. So the platform is an ideal solution for startups or system

前々回、前回に引き続き、Raspberry Piでセンサーデータを取得して、Milkcocoaを使ってリアルタイムにブラウザ上にグラフ化する方法を紹介していきます。 弊社オフィスの玄関の明るさをリアルタイムで表示しているデモはこちらです 今回は以下の流れで、保存されたセンサーデータのリアルタイムなグラフの描画について説明していきます。 D3.jsで折れ線グラフを表示する際に必要な知識 Milkcocoaのデータストアからデータを取り出して、入出力の範囲を指定する グラフを描画する リアルタイムアニメーション D3.jsで折れ線グラフを表示する際に必要な知識 D3.jsの基礎知識については以下で学習すると良いかと思います。 D3.js入門 (全17回) - プログラミングならドットインストール D3 入門 | スコット・マレイ | alignedleft 面倒な人は、最低でも以下を頭に入れて

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

Web開発者でも簡単に扱えるマイコンボードTesselでMilkcocoaを使う（遠隔Lチカ編） Posted: 2015-06-10 / Tags: Tessel JavaScriptで使えるマイコンボード（巷ではJS Boardと言われているみたいです）であるTesselは、Web開発者でも簡単に扱えるということで注目されています。 Rasberry Pi等ではつまずきがちなセンサーも、Tesselではパズルのように装着するだけで良いので初心者でも簡単に扱えます。 Tesselは1万円弱と少し高いですが、Raspberry Piはインストールに必要な機材、ブレッドボードやジャンパワイヤー、無線LAN子機等々を買う必要があることを考えると、結果的にTesselが安くなる気がしています。 そこで今回は、MilkcocoaをTesselで使う方法を以下の手順で紹介します。 Tesselの導入

Raspberry Piで取得したセンサーデータをリアルタイムに可視化する（導入編） Posted: 2015-06-08 / Modified: 2015-12-09 / Tags: Raspberry_Pi Node.js Raspberry Piを買ったは良いもののLチカで止まってる、なんて人は少なくないんじゃないでしょうか？ センサーデータがうまく取得できなかったり、通信の部分がよくわからなかったり、色々な理由があるかと思います。 そこで今回は、Raspberry Piでセンサーデータを取得して、Milkcocoaを使ってリアルタイムにブラウザ上にグラフ化する過程を、導入部分からひとつひとつ説明したいと思います。 こちらでデモを見ることが出来ます 今回は導入編ということで、以下の流れで説明してきます。 Raspberry Piのインストール Raspberry Piを持ち運べるよう

はじめに 本特集では主にMilkcocoaを通して、BaaS（Backend as a Service）の使い方を体験していただきました。今回はまとめとして、国内外のBaaSについて紹介を行い、BaaSを利用した開発が今後どのようになっていくか、そもそもバックエンドとは何なのかを考えたいと思います。 そもそもBaaSとは？ そもそもBaaSとはバックエンドの機能をAPI化したものです。バックエンドの機能とは、データの保存、Pub/Sub型通信、認証、検索などです。開発者がバックエンドを意識せずに開発ができるということで、たとえばフロントエンドのエンジニアだけでとか、デバイスのエンジニアだけでサービス全体の開発が可能になります。 図1　そもそもBaaSとは 国内外のBackend as a Service 国内外のBaaSについてまとめてみたいと思います。iPhoneやAndroidのネイテ