JavaScript Examples

Brightness
Playback Dots
Click this dot and turn on LED in Connectly Lab.
This Dots Drawing is used Milkcocoa for Backend. A lot of people can access this borad and the drawing updates in real time.

菅原のびすけ(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

Milkcocoa Chat Support

WordPressでチャットサポート(オンライン接客)を無料で導入できるWordPressプラグインです。JSON Web Tokenを使ってWordPressのユーザー情報をMilkcocoaで利用しています。導入自体はプログラミングせずに、簡単にできます。

Web Site Plugins

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

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

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

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

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

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

App Showcase

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

chat

This is the easiest sample after tutorial. When a beginner develop by milkcocoa, he may stop his coding by CSS or JavaScript rather than milkcocoa. Let's study CSS in here!

Source on Github

Chat(Autoload)のスクリーンショット画像

Chat(Autoload)

In 'Chat' above, only recent 50 data are loaded. This chat UI is just like Twitter. When you scroll to bottom, the next data is auto loaded.

Source on Github

post-itのスクリーンショット画像

post-it

This is useful post-it in browser. If you want to know how to make, let's clone the repository and trace the code!

Source on Github

Embeddable chat pluginのスクリーンショット画像

Embeddable chat plugin

You can embed a chatbox like facebook messanger in your site. If you want to conbine with account logic, you had better read security rule. Please feel free to ask GoogleGroups in English.

Source on Github

Library for share the click placeのスクリーンショット画像

Library for share the click place

You can see where your customer click in realtime, just a few line code. And this technique is applicable for marketing use like heatmap or logging.

Source on Github

Personal memo app with vue.jsのスクリーンショット画像

Personal memo app with vue.js

You can learn how to make account system by milkcocoa. And you will know how easy to use milkcocoa with other framework.

Source on Github

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

FPS

This is FPS made by jthree(jQuery flavored syntax WebGL library) and milkcocoa. Stage, several weapon, chat are implemented. This is OSS, let's join us!

Source on Github

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

Othello

Sample of Othello(board game). You can learn how to hack milkcocoa. There are many hacks in this app, so, you should read the code soon!

Source on Github

Diagram editorのスクリーンショット画像

Diagram editor

This is diagram editor, you can learn how to make svg single page application.

Source on Github

Chat like a mindmapのスクリーンショット画像

Chat like a mindmap

Mindmap like chat. You can learn how to make rooms in single page application. You can learn how to make useful mindmap and modal dialog .

Source on Github