Soumettre la recherche
Mettre en ligne
E2D3ハンズオン
•
Télécharger en tant que PPTX, PDF
•
2 j'aime
•
382 vues
Aya Ebata
Suivre
2017.03.04 【E2D3】第1回スポーツ x データビジュアライゼーション ハッカソン@大桟橋 インターナショナル・オープンデータ・デイ
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 32
Télécharger maintenant
Recommandé
Office 365 user group #22 Modern SharePoint starter kit
Office 365 user group #22 Modern SharePoint starter kit
裕康 井上
Azure もくもく会@東京 #22 - Azure Functions v1.0 GA
Azure もくもく会@東京 #22 - Azure Functions v1.0 GA
裕康 井上
ナウいbaculaの便利な使い方
ナウいbaculaの便利な使い方
Ken Sawada
Baculumを日本語化してみた
Baculumを日本語化してみた
Ken Sawada
2016Bacula.jp活動報告
2016Bacula.jp活動報告
Ken Sawada
Passportでサクッと外部認証を組み込もう
Passportでサクッと外部認証を組み込もう
Yuusuke Takeuchi
東京Node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT
Yuusuke Takeuchi
Node redでソーシャルデータ分析
Node redでソーシャルデータ分析
Atsushi Kojo
Recommandé
Office 365 user group #22 Modern SharePoint starter kit
Office 365 user group #22 Modern SharePoint starter kit
裕康 井上
Azure もくもく会@東京 #22 - Azure Functions v1.0 GA
Azure もくもく会@東京 #22 - Azure Functions v1.0 GA
裕康 井上
ナウいbaculaの便利な使い方
ナウいbaculaの便利な使い方
Ken Sawada
Baculumを日本語化してみた
Baculumを日本語化してみた
Ken Sawada
2016Bacula.jp活動報告
2016Bacula.jp活動報告
Ken Sawada
Passportでサクッと外部認証を組み込もう
Passportでサクッと外部認証を組み込もう
Yuusuke Takeuchi
東京Node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT
Yuusuke Takeuchi
Node redでソーシャルデータ分析
Node redでソーシャルデータ分析
Atsushi Kojo
E2D3 introduction
E2D3 introduction
E2D3
E2D3のプレゼンしてきたatNVIDIA
E2D3のプレゼンしてきたatNVIDIA
Hiroki Kitano
PYNQ 祭り: Pmod のプログラミング
PYNQ 祭り: Pmod のプログラミング
ryos36
PYNQで○○してみた!
PYNQで○○してみた!
aster_ism
PYNQ祭り
PYNQ祭り
Mr. Vengineer
Pynqでカメラ画像をリアルタイムfastx コーナー検出
Pynqでカメラ画像をリアルタイムfastx コーナー検出
marsee101
Pynq祭り資料
Pynq祭り資料
一路 川染
PYNQ単体でUIを表示してみる(PYNQまつり)
PYNQ単体でUIを表示してみる(PYNQまつり)
Kenta IDA
PYNQ祭りLT todotani
PYNQ祭りLT todotani
Kenshi Kamiya
20160713E2D3Workshop
20160713E2D3Workshop
Yasuto Furukawa
オープンソースプロジェクト E2D3のご紹介
オープンソースプロジェクト E2D3のご紹介
Hideyuki Takeuchi
Androidに入門してみた( 'ω'-)
Androidに入門してみた( 'ω'-)
Aya Ebata
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
典子 松本
Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話
Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話
典子 松本
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。
典子 松本
SendGrid Night in Fukuoka #1
SendGrid Night in Fukuoka #1
Wataru Sato
Java初心者がJava8のラムダ式をやってみた
Java初心者がJava8のラムダ式をやってみた
Aya Ebata
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
典子 松本
ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話
典子 松本
子育てエンジニア勉強会
子育てエンジニア勉強会
創史 花村
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LT
normalian
E2D3 ver. 0.3 gets started
E2D3 ver. 0.3 gets started
E2D3.org
Contenu connexe
En vedette
E2D3 introduction
E2D3 introduction
E2D3
E2D3のプレゼンしてきたatNVIDIA
E2D3のプレゼンしてきたatNVIDIA
Hiroki Kitano
PYNQ 祭り: Pmod のプログラミング
PYNQ 祭り: Pmod のプログラミング
ryos36
PYNQで○○してみた!
PYNQで○○してみた!
aster_ism
PYNQ祭り
PYNQ祭り
Mr. Vengineer
Pynqでカメラ画像をリアルタイムfastx コーナー検出
Pynqでカメラ画像をリアルタイムfastx コーナー検出
marsee101
Pynq祭り資料
Pynq祭り資料
一路 川染
PYNQ単体でUIを表示してみる(PYNQまつり)
PYNQ単体でUIを表示してみる(PYNQまつり)
Kenta IDA
PYNQ祭りLT todotani
PYNQ祭りLT todotani
Kenshi Kamiya
20160713E2D3Workshop
20160713E2D3Workshop
Yasuto Furukawa
オープンソースプロジェクト E2D3のご紹介
オープンソースプロジェクト E2D3のご紹介
Hideyuki Takeuchi
Androidに入門してみた( 'ω'-)
Androidに入門してみた( 'ω'-)
Aya Ebata
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
典子 松本
Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話
Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話
典子 松本
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。
典子 松本
SendGrid Night in Fukuoka #1
SendGrid Night in Fukuoka #1
Wataru Sato
Java初心者がJava8のラムダ式をやってみた
Java初心者がJava8のラムダ式をやってみた
Aya Ebata
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
典子 松本
ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話
典子 松本
子育てエンジニア勉強会
子育てエンジニア勉強会
創史 花村
En vedette
(20)
E2D3 introduction
E2D3 introduction
E2D3のプレゼンしてきたatNVIDIA
E2D3のプレゼンしてきたatNVIDIA
PYNQ 祭り: Pmod のプログラミング
PYNQ 祭り: Pmod のプログラミング
PYNQで○○してみた!
PYNQで○○してみた!
PYNQ祭り
PYNQ祭り
Pynqでカメラ画像をリアルタイムfastx コーナー検出
Pynqでカメラ画像をリアルタイムfastx コーナー検出
Pynq祭り資料
Pynq祭り資料
PYNQ単体でUIを表示してみる(PYNQまつり)
PYNQ単体でUIを表示してみる(PYNQまつり)
PYNQ祭りLT todotani
PYNQ祭りLT todotani
20160713E2D3Workshop
20160713E2D3Workshop
オープンソースプロジェクト E2D3のご紹介
オープンソースプロジェクト E2D3のご紹介
Androidに入門してみた( 'ω'-)
Androidに入門してみた( 'ω'-)
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話
Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。
SendGrid Night in Fukuoka #1
SendGrid Night in Fukuoka #1
Java初心者がJava8のラムダ式をやってみた
Java初心者がJava8のラムダ式をやってみた
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話
子育てエンジニア勉強会
子育てエンジニア勉強会
Similaire à E2D3ハンズオン
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LT
normalian
E2D3 ver. 0.3 gets started
E2D3 ver. 0.3 gets started
E2D3.org
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Kazumi Hirose
2015.8.20 E2D3導入ハンズオン
2015.8.20 E2D3導入ハンズオン
Take S
20110924 shizuoka azure-forsharing
20110924 shizuoka azure-forsharing
Kazuki Aranami
佐賀大学 - データ分析と向き合う
佐賀大学 - データ分析と向き合う
Daiyu Hatakeyama
初心者がハマったWindows Azureの基礎の基礎
初心者がハマったWindows Azureの基礎の基礎
Saori Ando
インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門
貴寛 益子
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
normalian
.NET Micro Framework の基礎
.NET Micro Framework の基礎
Yoshitaka Seo
Japan MVP Community Connection 2017 Autumn smart Demonstration
Japan MVP Community Connection 2017 Autumn smart Demonstration
Atomu Hidaka
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )
Masayuki Abe
Report JAZUG activities 2010.08-2011.09
Report JAZUG activities 2010.08-2011.09
Saori Ando
Air for iOS について
Air for iOS について
itoz itoz
E2D3の品質管理について
E2D3の品質管理について
Junichi Watanuki
MySQLを割と一人で300台管理する技術
MySQLを割と一人で300台管理する技術
yoku0825
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
Nseg第32回勉強会
Nseg第32回勉強会
ko ty
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Shohei Oda
Cell/B.E. プログラミング事始め
Cell/B.E. プログラミング事始め
You&I
Similaire à E2D3ハンズオン
(20)
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LT
E2D3 ver. 0.3 gets started
E2D3 ver. 0.3 gets started
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
2015.8.20 E2D3導入ハンズオン
2015.8.20 E2D3導入ハンズオン
20110924 shizuoka azure-forsharing
20110924 shizuoka azure-forsharing
佐賀大学 - データ分析と向き合う
佐賀大学 - データ分析と向き合う
初心者がハマったWindows Azureの基礎の基礎
初心者がハマったWindows Azureの基礎の基礎
インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
.NET Micro Framework の基礎
.NET Micro Framework の基礎
Japan MVP Community Connection 2017 Autumn smart Demonstration
Japan MVP Community Connection 2017 Autumn smart Demonstration
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )
Report JAZUG activities 2010.08-2011.09
Report JAZUG activities 2010.08-2011.09
Air for iOS について
Air for iOS について
E2D3の品質管理について
E2D3の品質管理について
MySQLを割と一人で300台管理する技術
MySQLを割と一人で300台管理する技術
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
Nseg第32回勉強会
Nseg第32回勉強会
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Cell/B.E. プログラミング事始め
Cell/B.E. プログラミング事始め
Plus de Aya Ebata
GraalVMに入門してみた
GraalVMに入門してみた
Aya Ebata
Java女子部 コミュニティ紹介 ロングバージョン
Java女子部 コミュニティ紹介 ロングバージョン
Aya Ebata
JSRとJEPとJBSの見方や調べ方について
JSRとJEPとJBSの見方や調べ方について
Aya Ebata
「もしかして」「私たち」「「入れ替わってるー! 」」〜Java女子部がRuby on Railsやってみた編〜
「もしかして」「私たち」「「入れ替わってるー! 」」〜Java女子部がRuby on Railsやってみた編〜
Aya Ebata
Swiftをやってみた!
Swiftをやってみた!
Aya Ebata
Javaの好きなところ
Javaの好きなところ
Aya Ebata
Plus de Aya Ebata
(6)
GraalVMに入門してみた
GraalVMに入門してみた
Java女子部 コミュニティ紹介 ロングバージョン
Java女子部 コミュニティ紹介 ロングバージョン
JSRとJEPとJBSの見方や調べ方について
JSRとJEPとJBSの見方や調べ方について
「もしかして」「私たち」「「入れ替わってるー! 」」〜Java女子部がRuby on Railsやってみた編〜
「もしかして」「私たち」「「入れ替わってるー! 」」〜Java女子部がRuby on Railsやってみた編〜
Swiftをやってみた!
Swiftをやってみた!
Javaの好きなところ
Javaの好きなところ
Dernier
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
Dernier
(7)
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
E2D3ハンズオン
1.
第1回スポーツ x データビジュアライゼーション
ハッカソン E2D3ハンズオンセミナー 2017/03/04
2.
自己紹介 - えばた あや -
@aya_122 - 株式会社アットウェア - お仕事は主にJava - E2D3 / Java女子部 / GTUG Girls / はじめてのハッカソン 他...
3.
今日のスライド http://goo.gl/1SzhyP
4.
今から話すこと E2D3テンプレートの 作り方を知ってもらう! (そして、作っちゃおう)
5.
アジェンダ 1. 環境構築 2. 動かし方 3.
書き方(ちょっとだけ) 4. まとめ
6.
1. 環境構築
7.
E2D3の環境を作るために必要なもの - Node.js - Git -
Githubのアカウント - Excel 2013 or Excel Online - 今回はExcel Onlineの方で説明します
8.
Node.jsを入れる https://nodejs.org/ja/
9.
Gitの環境を作る Windows: https://git-for-windows.github.io/
10.
Githubのアカウントを取得 https://github.com
11.
Excel Onlineを始める OneDriveから https://onedrive.live.com/about/ja-jp/
12.
E2D3の環境構築 - E2D3本体のインストール - E2D3テンプレートの取得
13.
E2D3本体のインストール $ sudo npm
install -g e2d3
14.
E2D3テンプレートの取得 1. E2D3のGithubからe2d3-contribリポジトリを Fork
15.
E2D3テンプレートの取得 2. 自分のGithubからclone cloneしたいディレクトリに移動して $ git
clone <URL>
16.
2. 動かし方
17.
E2D3の起動方法 1. e2d3-contribディレクトリに移動 2. e2d3コマンドを打つ 3.
ブラウザが立ち上がる 立ち上がらない場合はlocalhost:8080へ 4. E2D3の起動、完了!
18.
Excel Online上でデバッグを行う - 主に開発するときに使用するモード -
ソースコードを変更したら、リアルタイムで 反映出来る
19.
Excel Online上でデバッグを行う 1. E2D3を起動した状態で、 https://localhost:8443にアクセスして証明書 を許可 2.
Excel Onlineを開いてアドインタブからE2D3 を選択
20.
Excel Online上でデバッグを行う 3. E2D3本体をクリックしてから、 Ctrlキーを5回入力! 4.
Go into delegate modeをクリック!
21.
3. 書き方(ちょっとだけ)
22.
川上くんの徒競走を例に説明します! ExcelとJavaScriptのデータのやり取り
23.
ExcelとJavaScriptのデータのやり取り
24.
ExcelとJavaScriptのデータのやり取り 川上くんの徒競走のソースコード - /e2d3-contrib/foot-race - https://github.com/e2d3/e2d3- contrib/tree/master/foot-race
25.
ExcelとJavaScriptのデータのやり取り /e2d3-contrib/foot-race/main.js - update(data)メソッド - Excelでデータが更新されたら走る -
引数のdataにはExcelの値が入る
26.
ExcelとJavaScriptのデータのやり取り
27.
ExcelとJavaScriptのデータのやり取り /e2d3-contrib/foot-race/main.js - toList()メソッド - 二次元配列をリストへ変換
28.
toMap()メソッド ExcelとJavaScriptのデータのやり取り
29.
transpose()メソッド ExcelとJavaScriptのデータのやり取り
30.
グラフが出来たら...? Pull Requestお願いします!!
31.
まとめ - E2D3の環境構築について話しました - 動かし方や書き方についても話しました それでは皆さん、実際にE2D3のテンプレートを 作ってみましょう!!!!!!←
32.
参考資料 もっと詳しく知りたい方は、E2D3のwikiへ! https://github.com/e2d3/e2d3/wiki/Getting-Started_ja
Télécharger maintenant