Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
web技術で作る 
ネイティブ(チャット)アプリ 
#CMUJP 21 のびすけ
自己紹介 
• のびすけ @n0bisuke 
• 所属: LIG inc エンジニア 
• 今年4月に岩手から上京 新卒1年目 
• ギークハウス、家賃0円クラスタ、 
• フットサルやってます
自己紹介 
インタラクティブな• • • • • • • • 
モノが好きです。 
http://tenkatoitsu.github.io/disco_lp/
! 
• 今日はROMOで遊んでました。 
• http://urx.nu/d71b
ROMO De 接客 
社内チャットへ通知 
iPadアプリ 
hello!!!
今日の内容 
• web技術だけでネイティブなアプリを作れて 
しまう話の紹介 
• Node-Webkit(と時間があればmilkcocoa) 
の紹介 
• 私自身も最近触ってみました
Node-webkit
Node-webkit 
• HTML/CSS/JSで 
ネイティブアプリを 
作れる!
Node-webkit 
• HTML/JS/CSS + Chromium + Node.js
HTML 
たぶん皆さん使ってるはず。
Chromium 
• Google Chromeの親分的 
• ネイティブ機能にアクセス 
出来る
Node.js 
• サーバーサイドJavascriptの最大勢力 
• Javascriptで色々できちゃう
何が凄いか 
• Webのフロント側を作る技術 
で形ができちゃう 
と同じく 
• PhonegapなどのHTMLラッ 
パーとは違いネイティブ機能 
にアクセスできる(Phonegapの仕様 
理解してないので要確認) 
• Win,Mac...
例: iTunesアプリ的なもの 
参考: 
HTML5+CSS3+JSでネイティブGUIアプリが作れる、 
node-webkitを触ってみる / アシアルブログ 
http://blog.asial.co.jp/1305
実際に作ってみます。
ネイティブ機能も使おう
[応用] 
チャットアプリを作ってみます
[応用] 
チャットアプリを作ってみます 
JavaScript1行に詰め込まれたバックエンド 
milkcocoaを使うと爆速です。
技術活用ポイント 
node-webkit 
・デジタルサイネージ 
・社内ツール 
・etc (割となんでもアリ?)
技術活用ポイント 
milkcocoa 
・IoT (ラズパイetc) 
・サーバー持てない案件
まとめ 
• ROMO楽しそう 
• Node-webkit便利そう 
• milkcocoaアツい 
• インタラクティブな案件やりたいのでお待ちし 
ております!!
Cmujp21_node-webkit
Prochain SlideShare
Chargement dans…5
×

Cmujp21_node-webkit

50 661 vues

Publié le

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

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

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

Publié dans : Technologie
  • Soyez le premier à commenter

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アツい • インタラクティブな案件やりたいのでお待ちし ております!!

×