Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cmujp21_node-webkit

50,665 views

Published on

http://www.youtube.com/watch?v=SYAt6MTDS5M

内容
・romo
・node-weblit
・milkcocoa
の紹介とデモ

※p13のphonegapの件を修正してあります。

Published in: Technology
  • Be the first to comment

Cmujp21_node-webkit

  1. 1. web技術で作る ネイティブ(チャット)アプリ #CMUJP 21 のびすけ
  2. 2. 自己紹介 • のびすけ @n0bisuke • 所属: LIG inc エンジニア • 今年4月に岩手から上京 新卒1年目 • ギークハウス、家賃0円クラスタ、 • フットサルやってます
  3. 3. 自己紹介 インタラクティブな• • • • • • • • モノが好きです。 http://tenkatoitsu.github.io/disco_lp/
  4. 4. ! • 今日はROMOで遊んでました。 • http://urx.nu/d71b
  5. 5. ROMO De 接客 社内チャットへ通知 iPadアプリ hello!!!
  6. 6. 今日の内容 • web技術だけでネイティブなアプリを作れて しまう話の紹介 • Node-Webkit(と時間があればmilkcocoa) の紹介 • 私自身も最近触ってみました
  7. 7. Node-webkit
  8. 8. Node-webkit • HTML/CSS/JSで ネイティブアプリを 作れる!
  9. 9. Node-webkit • HTML/JS/CSS + Chromium + Node.js
  10. 10. HTML たぶん皆さん使ってるはず。
  11. 11. Chromium • Google Chromeの親分的 • ネイティブ機能にアクセス 出来る
  12. 12. Node.js • サーバーサイドJavascriptの最大勢力 • Javascriptで色々できちゃう
  13. 13. 何が凄いか • Webのフロント側を作る技術 で形ができちゃう と同じく • PhonegapなどのHTMLラッ パーとは違いネイティブ機能 にアクセスできる(Phonegapの仕様 理解してないので要確認) • Win,Mac,Linux向けのネイ ティブアプリ書き出し
  14. 14. 例: iTunesアプリ的なもの 参考: HTML5+CSS3+JSでネイティブGUIアプリが作れる、 node-webkitを触ってみる / アシアルブログ http://blog.asial.co.jp/1305
  15. 15. 実際に作ってみます。
  16. 16. ネイティブ機能も使おう
  17. 17. [応用] チャットアプリを作ってみます
  18. 18. [応用] チャットアプリを作ってみます JavaScript1行に詰め込まれたバックエンド milkcocoaを使うと爆速です。
  19. 19. 技術活用ポイント node-webkit ・デジタルサイネージ ・社内ツール ・etc (割となんでもアリ?)
  20. 20. 技術活用ポイント milkcocoa ・IoT (ラズパイetc) ・サーバー持てない案件
  21. 21. まとめ • ROMO楽しそう • Node-webkit便利そう • milkcocoaアツい • インタラクティブな案件やりたいのでお待ちし ております!!

×