Cmujp21_node-webkit

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
• 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,Linux向けのネイ
ティブアプリ書き出し

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

実際に作ってみます。

ネイティブ機能も使おう

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

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

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

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

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

More Related Content