Suche senden
Hochladen
ElectronでExactTargetのGUIツールを作ってみた話
•
0 gefällt mir
•
1,311 views
T
tzm_freedom
Folgen
フロントエンド全然詳しくない人がElectron+React+ReduxでExactTargetのGUIツールを作ったお話
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 13
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門
Kazuyuki Mori
セッション「NW.js スタートアップ」資料
セッション「NW.js スタートアップ」資料
Sora Arakawa
Heroku
Heroku
Ayumu Aizawa
Heroku Changelog in 2013
Heroku Changelog in 2013
Ayumu Aizawa
第二回IoT関連技術勉強会 ログ収集編
第二回IoT関連技術勉強会 ログ収集編
tzm_freedom
Dreamforce '15のお話
Dreamforce '15のお話
tzm_freedom
第一回Web技術勉強会 efkスタック編
第一回Web技術勉強会 efkスタック編
tzm_freedom
第5回web技術勉強会 暗号技術編その3
第5回web技術勉強会 暗号技術編その3
tzm_freedom
Empfohlen
Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門
Kazuyuki Mori
セッション「NW.js スタートアップ」資料
セッション「NW.js スタートアップ」資料
Sora Arakawa
Heroku
Heroku
Ayumu Aizawa
Heroku Changelog in 2013
Heroku Changelog in 2013
Ayumu Aizawa
第二回IoT関連技術勉強会 ログ収集編
第二回IoT関連技術勉強会 ログ収集編
tzm_freedom
Dreamforce '15のお話
Dreamforce '15のお話
tzm_freedom
第一回Web技術勉強会 efkスタック編
第一回Web技術勉強会 efkスタック編
tzm_freedom
第5回web技術勉強会 暗号技術編その3
第5回web技術勉強会 暗号技術編その3
tzm_freedom
第三回IoT関連技術勉強会 データ通信編
第三回IoT関連技術勉強会 データ通信編
tzm_freedom
Githubでアカウントを晒した事故に対する対処
Githubでアカウントを晒した事故に対する対処
まえすとろ
第2回Web技術勉強会 webパフォーマンス改善編
第2回Web技術勉強会 webパフォーマンス改善編
tzm_freedom
初めてのGemの読み方
初めてのGemの読み方
Takao Baba
Analytics CloudとEmbulkを使った社会的データの分析
Analytics CloudとEmbulkを使った社会的データの分析
tzm_freedom
ApexからAWS IoT叩いてみた話
ApexからAWS IoT叩いてみた話
tzm_freedom
第4回web技術勉強会 暗号技術編その2
第4回web技術勉強会 暗号技術編その2
tzm_freedom
第一回IoT関連技術勉強会 分散処理編
第一回IoT関連技術勉強会 分散処理編
tzm_freedom
第3回web技術勉強会 暗号技術編その1
第3回web技術勉強会 暗号技術編その1
tzm_freedom
プロセスをしょうもないErrorで落とさないように頑張る
プロセスをしょうもないErrorで落とさないように頑張る
mookjp
PaaSに適したアプリケーション設計がもたらすメリット
PaaSに適したアプリケーション設計がもたらすメリット
Ayumu Aizawa
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
minoru nakanou
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話
sters
RDBとNoSQLの上手な付き合い方(勉強会@LIG 2013/11/11)
RDBとNoSQLの上手な付き合い方(勉強会@LIG 2013/11/11)
Yuji Otani
Heroku HTTP API Design Guide
Heroku HTTP API Design Guide
Ayumu Aizawa
JavaScript.Next Returns
JavaScript.Next Returns
dynamis
ES6 はじめました
ES6 はじめました
Net Kanayan
ES6 - JavaCro 2016
ES6 - JavaCro 2016
Nenad Pecanac
JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6
Aayush Shrestha
微博(ウェイボ)型社内SNSとモバイルで始める社内の可視化
微博(ウェイボ)型社内SNSとモバイルで始める社内の可視化
Takamitsu Nakao
微博(ウェイボ)スタイルで始める社内ソーシャル リアルタイム”ほう・れん・そう”を実現する ビジネスログツール “Crowdroid for business”
微博(ウェイボ)スタイルで始める社内ソーシャル リアルタイム”ほう・れん・そう”を実現する ビジネスログツール “Crowdroid for business”
Anhui Opensource Software Inc.
Weitere ähnliche Inhalte
Andere mochten auch
第三回IoT関連技術勉強会 データ通信編
第三回IoT関連技術勉強会 データ通信編
tzm_freedom
Githubでアカウントを晒した事故に対する対処
Githubでアカウントを晒した事故に対する対処
まえすとろ
第2回Web技術勉強会 webパフォーマンス改善編
第2回Web技術勉強会 webパフォーマンス改善編
tzm_freedom
初めてのGemの読み方
初めてのGemの読み方
Takao Baba
Analytics CloudとEmbulkを使った社会的データの分析
Analytics CloudとEmbulkを使った社会的データの分析
tzm_freedom
ApexからAWS IoT叩いてみた話
ApexからAWS IoT叩いてみた話
tzm_freedom
第4回web技術勉強会 暗号技術編その2
第4回web技術勉強会 暗号技術編その2
tzm_freedom
第一回IoT関連技術勉強会 分散処理編
第一回IoT関連技術勉強会 分散処理編
tzm_freedom
第3回web技術勉強会 暗号技術編その1
第3回web技術勉強会 暗号技術編その1
tzm_freedom
プロセスをしょうもないErrorで落とさないように頑張る
プロセスをしょうもないErrorで落とさないように頑張る
mookjp
PaaSに適したアプリケーション設計がもたらすメリット
PaaSに適したアプリケーション設計がもたらすメリット
Ayumu Aizawa
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
minoru nakanou
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話
sters
RDBとNoSQLの上手な付き合い方(勉強会@LIG 2013/11/11)
RDBとNoSQLの上手な付き合い方(勉強会@LIG 2013/11/11)
Yuji Otani
Heroku HTTP API Design Guide
Heroku HTTP API Design Guide
Ayumu Aizawa
JavaScript.Next Returns
JavaScript.Next Returns
dynamis
ES6 はじめました
ES6 はじめました
Net Kanayan
ES6 - JavaCro 2016
ES6 - JavaCro 2016
Nenad Pecanac
JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6
Aayush Shrestha
Andere mochten auch
(20)
第三回IoT関連技術勉強会 データ通信編
第三回IoT関連技術勉強会 データ通信編
Githubでアカウントを晒した事故に対する対処
Githubでアカウントを晒した事故に対する対処
第2回Web技術勉強会 webパフォーマンス改善編
第2回Web技術勉強会 webパフォーマンス改善編
初めてのGemの読み方
初めてのGemの読み方
Analytics CloudとEmbulkを使った社会的データの分析
Analytics CloudとEmbulkを使った社会的データの分析
ApexからAWS IoT叩いてみた話
ApexからAWS IoT叩いてみた話
第4回web技術勉強会 暗号技術編その2
第4回web技術勉強会 暗号技術編その2
第一回IoT関連技術勉強会 分散処理編
第一回IoT関連技術勉強会 分散処理編
第3回web技術勉強会 暗号技術編その1
第3回web技術勉強会 暗号技術編その1
プロセスをしょうもないErrorで落とさないように頑張る
プロセスをしょうもないErrorで落とさないように頑張る
PaaSに適したアプリケーション設計がもたらすメリット
PaaSに適したアプリケーション設計がもたらすメリット
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話
RDBとNoSQLの上手な付き合い方(勉強会@LIG 2013/11/11)
RDBとNoSQLの上手な付き合い方(勉強会@LIG 2013/11/11)
Heroku HTTP API Design Guide
Heroku HTTP API Design Guide
JavaScript.Next Returns
JavaScript.Next Returns
ES6 はじめました
ES6 はじめました
ES6 - JavaCro 2016
ES6 - JavaCro 2016
JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6
Ähnlich wie ElectronでExactTargetのGUIツールを作ってみた話
微博(ウェイボ)型社内SNSとモバイルで始める社内の可視化
微博(ウェイボ)型社内SNSとモバイルで始める社内の可視化
Takamitsu Nakao
微博(ウェイボ)スタイルで始める社内ソーシャル リアルタイム”ほう・れん・そう”を実現する ビジネスログツール “Crowdroid for business”
微博(ウェイボ)スタイルで始める社内ソーシャル リアルタイム”ほう・れん・そう”を実現する ビジネスログツール “Crowdroid for business”
Anhui Opensource Software Inc.
微博(ウェイボ)+Androidタブレットで 始める社内の可視化
微博(ウェイボ)+Androidタブレットで 始める社内の可視化
Takamitsu Nakao
微博(ウェイボ)+Androidタブレットで始める社内の可視化 ~ 微博型社内ソーシャルシステム“Crowdroid for Business” ~
微博(ウェイボ)+Androidタブレットで始める社内の可視化 ~ 微博型社内ソーシャルシステム“Crowdroid for Business” ~
Anhui Opensource Software Inc.
Financial Planner の為のITの活用
Financial Planner の為のITの活用
Kenichi Takeuchi
04 salesforceでのソフトフォン実装パターン
04 salesforceでのソフトフォン実装パターン
TerraSky
20190607_salesforceで何するの?
20190607_salesforceで何するの?
Junko Nakayama
株式会社ディレクタス サービス紹介資料
株式会社ディレクタス サービス紹介資料
Directus Inc.(ディレクタス)
マーケティングのはなし
マーケティングのはなし
Kakigi Katuyuki
Decentralized identity
Decentralized identity
Takao Tetsuro
@dahatake 流 - Microsoft Teams でメッチャ マルチ タスクを処理する方法
@dahatake 流 - Microsoft Teams でメッチャ マルチ タスクを処理する方法
Daiyu Hatakeyama
3Dリッチコンテンツ販促チラシ a3両面
3Dリッチコンテンツ販促チラシ a3両面
ITDORAKU
在中日系企業の強い味方 微博(ウェイボ)型社内SNS ”CFB”
在中日系企業の強い味方 微博(ウェイボ)型社内SNS ”CFB”
Takamitsu Nakao
Sbw2014day1広がるクラウドマーケティングの世界 2014/7/15
Sbw2014day1広がるクラウドマーケティングの世界 2014/7/15
cloudmarketing
twilioの運用事例から学ぶ!クラウドの運用に大切なこと
twilioの運用事例から学ぶ!クラウドの運用に大切なこと
Yoshimasa Yaguma
テクマトリックスCRM2012"『ソーシャルCRM最前線』ここまで来た!CRMの進化!"講演資料
テクマトリックスCRM2012"『ソーシャルCRM最前線』ここまで来た!CRMの進化!"講演資料
Hottolink
Service Cloud Trailblazers Meetup #02
Service Cloud Trailblazers Meetup #02
sfdc_sctb
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
Go Sugihara
日本の中小企業のIT導入10年の振り返り
日本の中小企業のIT導入10年の振り返り
Yuichi Morito
Salesforce crm over_view_2012_0301
Salesforce crm over_view_2012_0301
Kohei Nishikawa
Ähnlich wie ElectronでExactTargetのGUIツールを作ってみた話
(20)
微博(ウェイボ)型社内SNSとモバイルで始める社内の可視化
微博(ウェイボ)型社内SNSとモバイルで始める社内の可視化
微博(ウェイボ)スタイルで始める社内ソーシャル リアルタイム”ほう・れん・そう”を実現する ビジネスログツール “Crowdroid for business”
微博(ウェイボ)スタイルで始める社内ソーシャル リアルタイム”ほう・れん・そう”を実現する ビジネスログツール “Crowdroid for business”
微博(ウェイボ)+Androidタブレットで 始める社内の可視化
微博(ウェイボ)+Androidタブレットで 始める社内の可視化
微博(ウェイボ)+Androidタブレットで始める社内の可視化 ~ 微博型社内ソーシャルシステム“Crowdroid for Business” ~
微博(ウェイボ)+Androidタブレットで始める社内の可視化 ~ 微博型社内ソーシャルシステム“Crowdroid for Business” ~
Financial Planner の為のITの活用
Financial Planner の為のITの活用
04 salesforceでのソフトフォン実装パターン
04 salesforceでのソフトフォン実装パターン
20190607_salesforceで何するの?
20190607_salesforceで何するの?
株式会社ディレクタス サービス紹介資料
株式会社ディレクタス サービス紹介資料
マーケティングのはなし
マーケティングのはなし
Decentralized identity
Decentralized identity
@dahatake 流 - Microsoft Teams でメッチャ マルチ タスクを処理する方法
@dahatake 流 - Microsoft Teams でメッチャ マルチ タスクを処理する方法
3Dリッチコンテンツ販促チラシ a3両面
3Dリッチコンテンツ販促チラシ a3両面
在中日系企業の強い味方 微博(ウェイボ)型社内SNS ”CFB”
在中日系企業の強い味方 微博(ウェイボ)型社内SNS ”CFB”
Sbw2014day1広がるクラウドマーケティングの世界 2014/7/15
Sbw2014day1広がるクラウドマーケティングの世界 2014/7/15
twilioの運用事例から学ぶ!クラウドの運用に大切なこと
twilioの運用事例から学ぶ!クラウドの運用に大切なこと
テクマトリックスCRM2012"『ソーシャルCRM最前線』ここまで来た!CRMの進化!"講演資料
テクマトリックスCRM2012"『ソーシャルCRM最前線』ここまで来た!CRMの進化!"講演資料
Service Cloud Trailblazers Meetup #02
Service Cloud Trailblazers Meetup #02
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
日本の中小企業のIT導入10年の振り返り
日本の中小企業のIT導入10年の振り返り
Salesforce crm over_view_2012_0301
Salesforce crm over_view_2012_0301
Kürzlich hochgeladen
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Kürzlich hochgeladen
(11)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
ElectronでExactTargetのGUIツールを作ってみた話
1.
ElectronでExactTargetの GUIツールを作ってみた話 株式会社ウフル 田実 誠
2.
Who Am I? 名前:田実
誠 所属:ウフルの人 DUGのイベント参加回数=登壇回数 Github:tzmfreedom Twitter:@tzm_freedom Blog:http://freedom-man.com/blog/
3.
ExactTarget(Marketing Cloud)に触ったことあるひとー?
4.
ExactTarget(Marketing Cloud)とは? Salesforceのマーケティングツール →顧客に対するマーケティングをマルチチャネルで手動/自動で行うことが出来るツール ・手動/自動でメール、モバイルPush通知、SMS、LINEメッセージ等の手段を使って 顧客に対してマーケティングを行うことが可能。 ・顧客に対して属性情報を持たせることで、セグメンテーション(誰に送るのか)、パーソナライズ (何を送るのか)の設定がノンコーディングで実現可能。 ・Salesforce(SFA/CRM)ではカバーできなかったマーケティング部分の機能を担う。
5.
Marketing CloudをJapanで導入する上での辛み ・日本品質ではないところが多い →不具合っぽい挙動もちょいちょい有る →非公開な仕様が多い ・WebUIがSPAっぽく書かれているけど、一部URIが変わらない画面遷移が有り、 リロードするたびに操作のやり直しをしなければならなかったり、総じて操作性が悪い。ローディングも遅 い(サーバーは北米にある?) ・リファレンス以外で、日本語の記事がほぼ無い。かといって英語の記事もあまり無い。 →書けば、日本語でのファースト記事になりうる。 ・各設定の環境間のコピーが出来ない(テスト環境⇔本番環境の移行が出来ない) ※Sandbox環境はあるものの、あまり機能しないらしい →今回はこの課題に着目してツールを作ってみました
6.
利用技術・ツール ・Electron:フロントエンド技術でデスクトップアプリを作るツール ・React:JSフレームワーク(Analytics Cloudでも利用されているらしい) ・Redux:Fluxフレームワーク(Reactのstateを管理する) ・Material-UI:React用マテリアルデザインフレームワーク ・Gulp:フロントエンドのタスクを自動化 ・Babel:ES6やJSXの記法で書いたコードをES5にトランスパイル ・FuelSDK-Node:ExactTargetのnode.js用のSDK
7.
Electronとは? ・Webの技術でデスクトップアプリを作れるツール ・Chromiumをベースに動いている ・ワンソースでクロスプラットフォームに対応するアプリを作れる!系のフレームワーク ・モバイルアプリで言うところのWebViewなハイブリッドアプリというイメージ ・パッケージ化されたものは普通にHTML, JS, CSS一式が入る。 →クライアント側で中身を改変することも可能。 ・Visual
Studio Code、Kobito for Windows、Atom、Slackが利用事例
8.
Electron関連のオススメ記事 [入門系記事] ・Electronでアプリケーションを作ってみよう http://qiita.com/Quramy/items/a4be32769366cfe55778 [Gulpfile/React version] ・ぼくのかんがえたさいきょうのElectron http://qiita.com/Quramy/items/90d61ff37ca1b95a7f6d [Salesforce向け] ・ElectronでReact/Salesforceなデスクトップアプリを作ってみた http://info.skyvisualeditor.com/blog/2016/160208_001566.php ・ElectronでSalesforce1をネイティブアプリ化できるか? http://qiita.com/a_kuratani/items/f1cd6b02381cfb7e0381
9.
真面目なDEMO 1. コピー元にログイン 2. データエクステンション(RDBでいうところのテーブル)のFETCH 3.
対象のデータエクステンションを選択 4. コピー先にログイン 5. デプロイ! 作ったもの↓ https://github.com/tzmfreedom/ET_Tool/releases
10.
作ってみた感想 ・ワンソースでクロスプラットフォームで動くネイティブ作れるのは楽 ・クライアント側でソースコード改変できるのも緩くて良い感じ ・メニューの設定を誤るとコピペできなくなる等、Electron独自のハマりどころがある ・Qiita等でElectron関連記事はちょくちょく見られるものの、そこまで多くない ・開発者ツールでネットワークのデバッグが出来ない?のが辛かった ・node_modulesやbower_componentsはそのまま配布物に含まれるため、そのままだとパッ ケージの容量が大きくなりがち(特にWindows版パッケージ) →Browserifyで不要なファイルを削除して、その後minify(圧縮)すれば容量削減できるらし い。
11.
反省点 ・Salesforceなんだから、CSSフレームワークとしてはSLDSとか使うべきだったかも ・Salesforceなんだから、ReactじゃなくてLightning Outとか使うべきだったかも (まぁでもAnalytics CloudもlightningじゃなくてReact使ってるから良いよね♪)
12.
Electronを使って良いツールを ガンガン作っていきましょう!
13.
ご清聴ありがとうございました!
Jetzt herunterladen