Case Studies & App Showcase

Brightness
Playback Dots
このドット絵は「Connectly Lab.」と連動しています(※現在停止中)。色を塗ると、寝室のhueがその色に変わります。
こちらは、2015年05月〜08月に本サイトのトップページに設置していたインタラクティブコンテンツです。バックエンドにはもちろんMilkcocoaを使用して、リアルタイム通信+データの保存・取得を実現しています。

菅原のびすけ(Milkcococa公認エバンジェリスト・株式会社LIG)
数あるBaaSサービスの中で、最も使い易いと思います。初心者でも簡単に扱えるのでオススメです。

Case Studies

SANTA CLOSE TO YOU / 株式会社LIG様・株式会社シフトブレイン様

クリスマスでも働いている”そんなあなたに株式会社LIGさんと株式会社シフトブレインさんが行った企画です。サンタさんたちがオフィスまで出向きプレゼントを渡していくという内容でした。スマホで位置情報を取得し、それをサイトに反映させる部分でMilkcocoaが使われました。技術的な解説はこちらの記事をご覧下さい。

DARTS MAP / 田島 真吾氏(面白法人カヤック)

スマートフォンからQRコードを読み取り、スマートフォンを振ることでブラウザの地図にダーツが刺さり、刺さったところの風景が楽しめるという作品です。旅をしているような気分にさせてくれますね!面白法人カヤックさんの1社だけの合同説明会でも展示されました。技術的な解説はこちらの記事をご覧下さい。

245cloud / 西小倉宏信氏(ラフノート株式会社)

245cloudは「24分間集中した後、5分間チャットする」ポモドーロ・テクニックを取り入れたサービスです。集中して作業したいけど、なかなか集中できないときに245cloudは集中して作業ができますよ!このサービスのチャット部分でMilkcocoaは利用されています。

Source on Github

Web Site Plugins

チャットサポート(デモページへ移動)

HTMLにたった一行追加するだけでチャットサポートが使えるプラグインです。合計同時チャット人数20人(オペレータも含む)、保存データ数100,000データまでであれば、無料で利用できます。※デモページは動作確認の用途のみにお使い下さい。こちらで質問頂いても基本的に返信致しません。ブログ記事で導入方法を解説していますので、そちらもご覧下さい。

セキュアな問い合わせフォーム(デモページへ移動)

フロントエンドコーディングだけで設置できるセキュア(管理者以外データ取得が出来ない)な問い合わせフォームです。保存データ数100,000データまでであれば、無料で利用できます。※デモページは動作確認の用途のみにお使い下さい。こちらで質問頂いても基本的に返信致しません。ブログ記事で導入方法を解説していますので、そちらもご覧下さい。

リアルタイムWeb通知(デモページへ移動)

Webサイト・Webアプリを利用中ユーザーに、PUSH通知のようにリアルタイムでお知らせを表示します。。同時サイト訪問者数20までであれば、無料で利用できます(条件付きでMilkcocoaに接続するユーザーを絞ることもできます)。※デモページは見た目を確認するためのもので、実際は管理画面からデータの配信を行います。

App Showcase

Raspberry Piの照度センサーの値をグラフ化のスクリーンショット画像

Raspberry Piの照度センサーの値をグラフ化

弊社の玄関に置いたRaspberry Piの照度センサーの値をグラフ化しています(データソースは現在の本サイトトップページのグラフと同じものです)。実装方法はこちらのブログ記事で紹介しています。

Source on Github

Raspberry Piの照度センサーの値の日ごとの総量をグラフ化のスクリーンショット画像

Raspberry Piの照度センサーの値の日ごとの総量をグラフ化

上のRaspberry Piの照度センサーの値の日ごとの総量をグラフ化しています。実装方法はこちらのブログ記事で紹介しています。

Source on Github

チャットのスクリーンショット画像

チャット

Milkcocoaを使った一番基本的なリアルタイムWebアプリがチャットになります。Milkcocoaに慣れる最初の例として最適です。245Cloudさんのように既存のサイトに簡単にチャットを付け加えることができるのもMilkcocoaの特徴の一つです。

Source on Github

自動読み込みチャットのスクリーンショット画像

自動読み込みチャット

上のチャットは最新50件しか読み込みませんが、こちらは下までスクロールすると次の50件、またスクロールすると次の50件と最後までデータを読み込みます。SNSのようなUIにおいて参考になるパターンかと思います。段階的に読み込むことでパフォーマンスも最適化できます。

Source on Github

付箋のスクリーンショット画像

付箋

リアルタイムに付箋が共有されるアプリケーションです。グループでディスカッションするときやミーティングする際に弊社でも活用しています。弊社イチオシのアプリケーションです。JavaScriptでの描画やリアルタイムイベントを同期させるかを学ぶのにとても便利です。

Source on Github

無料ヒートマップツールのスクリーンショット画像

無料ヒートマップツール

Milkcocoaを使って無料のヒートマップツールを作成できます。リンク先は「Milkcocoa Engineers' Blog」のクリック位置のヒートマップになります(サイトマップから各記事のヒートマップを閲覧することが出来ます)。詳しい実装方法はこちらのブログ記事で紹介しています。

オンラインFPSゲームのスクリーンショット画像

オンラインFPSゲーム

とても簡単なWebGLライブラリjThreeとMilkcocoaで作ったブラウザオンラインFPS(シューティングゲーム)です。ステージ・武器変更・チャットといった機能があります。OSSとして公開しているので興味があれば参加してみてください。

Source on Github