http://www.youtube.com/watch?v=SYAt6MTDS5M 内容 ・romo ・node-weblit ・milkcocoa の紹介とデモ ※p13のphonegapの件を修正してあります。

1. web技術で作る
ネイティブ(チャット)アプリ
#CMUJP 21 のびすけ

2. 自己紹介
• のびすけ @n0bisuke
• 所属: LIG inc エンジニア
• 今年4月に岩手から上京 新卒1年目
• ギークハウス、家賃0円クラスタ、
• フットサルやってます

3. 自己紹介
インタラクティブな• • • • • • • •
モノが好きです。
http://tenkatoitsu.github.io/disco_lp/

4. !
• 今日はROMOで遊んでました。
• http://urx.nu/d71b

5. ROMO De 接客
社内チャットへ通知
iPadアプリ
hello!!!

6. 今日の内容
• web技術だけでネイティブなアプリを作れて
しまう話の紹介
• Node-Webkit(と時間があればmilkcocoa)
の紹介
• 私自身も最近触ってみました

7. Node-webkit

8. Node-webkit
• HTML/CSS/JSで
ネイティブアプリを
作れる!

9. Node-webkit
• HTML/JS/CSS + Chromium + Node.js

10. HTML
たぶん皆さん使ってるはず。

11. Chromium
• Google Chromeの親分的
• ネイティブ機能にアクセス
出来る

12. Node.js
• サーバーサイドJavascriptの最大勢力
• Javascriptで色々できちゃう

13. 何が凄いか
• Webのフロント側を作る技術
で形ができちゃう
と同じく
• PhonegapなどのHTMLラッ
パーとは違いネイティブ機能
にアクセスできる(Phonegapの仕様
理解してないので要確認)
• Win,Mac,Linux向けのネイ
ティブアプリ書き出し

15. 例: iTunesアプリ的なもの
参考:
HTML5＋CSS3＋JSでネイティブGUIアプリが作れる、
node-webkitを触ってみる / アシアルブログ
http://blog.asial.co.jp/1305

16. 実際に作ってみます。

17. ネイティブ機能も使おう

18. [応用]
チャットアプリを作ってみます

19. [応用]
チャットアプリを作ってみます
JavaScript１行に詰め込まれたバックエンド
milkcocoaを使うと爆速です。

20. 技術活用ポイント
node-webkit
・デジタルサイネージ
・社内ツール
・etc (割となんでもアリ?)

21. 技術活用ポイント
milkcocoa
・IoT (ラズパイetc)
・サーバー持てない案件

22. まとめ
• ROMO楽しそう
• Node-webkit便利そう
• milkcocoaアツい
• インタラクティブな案件やりたいのでお待ちし
ております!!