Cmujp21_node-webkit
22 likes53,297 views
http://www.youtube.com/watch?v=SYAt6MTDS5M 内容 ・romo ・node-weblit ・milkcocoa の紹介とデモ ※p13のphonegapの件を修正してあります。
![[応用]
チャットアプリを作ってみます](https://image.slidesharecdn.com/cmujp21-141019211556-conversion-gate02/85/Cmujp21_node-webkit-18-320.jpg)
![[応用]
チャットアプリを作ってみます
JavaScript１行に詰め込まれたバックエンド
milkcocoaを使うと爆速です。](https://image.slidesharecdn.com/cmujp21-141019211556-conversion-gate02/85/Cmujp21_node-webkit-19-320.jpg)
Cmujp21_node-webkit
- 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
- 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. ネイティブ機能も使おう
- 19. [応用] チャットアプリを作ってみます JavaScript１行に詰め込まれたバックエンド milkcocoaを使うと爆速です。
- 20. 技術活用ポイント node-webkit ・デジタルサイネージ ・社内ツール ・etc (割となんでもアリ?)
- 21. 技術活用ポイント milkcocoa ・IoT (ラズパイetc) ・サーバー持てない案件
- 22. まとめ • ROMO楽しそう • Node-webkit便利そう • milkcocoaアツい • インタラクティブな案件やりたいのでお待ちし ております!!