Submit Search
Upload
全部入り!WGPで高速JavaScript+HML5体験
•
0 likes
•
1,815 views
AdvancedTechNight
Follow
AdvancedTechNight No.6 Session #3
Read less
Read more
Technology
Report
Share
Report
Share
1 of 11
Download now
Download to read offline
Recommended
Jenkins と groovy
Jenkins と groovy
Kohsuke Kawaguchi
JavaScript MVC入門
JavaScript MVC入門
大樹 小倉
JavaでWebサービスを作り続けるための戦略と戦術 JJUG-CCC-2018-Spring-g1
JavaでWebサービスを作り続けるための戦略と戦術 JJUG-CCC-2018-Spring-g1
Y Watanabe
FirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見た
Kenjiro Kubota
Google Cloud Messaging for Android ことはじめ(Eclipseから動かしてみる編)
Google Cloud Messaging for Android ことはじめ(Eclipseから動かしてみる編)
kojiokb
Google Cloud Messaging for Android ことはじめ(もっと簡単に動かしてみる編)
Google Cloud Messaging for Android ことはじめ(もっと簡単に動かしてみる編)
kojiokb
jenkinsで遊ぶ
jenkinsで遊ぶ
(^-^) togakushi
Apache CloudStack コントリビューション
Apache CloudStack コントリビューション
Satoshi KOBAYASHI
Recommended
Jenkins と groovy
Jenkins と groovy
Kohsuke Kawaguchi
JavaScript MVC入門
JavaScript MVC入門
大樹 小倉
JavaでWebサービスを作り続けるための戦略と戦術 JJUG-CCC-2018-Spring-g1
JavaでWebサービスを作り続けるための戦略と戦術 JJUG-CCC-2018-Spring-g1
Y Watanabe
FirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見た
Kenjiro Kubota
Google Cloud Messaging for Android ことはじめ(Eclipseから動かしてみる編)
Google Cloud Messaging for Android ことはじめ(Eclipseから動かしてみる編)
kojiokb
Google Cloud Messaging for Android ことはじめ(もっと簡単に動かしてみる編)
Google Cloud Messaging for Android ことはじめ(もっと簡単に動かしてみる編)
kojiokb
jenkinsで遊ぶ
jenkinsで遊ぶ
(^-^) togakushi
Apache CloudStack コントリビューション
Apache CloudStack コントリビューション
Satoshi KOBAYASHI
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
PlayCanvas運営事務局
Introduction to GraalVM
Introduction to GraalVM
Koichi Sakata
Getting started with node.js
Getting started with node.js
kouzouman
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
Pythonで始めるWebアプリケーション開発
Pythonで始めるWebアプリケーション開発
Takahiro Kubo
キメるClojure
キメるClojure
Yoshitaka Kawashima
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
Kazuya Hiruma
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
PlayCanvas運営事務局
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
zuya
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
Hiroyuki Kusu
node-gypを使ったネイティブモジュールの作成
node-gypを使ったネイティブモジュールの作成
shigeki_ohtsu
俺のコードがどこでつかわれているのかわからない問題 あるいはマイナーOSSの生存戦略
俺のコードがどこでつかわれているのかわからない問題 あるいはマイナーOSSの生存戦略
Y Watanabe
イケてる技術で品質を担保しつつスピード感のある開発を実現する冴えたやり方
イケてる技術で品質を担保しつつスピード感のある開発を実現する冴えたやり方
Yuta Matsumura
高速!Clojure Web 開発入門
高速!Clojure Web 開発入門
Kazuki Tsutsumi
やさしいGitの内部構造 - yapcasia2013
やさしいGitの内部構造 - yapcasia2013
DQNEO
2020/06/16 tsjp-azure-staticwebapps-vs_codespaces
2020/06/16 tsjp-azure-staticwebapps-vs_codespaces
Issei Hiraoka
ClojureでElectronアプリを作ろう
ClojureでElectronアプリを作ろう
Kazuhiro Hara
Google Meet でもバーチャル背景を使いたい (WebRTC Meetup Online)
Google Meet でもバーチャル背景を使いたい (WebRTC Meetup Online)
mganeko
Project Jigsaw #kanjava
Project Jigsaw #kanjava
Yuji Kubota
Jjug ccc 2016 spring i 5 javaデスクトッププログラムを云々
Jjug ccc 2016 spring i 5 javaデスクトッププログラムを云々
torutk
DLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミング
terurou
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
Kazuhiro Hara
More Related Content
What's hot
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
PlayCanvas運営事務局
Introduction to GraalVM
Introduction to GraalVM
Koichi Sakata
Getting started with node.js
Getting started with node.js
kouzouman
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
Pythonで始めるWebアプリケーション開発
Pythonで始めるWebアプリケーション開発
Takahiro Kubo
キメるClojure
キメるClojure
Yoshitaka Kawashima
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
Kazuya Hiruma
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
PlayCanvas運営事務局
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
zuya
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
Hiroyuki Kusu
node-gypを使ったネイティブモジュールの作成
node-gypを使ったネイティブモジュールの作成
shigeki_ohtsu
俺のコードがどこでつかわれているのかわからない問題 あるいはマイナーOSSの生存戦略
俺のコードがどこでつかわれているのかわからない問題 あるいはマイナーOSSの生存戦略
Y Watanabe
イケてる技術で品質を担保しつつスピード感のある開発を実現する冴えたやり方
イケてる技術で品質を担保しつつスピード感のある開発を実現する冴えたやり方
Yuta Matsumura
高速!Clojure Web 開発入門
高速!Clojure Web 開発入門
Kazuki Tsutsumi
やさしいGitの内部構造 - yapcasia2013
やさしいGitの内部構造 - yapcasia2013
DQNEO
2020/06/16 tsjp-azure-staticwebapps-vs_codespaces
2020/06/16 tsjp-azure-staticwebapps-vs_codespaces
Issei Hiraoka
ClojureでElectronアプリを作ろう
ClojureでElectronアプリを作ろう
Kazuhiro Hara
Google Meet でもバーチャル背景を使いたい (WebRTC Meetup Online)
Google Meet でもバーチャル背景を使いたい (WebRTC Meetup Online)
mganeko
Project Jigsaw #kanjava
Project Jigsaw #kanjava
Yuji Kubota
Jjug ccc 2016 spring i 5 javaデスクトッププログラムを云々
Jjug ccc 2016 spring i 5 javaデスクトッププログラムを云々
torutk
What's hot
(20)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
Introduction to GraalVM
Introduction to GraalVM
Getting started with node.js
Getting started with node.js
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Pythonで始めるWebアプリケーション開発
Pythonで始めるWebアプリケーション開発
キメるClojure
キメるClojure
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
node-gypを使ったネイティブモジュールの作成
node-gypを使ったネイティブモジュールの作成
俺のコードがどこでつかわれているのかわからない問題 あるいはマイナーOSSの生存戦略
俺のコードがどこでつかわれているのかわからない問題 あるいはマイナーOSSの生存戦略
イケてる技術で品質を担保しつつスピード感のある開発を実現する冴えたやり方
イケてる技術で品質を担保しつつスピード感のある開発を実現する冴えたやり方
高速!Clojure Web 開発入門
高速!Clojure Web 開発入門
やさしいGitの内部構造 - yapcasia2013
やさしいGitの内部構造 - yapcasia2013
2020/06/16 tsjp-azure-staticwebapps-vs_codespaces
2020/06/16 tsjp-azure-staticwebapps-vs_codespaces
ClojureでElectronアプリを作ろう
ClojureでElectronアプリを作ろう
Google Meet でもバーチャル背景を使いたい (WebRTC Meetup Online)
Google Meet でもバーチャル背景を使いたい (WebRTC Meetup Online)
Project Jigsaw #kanjava
Project Jigsaw #kanjava
Jjug ccc 2016 spring i 5 javaデスクトッププログラムを云々
Jjug ccc 2016 spring i 5 javaデスクトッププログラムを云々
Similar to 全部入り!WGPで高速JavaScript+HML5体験
DLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミング
terurou
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
Kazuhiro Hara
Grailsのススメ(仮)
Grailsのススメ(仮)
Tsuyoshi Yamamoto
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Tokuhiro Matsuno
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
Play jjug2012spring
Play jjug2012spring
Takafumi Ikeda
Harmoware-VIS Tutorial
Harmoware-VIS Tutorial
Nobuo Kawaguchi
SPA×Auth0
SPA×Auth0
春奈 岡
Guide to GraalVM (JJUG CCC 2019 Fall)
Guide to GraalVM (JJUG CCC 2019 Fall)
Koichi Sakata
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
Takashi Endo
Agileツール適合化分科会(構成管理・ビルドツール)
Agileツール適合化分科会(構成管理・ビルドツール)
masanori kataoka
Spring Boot on Kubernetes : Yahoo!ズバトク事例 #jjug_ccc
Spring Boot on Kubernetes : Yahoo!ズバトク事例 #jjug_ccc
Yahoo!デベロッパーネットワーク
Backlogでの Perlのつかいかた
Backlogでの Perlのつかいかた
Ryuzo Yamamoto
試して学べるクラウド技術! OpenShift
試して学べるクラウド技術! OpenShift
Etsuji Nakai
Web技術勉強会 第31回
Web技術勉強会 第31回
龍一 田中
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
ThinReports
プログラミング言語Clojureのニャンパスでの活用事例
プログラミング言語Clojureのニャンパスでの活用事例
sohta
Cakephp
Cakephp
Yusuke Ando
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
Similar to 全部入り!WGPで高速JavaScript+HML5体験
(20)
DLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミング
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
Grailsのススメ(仮)
Grailsのススメ(仮)
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Play jjug2012spring
Play jjug2012spring
Harmoware-VIS Tutorial
Harmoware-VIS Tutorial
SPA×Auth0
SPA×Auth0
Guide to GraalVM (JJUG CCC 2019 Fall)
Guide to GraalVM (JJUG CCC 2019 Fall)
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
Agileツール適合化分科会(構成管理・ビルドツール)
Agileツール適合化分科会(構成管理・ビルドツール)
Spring Boot on Kubernetes : Yahoo!ズバトク事例 #jjug_ccc
Spring Boot on Kubernetes : Yahoo!ズバトク事例 #jjug_ccc
Backlogでの Perlのつかいかた
Backlogでの Perlのつかいかた
試して学べるクラウド技術! OpenShift
試して学べるクラウド技術! OpenShift
Web技術勉強会 第31回
Web技術勉強会 第31回
Web制作勉強会 #2
Web制作勉強会 #2
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
プログラミング言語Clojureのニャンパスでの活用事例
プログラミング言語Clojureのニャンパスでの活用事例
Cakephp
Cakephp
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
More from AdvancedTechNight
CSS3Rendererを使ってiOSでもサクサク3D
CSS3Rendererを使ってiOSでもサクサク3D
AdvancedTechNight
D3.jsと学ぶVisualization(可視化)の世界
D3.jsと学ぶVisualization(可視化)の世界
AdvancedTechNight
3DCG(3Dコンピュータグラフィック)をWebGLで始めよう
3DCG(3Dコンピュータグラフィック)をWebGLで始めよう
AdvancedTechNight
CSSだけで実現するグラフィック表現
CSSだけで実現するグラフィック表現
AdvancedTechNight
これから利用拡大?WebSocket
これから利用拡大?WebSocket
AdvancedTechNight
Backbone.js入門
Backbone.js入門
AdvancedTechNight
TypeScriptのススメ ~JavaエンジニアのためのJava(like)Script
TypeScriptのススメ ~JavaエンジニアのためのJava(like)Script
AdvancedTechNight
three.jsで作る3Dの世界
three.jsで作る3Dの世界
AdvancedTechNight
単なるキャッシュじゃないよ!?infinispanの紹介
単なるキャッシュじゃないよ!?infinispanの紹介
AdvancedTechNight
Stormの注目の新機能TridentAPI
Stormの注目の新機能TridentAPI
AdvancedTechNight
Spine入門
Spine入門
AdvancedTechNight
分散ストリーム処理フレームワーク Apache S4
分散ストリーム処理フレームワーク Apache S4
AdvancedTechNight
Twitterのリアルタイム分散処理システム「Storm」入門 demo
Twitterのリアルタイム分散処理システム「Storm」入門 demo
AdvancedTechNight
Twitterのリアルタイム分散処理システム「Storm」入門
Twitterのリアルタイム分散処理システム「Storm」入門
AdvancedTechNight
ログ収集フレームワークの新バージョン「FlumeNG」
ログ収集フレームワークの新バージョン「FlumeNG」
AdvancedTechNight
Hadoop scr第7回 hw2011フィードバック
Hadoop scr第7回 hw2011フィードバック
AdvancedTechNight
ななめ45°から見たJavaOne
ななめ45°から見たJavaOne
AdvancedTechNight
ATN No.1 MapReduceだけでない!? Hadoopとその仲間たち
ATN No.1 MapReduceだけでない!? Hadoopとその仲間たち
AdvancedTechNight
ATN No.1 Hadoop vs Amazon EMR
ATN No.1 Hadoop vs Amazon EMR
AdvancedTechNight
ATN No.2 大阪から来たJavaPuzzlers
ATN No.2 大阪から来たJavaPuzzlers
AdvancedTechNight
More from AdvancedTechNight
(20)
CSS3Rendererを使ってiOSでもサクサク3D
CSS3Rendererを使ってiOSでもサクサク3D
D3.jsと学ぶVisualization(可視化)の世界
D3.jsと学ぶVisualization(可視化)の世界
3DCG(3Dコンピュータグラフィック)をWebGLで始めよう
3DCG(3Dコンピュータグラフィック)をWebGLで始めよう
CSSだけで実現するグラフィック表現
CSSだけで実現するグラフィック表現
これから利用拡大?WebSocket
これから利用拡大?WebSocket
Backbone.js入門
Backbone.js入門
TypeScriptのススメ ~JavaエンジニアのためのJava(like)Script
TypeScriptのススメ ~JavaエンジニアのためのJava(like)Script
three.jsで作る3Dの世界
three.jsで作る3Dの世界
単なるキャッシュじゃないよ!?infinispanの紹介
単なるキャッシュじゃないよ!?infinispanの紹介
Stormの注目の新機能TridentAPI
Stormの注目の新機能TridentAPI
Spine入門
Spine入門
分散ストリーム処理フレームワーク Apache S4
分散ストリーム処理フレームワーク Apache S4
Twitterのリアルタイム分散処理システム「Storm」入門 demo
Twitterのリアルタイム分散処理システム「Storm」入門 demo
Twitterのリアルタイム分散処理システム「Storm」入門
Twitterのリアルタイム分散処理システム「Storm」入門
ログ収集フレームワークの新バージョン「FlumeNG」
ログ収集フレームワークの新バージョン「FlumeNG」
Hadoop scr第7回 hw2011フィードバック
Hadoop scr第7回 hw2011フィードバック
ななめ45°から見たJavaOne
ななめ45°から見たJavaOne
ATN No.1 MapReduceだけでない!? Hadoopとその仲間たち
ATN No.1 MapReduceだけでない!? Hadoopとその仲間たち
ATN No.1 Hadoop vs Amazon EMR
ATN No.1 Hadoop vs Amazon EMR
ATN No.2 大阪から来たJavaPuzzlers
ATN No.2 大阪から来たJavaPuzzlers
全部入り!WGPで高速JavaScript+HML5体験
1.
Advanced Tech Night
No.6 全部入り! WGPで高速JavaScript+HTML5体験 2013/03/15 Acroquest Technology 株式会社 中川 翔太(しょこたん)
2.
自己紹介 中川翔太
社内では「しょこたん」と名乗っています。 趣味、開発歴など 趣味は競技ダンス。 大学時代からやってます。 新人の頃からJavascript にどっぷり。 WGP/ENdoSnipe /Halookの開発者です。 1 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
3.
発表内容! 1.
システム開発のためのフレームワーク「WGP」 2. 豊富なサンプルとチュートリアル、しかも日本語 3. 事始め1~成績管理アプリを作ってみよう 4. 事始め2~リバーシを作ってみよう 5. 他にもあるよ!豊富な機能 6. ENdoSnipe/HalookもWGPで出来てます 7. まとめ 2 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
4.
1.システム開発のためのフレームワーク「WGP」 1. クライアント/サーバともに実績のあるフレー
ムワークをビルトイン、すぐに開発が始めら れます。 jeegoContext dygraphs 3 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
5.
1.システム開発のためのフレームワーク「WGP」 フレームワーク •
jQuery、jQuery-UI、Backbone.js、Underscore.js • Spring Framework ツリー • jsTree グリッド 各種用途に最適なフ • jqGrid レームワーク、ライブ コンテキストメニュー ラリを集約。 ライブラリごとに選定を行う必 • jeegoContext 要はありません。 グラフィック • Raphael • three.js(次バージョンで予定) シリアライズ • JSONIC • MessagePack(次バージョンで予定) 4 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
6.
2.豊富なサンプルとチュートリアル 1. WGPサイト(http://wgp.sourceforge.net/)にて、
サンプルを公開中。 ① Hadoop可視化デモ ② ネットワーク管理デモ ③ リバーシデモ 2. チュートリアルも公開 ① 成績管理システムとリバーシの開発を段階を追っ て学習できます。 ② お手本プログラムも公開しているので、詰まっても 継続可能です。 5 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
7.
3.事始め1~成績管理アプリを作ってみよう 1. 成績管理アプリ作成の流れ ①
WGPを使って、画面構成を表示 ② jstreeを利用したツリー表示 ③ Jeegoocontextを利用したコンテキストメニュー追 加 ④ jQueryを利用したタブ表示 ⑤ jqGridを利用したグリッド表示 ⑥ Dygraphを利用したグラフ表示 ⑦ ツリーとタブの連携処理追加 6 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
8.
4.事始め2~リバーシを作ってみよう 1. リバーシ作成の流れ ①
WGPを使って、画面構成を表示 ② Raphaelによる盤面描画 7 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
9.
5.他にもあるよ!豊富な機能 オブジェクト同期
• JavaとBackbone.jsのオブジェクトを同期します。 サーバサイドで変更した値が自動的にクライアン トにも反映されます。 (ENdoSnipeでもグラフデータの転送に利用。) WebSocket/バイナリ通信 • WebSocketを使ったバイナリ通信をサポート。 • 次バージョンにて、オブジェクトのシリアライズ用 にMessagePackをサポート予定。 8 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
10.
6.ENdoSnipe/HalookもWGPで出来てます
Webアクセス数を表示 HTTPエラーの発生数を表示 ツリー形式で監視対象の 情報を表示 9 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
11.
7.まとめ 1.HTML5+javascript開発を始める ならWGPでスピードスタート
2.サンプル、チュートリアル、お手本 を活用してスピード学習 3.ENdoSnipeやHalookも良いお手 本です。 10 Copyright © Acroquest Technology Co., Ltd. All rights reserved.
Download now