Suche senden
Hochladen
Electronからはじめるnodejs
•
Als PPTX, PDF herunterladen
•
2 gefällt mir
•
1,459 views
Hirata Tomoko
Folgen
東京Node学園付属小学校 2時限目 for Girls の登壇資料です。(2016/4/25)
Weniger lesen
Mehr lesen
Ingenieurwesen
Melden
Teilen
Melden
Teilen
1 von 13
Jetzt herunterladen
Empfohlen
Rails5クイックスタート
Rails5クイックスタート
Hirata Tomoko
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
Walking front end
Walking front end
Hirata Tomoko
Electron を知る
Electron を知る
Tomoya Shibata
Rails+Markdownでなにかつくる
Rails+Markdownでなにかつくる
Hirata Tomoko
WindowsユーザのためのRails環境構築
WindowsユーザのためのRails環境構築
Hirata Tomoko
Railsのフロントエンド開発を考える
Railsのフロントエンド開発を考える
Hirata Tomoko
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
Yuhei Miyazato
Empfohlen
Rails5クイックスタート
Rails5クイックスタート
Hirata Tomoko
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
Walking front end
Walking front end
Hirata Tomoko
Electron を知る
Electron を知る
Tomoya Shibata
Rails+Markdownでなにかつくる
Rails+Markdownでなにかつくる
Hirata Tomoko
WindowsユーザのためのRails環境構築
WindowsユーザのためのRails環境構築
Hirata Tomoko
Railsのフロントエンド開発を考える
Railsのフロントエンド開発を考える
Hirata Tomoko
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
Yuhei Miyazato
Railsチュートリアル(second)を終えて
Railsチュートリアル(second)を終えて
Hirata Tomoko
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
Yusaku Kinoshita
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
Yusaku Kinoshita
Cmujp21_node-webkit
Cmujp21_node-webkit
Sugawara Ryousuke
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
Toshio Ehara
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
Yusaku Kinoshita
片手間JS on Rails
片手間JS on Rails
Ryunosuke SATO
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
Satoshi Takami
「Microbit」で簡単プログラミング体験
「Microbit」で簡単プログラミング体験
はなずきん Hana
2013 08-19 jjug
2013 08-19 jjug
sk44_
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
Yusaku Kinoshita
フロントエンドの技術で始めるデスクトップアプリ
フロントエンドの技術で始めるデスクトップアプリ
Tomotaka Kusaka
Rails あるある
Rails あるある
Ryunosuke SATO
Forstudy20181127
Forstudy20181127
kuronokurono
oEmbedで、色んなコンテンツをWordPressに組み込もう!
oEmbedで、色んなコンテンツをWordPressに組み込もう!
Kanako Kobayashi
2010/11/16 WebプログラマのためのScala入門勉強会@渋谷
2010/11/16 WebプログラマのためのScala入門勉強会@渋谷
wpscala
WordBench仙台とは
WordBench仙台とは
Kazue Igarashi
RubyとRailsのおいしい使い方
RubyとRailsのおいしい使い方
Satomi Tsujita
120225 bootstrap
120225 bootstrap
TechGardenSchool
[Java女子部LT]VB屋さんからJava屋さんにスキルチェンジした話
[Java女子部LT]VB屋さんからJava屋さんにスキルチェンジした話
Juri Minamiyama
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話
sters
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Ryunosuke SATO
Weitere ähnliche Inhalte
Was ist angesagt?
Railsチュートリアル(second)を終えて
Railsチュートリアル(second)を終えて
Hirata Tomoko
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
Yusaku Kinoshita
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
Yusaku Kinoshita
Cmujp21_node-webkit
Cmujp21_node-webkit
Sugawara Ryousuke
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
Toshio Ehara
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
Yusaku Kinoshita
片手間JS on Rails
片手間JS on Rails
Ryunosuke SATO
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
Satoshi Takami
「Microbit」で簡単プログラミング体験
「Microbit」で簡単プログラミング体験
はなずきん Hana
2013 08-19 jjug
2013 08-19 jjug
sk44_
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
Yusaku Kinoshita
フロントエンドの技術で始めるデスクトップアプリ
フロントエンドの技術で始めるデスクトップアプリ
Tomotaka Kusaka
Rails あるある
Rails あるある
Ryunosuke SATO
Forstudy20181127
Forstudy20181127
kuronokurono
oEmbedで、色んなコンテンツをWordPressに組み込もう!
oEmbedで、色んなコンテンツをWordPressに組み込もう!
Kanako Kobayashi
2010/11/16 WebプログラマのためのScala入門勉強会@渋谷
2010/11/16 WebプログラマのためのScala入門勉強会@渋谷
wpscala
WordBench仙台とは
WordBench仙台とは
Kazue Igarashi
RubyとRailsのおいしい使い方
RubyとRailsのおいしい使い方
Satomi Tsujita
120225 bootstrap
120225 bootstrap
TechGardenSchool
[Java女子部LT]VB屋さんからJava屋さんにスキルチェンジした話
[Java女子部LT]VB屋さんからJava屋さんにスキルチェンジした話
Juri Minamiyama
Was ist angesagt?
(20)
Railsチュートリアル(second)を終えて
Railsチュートリアル(second)を終えて
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
Cmujp21_node-webkit
Cmujp21_node-webkit
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
片手間JS on Rails
片手間JS on Rails
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
「Microbit」で簡単プログラミング体験
「Microbit」で簡単プログラミング体験
2013 08-19 jjug
2013 08-19 jjug
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
フロントエンドの技術で始めるデスクトップアプリ
フロントエンドの技術で始めるデスクトップアプリ
Rails あるある
Rails あるある
Forstudy20181127
Forstudy20181127
oEmbedで、色んなコンテンツをWordPressに組み込もう!
oEmbedで、色んなコンテンツをWordPressに組み込もう!
2010/11/16 WebプログラマのためのScala入門勉強会@渋谷
2010/11/16 WebプログラマのためのScala入門勉強会@渋谷
WordBench仙台とは
WordBench仙台とは
RubyとRailsのおいしい使い方
RubyとRailsのおいしい使い方
120225 bootstrap
120225 bootstrap
[Java女子部LT]VB屋さんからJava屋さんにスキルチェンジした話
[Java女子部LT]VB屋さんからJava屋さんにスキルチェンジした話
Andere mochten auch
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話
sters
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Ryunosuke SATO
初心者のための、デザインのはじめの一歩
初心者のための、デザインのはじめの一歩
okataku95
Electron Vs Enterprise
Electron Vs Enterprise
Mizuho Sakamaki
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
[CB16] Electron - Build cross platform desktop XSS, it’s easier than you thin...
[CB16] Electron - Build cross platform desktop XSS, it’s easier than you thin...
CODE BLUE
Nodeについて
Nodeについて
Natsuki Yamanaka
WebアプリをElectronに乗せる
WebアプリをElectronに乗せる
Hiroyuki Anai
Node.js入門
Node.js入門
俊夫 森
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
Nobuhiro Nakashima
Node.js Tutorial at Hiroshima
Node.js Tutorial at Hiroshima
Yoshihiro Iwanaga
Clojureでガラケーサイトを作る際の細かい話
Clojureでガラケーサイトを作る際の細かい話
Ikuru Kanuma
RESTful API 入門
RESTful API 入門
Keisuke Nishitani
Andere mochten auch
(13)
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
初心者のための、デザインのはじめの一歩
初心者のための、デザインのはじめの一歩
Electron Vs Enterprise
Electron Vs Enterprise
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
[CB16] Electron - Build cross platform desktop XSS, it’s easier than you thin...
[CB16] Electron - Build cross platform desktop XSS, it’s easier than you thin...
Nodeについて
Nodeについて
WebアプリをElectronに乗せる
WebアプリをElectronに乗せる
Node.js入門
Node.js入門
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js Tutorial at Hiroshima
Node.js Tutorial at Hiroshima
Clojureでガラケーサイトを作る際の細かい話
Clojureでガラケーサイトを作る際の細かい話
RESTful API 入門
RESTful API 入門
Ähnlich wie Electronからはじめるnodejs
セキュリティ&プログラミングキャンプに参加してから
セキュリティ&プログラミングキャンプに参加してから
Shoot Morii
WordCamp Yokohama2010 プレゼン
WordCamp Yokohama2010 プレゼン
miccweb
N高等学校でやってるプログラミング
N高等学校でやってるプログラミング
Yoshimura Soichiro
北海道の南端で勉強会やります
北海道の南端で勉強会やります
deflis
イベント企画運営の経験と実際 / The history of organizing events by me
イベント企画運営の経験と実際 / The history of organizing events by me
whywaita
第六回 #渋谷java Javaを書き始めて 1年半が経って思うこと
第六回 #渋谷java Javaを書き始めて 1年半が経って思うこと
Kazuhiro Serizawa
WordCampバンコクに行ってきた
WordCampバンコクに行ってきた
Shoko Matsuo
DevLove四国_LT_yohhatu
DevLove四国_LT_yohhatu
Yoh Nakamura
CoderDojo広島を知ろう!
CoderDojo広島を知ろう!
NAKAOKU Takahiro
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Masaru Gushiken
JavaScript(主にVue.js)関連の本をたくさん読んだので雑に紹介する
JavaScript(主にVue.js)関連の本をたくさん読んだので雑に紹介する
YutaNishina1
LINEスタンプの作り方
LINEスタンプの作り方
Aoi Motomura
社内勉強会を続けるには(2016.10.07 DevLove 関西)
社内勉強会を続けるには(2016.10.07 DevLove 関西)
株式会社MonotaRO Tech Team
シン・君主論を読んで
シン・君主論を読んで
You&I
やらいや!WebComponents wp-dfes03 LT
やらいや!WebComponents wp-dfes03 LT
Hidetaka Okamoto
App Inventor 2でかんたんロボカー操縦!
App Inventor 2でかんたんロボカー操縦!
Kenichi Yoshida
2012年度webゼミ前期発表
2012年度webゼミ前期発表
Chihiro Koyama
学生とItコミュニティの現在(いま)
学生とItコミュニティの現在(いま)
Shoot Morii
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
takashi ono
2012 jaws ug紹介(熊本ug版)
2012 jaws ug紹介(熊本ug版)
Takeshita Kouhei
Ähnlich wie Electronからはじめるnodejs
(20)
セキュリティ&プログラミングキャンプに参加してから
セキュリティ&プログラミングキャンプに参加してから
WordCamp Yokohama2010 プレゼン
WordCamp Yokohama2010 プレゼン
N高等学校でやってるプログラミング
N高等学校でやってるプログラミング
北海道の南端で勉強会やります
北海道の南端で勉強会やります
イベント企画運営の経験と実際 / The history of organizing events by me
イベント企画運営の経験と実際 / The history of organizing events by me
第六回 #渋谷java Javaを書き始めて 1年半が経って思うこと
第六回 #渋谷java Javaを書き始めて 1年半が経って思うこと
WordCampバンコクに行ってきた
WordCampバンコクに行ってきた
DevLove四国_LT_yohhatu
DevLove四国_LT_yohhatu
CoderDojo広島を知ろう!
CoderDojo広島を知ろう!
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
JavaScript(主にVue.js)関連の本をたくさん読んだので雑に紹介する
JavaScript(主にVue.js)関連の本をたくさん読んだので雑に紹介する
LINEスタンプの作り方
LINEスタンプの作り方
社内勉強会を続けるには(2016.10.07 DevLove 関西)
社内勉強会を続けるには(2016.10.07 DevLove 関西)
シン・君主論を読んで
シン・君主論を読んで
やらいや!WebComponents wp-dfes03 LT
やらいや!WebComponents wp-dfes03 LT
App Inventor 2でかんたんロボカー操縦!
App Inventor 2でかんたんロボカー操縦!
2012年度webゼミ前期発表
2012年度webゼミ前期発表
学生とItコミュニティの現在(いま)
学生とItコミュニティの現在(いま)
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
2012 jaws ug紹介(熊本ug版)
2012 jaws ug紹介(熊本ug版)
Electronからはじめるnodejs
1.
ElectronからはじめるNode.js 東京Node学園付属小学校 2時限目 for
Girls 2016/04/25 平田智子
2.
about me ① •
平田 智子(hirata tomoko) • 新潟生まれ 大阪育ち 東京勤め • 中小SIerで主にサーバサイドエンジニアやってます。 • サーバサイド :Java,VB.NET,C# • フロントサイド:ASP.NET MVC等 • VisualStudioと仲良し(´ω´) • Webの技術面白そうだなーと思い、去年くらいから 外部の勉強会に参加し始めました • ←お世話になったり顔出しているグループ
3.
about me ② •
Github: https://github.com/tomoko523 • Facebook:hirata.tomoko • blog:http://tomoko-tsubasa.hateblo.jp/ • Qiita:http://qiita.com/tomoko523 • Webの技術もっといろいろ知りたい>< !が高じて 4月からジーズアカデミーに通っています(4期生)。 • 毎週課題に追われる日々ですが、なにより一緒に学 んでいける仲間ができて楽しいです!
4.
agenda •Node.jsのはじめるまえの印象 •なぜNode.jsをはじめたのか •Electronとは •Node.jsを使えるようにする •Electronアプリ作った •Node.jsでやってみたいこと
5.
Node.jsのはじめるまえの印象 ・npmとかsoket.ioとか名前だけ知ってる ・サーバサイドをjavascriptでかけるらしい →でもサーバサイドならASP.NETとかRubyあるし… ・名前は良く聞くけど若干食わず嫌いぎみ(すみません…)
6.
なぜNode.jsをはじめたのか ・ウェブアプリも楽しいけど、デスクトップアプリもつくりたいな! →Atom(@GitHub)/Visual Studio Code(@Microsoft)は Electronっていうので作られているらしい →ElectronはHTML/CSS/javascript+Node.jsでできるらしい Node.jsやるしかない
!
7.
Electronとは ・HTML5/Javascriptでデスクトップアプリが作れるようになる。 ・Windows、Mac、Linuxなどのクロスプラットフォーム対応が可能 ・Node.jsとChromiumベース(webアプリみたいにデバックが可能) http://electron.atom.io/ Electronの意味は”電子”だよ!
8.
Node.jsを使えるようにする バージョン管理ツールを使いました。 nodist(for Windows) Windowsの場合、nodistのインストーラーを使うのが楽です。 git cloneすることもできるますが、pathを通す必要があります。 ※いろいろエラーが出て何回かやりなおした…(´・ω・`) nodebrew(forMac)
←macの人はこちら
9.
Electronアプリ作った ①electronをインストール $ npm -g
install electron-prebuilt ②既存のwebアプリを移行する ③配布パッケージ化するツールをインストール $ npm i electron-packager –g 参考URL Electron入門 30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで
10.
DEMO ベースはジーズアカデミーの課題で作った HTML5/CSS/Javascript+Milkcocoaで作ったチャットアプリです。 書いてある通りにやったら想像以上にすぐできました!
11.
DEMO
12.
Node.jsでやってみたいこと もっとがっつり使ってみたい! →食わず嫌いをやめ、Nodejsのお作法を知る(勉強します!) Electronアプリケーションを作って配布したい →今回はとりあえず動けばいい…で作ったので;;
13.
ありがとうございました! 素材:ぴよたそ
Hinweis der Redaktion
他には設計したりExcelやPowerPointで資料つくったり。 ここ1年ほどはフロントのお仕事もなぜか回ってくる…
Jetzt herunterladen