SlideShare a Scribd company logo
1 of 9
Download to read offline
Copyright © Virtual Technology, Inc
React + TypeScript + vte.cx
で在庫管理システムを構築した話
2019/1/29 ⽵嵜 伸⼀郎(@stakezaki)
1
Copyright © Virtual Technology, Inc
⽵嵜 伸⼀郎 (たけざき しんいちろう)
twitter id:stakezaki
(有)バーチャルテクノロジー代表取締役
元⽇本IBM
元株式会社暮らしのデザインCTO
2
Copyright © Virtual Technology, Inc
ビジョン
”もうフルスタックエンジニアはいらない。
HTMLとJSの知識さえあればWebサービスを
開発できる。
そのような世界を私たちは⽬指しています。”
3
Copyright © Virtual Technology, Inc4
Copyright © Virtual Technology, Inc5
在庫管理システムWIZ
・ReactとTypeScriptと
ReactNativeだけでできている
・ バックエンドもTypeScript
Copyright © Virtual Technology, Inc6
vte.cx(ブイテックス)
• ReactとTypeScriptで業務システムを構築
できるBaaS
– スキーマを定義 → TypeScriptの型ファイルを
⾃動⽣成
– サーバサイドもTypeScriptで書ける
– SSRでPDF作成など
Copyright © Virtual Technology, Inc
kubernetesとマネージドサービスで
究極のマルチテナントを実現
7
・リソースの最⼤効率化、スケーラビリティ、⾼可⽤性
Copyright © Virtual Technology, Inc8
圧倒的なパフォーマンス
・例えばページネーションは全件フェッチになってしまうが・・
ページネーション表示 一覧表示
Datastore
(GAEやFirestore)
50秒 3秒
vte.cx 3秒 3秒
10万件のデータに対してページネーション表⽰して100件表⽰する
Copyright © Virtual Technology, Inc9
support@virtual-tech.net
これからスタートアップ始めたい⽅は
ぜひvte.cx(β2)を使ってみてください

More Related Content

What's hot

Kintoneで回すline botのpdcaサイクル
Kintoneで回すline botのpdcaサイクルKintoneで回すline botのpdcaサイクル
Kintoneで回すline botのpdcaサイクルJun Tanaka
 
見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較
見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較
見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較Core Concept Technologies
 
20211217 Alibaba Cloudでだってテスト駆動インフラ構築したい
20211217 Alibaba Cloudでだってテスト駆動インフラ構築したい20211217 Alibaba Cloudでだってテスト駆動インフラ構築したい
20211217 Alibaba Cloudでだってテスト駆動インフラ構築したいShinya Mori (@mosuke5)
 
PythonとYAMLでGCPをDeploy!「Google Cloud Deployment Manager」
PythonとYAMLでGCPをDeploy!「Google Cloud Deployment Manager」PythonとYAMLでGCPをDeploy!「Google Cloud Deployment Manager」
PythonとYAMLでGCPをDeploy!「Google Cloud Deployment Manager」Terui Masashi
 
Terraform×Rancherでマルチクラウドを一歩すすめる
Terraform×Rancherでマルチクラウドを一歩すすめるTerraform×Rancherでマルチクラウドを一歩すすめる
Terraform×Rancherでマルチクラウドを一歩すすめるShinya Mori (@mosuke5)
 
クラウド環境でのロギングと、AlibabaCloudでのロギングソリューション
クラウド環境でのロギングと、AlibabaCloudでのロギングソリューションクラウド環境でのロギングと、AlibabaCloudでのロギングソリューション
クラウド環境でのロギングと、AlibabaCloudでのロギングソリューションShinya Mori (@mosuke5)
 
IBM Cloud 使ってタスク管理(JIRA Software)を運用してみた。
IBM Cloud 使ってタスク管理(JIRA Software)を運用してみた。IBM Cloud 使ってタスク管理(JIRA Software)を運用してみた。
IBM Cloud 使ってタスク管理(JIRA Software)を運用してみた。Kohei Nishikawa
 
(2017.4.27) IBM watson developer cloudのアプリケーションログを可視化する
(2017.4.27) IBM watson developer cloudのアプリケーションログを可視化する(2017.4.27) IBM watson developer cloudのアプリケーションログを可視化する
(2017.4.27) IBM watson developer cloudのアプリケーションログを可視化するMitsutoshi Kiuchi
 
【19-D-6】あなたを30分で IoT ready なエンジニアにします! ~IoT プラットフォーム ThingWorx, AR(拡張現実)向けプラッ...
【19-D-6】あなたを30分で IoT ready なエンジニアにします! ~IoT プラットフォーム ThingWorx, AR(拡張現実)向けプラッ...【19-D-6】あなたを30分で IoT ready なエンジニアにします! ~IoT プラットフォーム ThingWorx, AR(拡張現実)向けプラッ...
【19-D-6】あなたを30分で IoT ready なエンジニアにします! ~IoT プラットフォーム ThingWorx, AR(拡張現実)向けプラッ...Developers Summit
 
IBM blockchain Introdution for marketer 20161216
IBM blockchain Introdution for marketer 20161216 IBM blockchain Introdution for marketer 20161216
IBM blockchain Introdution for marketer 20161216 Tsuyoshi Hirayama
 
Jaws serverless 1026_kyoso
Jaws serverless 1026_kyosoJaws serverless 1026_kyoso
Jaws serverless 1026_kyosoRyosuke Izumi
 
Deploy TypeScript with CodePipeline in Fargate
Deploy TypeScript with CodePipeline in FargateDeploy TypeScript with CodePipeline in Fargate
Deploy TypeScript with CodePipeline in Fargatebitbank, Inc. Tokyo, Japan
 
[Cloud OnAir ] #05 Google Cloud の G Suite で働き方改革が簡単にできる
[Cloud OnAir ] #05 Google Cloud の G Suite で働き方改革が簡単にできる[Cloud OnAir ] #05 Google Cloud の G Suite で働き方改革が簡単にできる
[Cloud OnAir ] #05 Google Cloud の G Suite で働き方改革が簡単にできるGoogle Cloud Platform - Japan
 
ビットバンクにおける少人数で支えるインフラチームの戦略
ビットバンクにおける少人数で支えるインフラチームの戦略ビットバンクにおける少人数で支えるインフラチームの戦略
ビットバンクにおける少人数で支えるインフラチームの戦略bitbank, Inc. Tokyo, Japan
 
Micro Service for Autonomous Infrastructure
Micro Service for Autonomous InfrastructureMicro Service for Autonomous Infrastructure
Micro Service for Autonomous InfrastructureYoshimi Tominaga
 
ストリームデータ処理技術勉強会_イントロセッション
ストリームデータ処理技術勉強会_イントロセッションストリームデータ処理技術勉強会_イントロセッション
ストリームデータ処理技術勉強会_イントロセッションg3akk
 
F5 meetup terraform & vault
F5 meetup   terraform & vaultF5 meetup   terraform & vault
F5 meetup terraform & vaultMasatomo Ito
 
テックブログのすゝめ -アウトプットで知識習得サイクルを回そう-
テックブログのすゝめ -アウトプットで知識習得サイクルを回そう-テックブログのすゝめ -アウトプットで知識習得サイクルを回そう-
テックブログのすゝめ -アウトプットで知識習得サイクルを回そう-Shinya Mori (@mosuke5)
 

What's hot (20)

Kintoneで回すline botのpdcaサイクル
Kintoneで回すline botのpdcaサイクルKintoneで回すline botのpdcaサイクル
Kintoneで回すline botのpdcaサイクル
 
見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較
見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較
見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較
 
20211217 Alibaba Cloudでだってテスト駆動インフラ構築したい
20211217 Alibaba Cloudでだってテスト駆動インフラ構築したい20211217 Alibaba Cloudでだってテスト駆動インフラ構築したい
20211217 Alibaba Cloudでだってテスト駆動インフラ構築したい
 
IoTを支えるAWSアーキテクチャ
IoTを支えるAWSアーキテクチャIoTを支えるAWSアーキテクチャ
IoTを支えるAWSアーキテクチャ
 
PythonとYAMLでGCPをDeploy!「Google Cloud Deployment Manager」
PythonとYAMLでGCPをDeploy!「Google Cloud Deployment Manager」PythonとYAMLでGCPをDeploy!「Google Cloud Deployment Manager」
PythonとYAMLでGCPをDeploy!「Google Cloud Deployment Manager」
 
Terraform×Rancherでマルチクラウドを一歩すすめる
Terraform×Rancherでマルチクラウドを一歩すすめるTerraform×Rancherでマルチクラウドを一歩すすめる
Terraform×Rancherでマルチクラウドを一歩すすめる
 
クラウド環境でのロギングと、AlibabaCloudでのロギングソリューション
クラウド環境でのロギングと、AlibabaCloudでのロギングソリューションクラウド環境でのロギングと、AlibabaCloudでのロギングソリューション
クラウド環境でのロギングと、AlibabaCloudでのロギングソリューション
 
IBM Cloud 使ってタスク管理(JIRA Software)を運用してみた。
IBM Cloud 使ってタスク管理(JIRA Software)を運用してみた。IBM Cloud 使ってタスク管理(JIRA Software)を運用してみた。
IBM Cloud 使ってタスク管理(JIRA Software)を運用してみた。
 
Builderscon Tokyo 2017
Builderscon Tokyo 2017 Builderscon Tokyo 2017
Builderscon Tokyo 2017
 
(2017.4.27) IBM watson developer cloudのアプリケーションログを可視化する
(2017.4.27) IBM watson developer cloudのアプリケーションログを可視化する(2017.4.27) IBM watson developer cloudのアプリケーションログを可視化する
(2017.4.27) IBM watson developer cloudのアプリケーションログを可視化する
 
【19-D-6】あなたを30分で IoT ready なエンジニアにします! ~IoT プラットフォーム ThingWorx, AR(拡張現実)向けプラッ...
【19-D-6】あなたを30分で IoT ready なエンジニアにします! ~IoT プラットフォーム ThingWorx, AR(拡張現実)向けプラッ...【19-D-6】あなたを30分で IoT ready なエンジニアにします! ~IoT プラットフォーム ThingWorx, AR(拡張現実)向けプラッ...
【19-D-6】あなたを30分で IoT ready なエンジニアにします! ~IoT プラットフォーム ThingWorx, AR(拡張現実)向けプラッ...
 
IBM blockchain Introdution for marketer 20161216
IBM blockchain Introdution for marketer 20161216 IBM blockchain Introdution for marketer 20161216
IBM blockchain Introdution for marketer 20161216
 
Jaws serverless 1026_kyoso
Jaws serverless 1026_kyosoJaws serverless 1026_kyoso
Jaws serverless 1026_kyoso
 
Deploy TypeScript with CodePipeline in Fargate
Deploy TypeScript with CodePipeline in FargateDeploy TypeScript with CodePipeline in Fargate
Deploy TypeScript with CodePipeline in Fargate
 
[Cloud OnAir ] #05 Google Cloud の G Suite で働き方改革が簡単にできる
[Cloud OnAir ] #05 Google Cloud の G Suite で働き方改革が簡単にできる[Cloud OnAir ] #05 Google Cloud の G Suite で働き方改革が簡単にできる
[Cloud OnAir ] #05 Google Cloud の G Suite で働き方改革が簡単にできる
 
ビットバンクにおける少人数で支えるインフラチームの戦略
ビットバンクにおける少人数で支えるインフラチームの戦略ビットバンクにおける少人数で支えるインフラチームの戦略
ビットバンクにおける少人数で支えるインフラチームの戦略
 
Micro Service for Autonomous Infrastructure
Micro Service for Autonomous InfrastructureMicro Service for Autonomous Infrastructure
Micro Service for Autonomous Infrastructure
 
ストリームデータ処理技術勉強会_イントロセッション
ストリームデータ処理技術勉強会_イントロセッションストリームデータ処理技術勉強会_イントロセッション
ストリームデータ処理技術勉強会_イントロセッション
 
F5 meetup terraform & vault
F5 meetup   terraform & vaultF5 meetup   terraform & vault
F5 meetup terraform & vault
 
テックブログのすゝめ -アウトプットで知識習得サイクルを回そう-
テックブログのすゝめ -アウトプットで知識習得サイクルを回そう-テックブログのすゝめ -アウトプットで知識習得サイクルを回そう-
テックブログのすゝめ -アウトプットで知識習得サイクルを回そう-
 

Similar to Lt20190129

JTF2018 FIWARE x robot x IoT
JTF2018 FIWARE x robot x IoTJTF2018 FIWARE x robot x IoT
JTF2018 FIWARE x robot x IoTNobuyuki Matsui
 
Jazug-8th: Azure AKS & FIWARE & Robot
Jazug-8th: Azure AKS & FIWARE & RobotJazug-8th: Azure AKS & FIWARE & Robot
Jazug-8th: Azure AKS & FIWARE & RobotNobuyuki Matsui
 
LoRaWANとAzure IoT Hub接続ハンズオン
LoRaWANとAzure IoT Hub接続ハンズオンLoRaWANとAzure IoT Hub接続ハンズオン
LoRaWANとAzure IoT Hub接続ハンズオンTomokazu Kizawa
 
Database as code in Devops - DBを10分間で1000個構築するDB仮想化テクノロジーとは?(Ishikawa)
Database as code in Devops - DBを10分間で1000個構築するDB仮想化テクノロジーとは?(Ishikawa)Database as code in Devops - DBを10分間で1000個構築するDB仮想化テクノロジーとは?(Ishikawa)
Database as code in Devops - DBを10分間で1000個構築するDB仮想化テクノロジーとは?(Ishikawa)Insight Technology, Inc.
 
Data API ことはじめ
Data API ことはじめData API ことはじめ
Data API ことはじめYuji Takayama
 
オレ流クラウドデザイン
オレ流クラウドデザインオレ流クラウドデザイン
オレ流クラウドデザインAtsushi Kojima
 
Amazon kinesisで広がるリアルタイムデータプロセッシングとその未来
Amazon kinesisで広がるリアルタイムデータプロセッシングとその未来Amazon kinesisで広がるリアルタイムデータプロセッシングとその未来
Amazon kinesisで広がるリアルタイムデータプロセッシングとその未来Shinpei Ohtani
 
Node.jsアプリの開発をモダン化するために取り組んできたこと
Node.jsアプリの開発をモダン化するために取り組んできたことNode.jsアプリの開発をモダン化するために取り組んできたこと
Node.jsアプリの開発をモダン化するために取り組んできたことbitbank, Inc. Tokyo, Japan
 
2つのサービスをAWSに移行した話
2つのサービスをAWSに移行した話2つのサービスをAWSに移行した話
2つのサービスをAWSに移行した話Arata Honda
 
【kintone hive 上海】ウィングアーク上海講演資料_160918
【kintone hive 上海】ウィングアーク上海講演資料_160918【kintone hive 上海】ウィングアーク上海講演資料_160918
【kintone hive 上海】ウィングアーク上海講演資料_160918Cybozucommunity
 
OSC15 Okinawa Intro SoftLayer and Bluemix
OSC15 Okinawa Intro SoftLayer and BluemixOSC15 Okinawa Intro SoftLayer and Bluemix
OSC15 Okinawa Intro SoftLayer and BluemixKimihiko Kitase
 
AWSマネージドサービスをフル活用したヘルスケアIoTプラットフォーム
AWSマネージドサービスをフル活用したヘルスケアIoTプラットフォームAWSマネージドサービスをフル活用したヘルスケアIoTプラットフォーム
AWSマネージドサービスをフル活用したヘルスケアIoTプラットフォームHiroki Takeda
 

Similar to Lt20190129 (20)

Enterpriseapi20160210
Enterpriseapi20160210Enterpriseapi20160210
Enterpriseapi20160210
 
Bpstudy20180725
Bpstudy20180725Bpstudy20180725
Bpstudy20180725
 
React vtecx20171025
React vtecx20171025React vtecx20171025
React vtecx20171025
 
React vtecx20170920
React vtecx20170920React vtecx20170920
React vtecx20170920
 
React vtecx20170822
React vtecx20170822React vtecx20170822
React vtecx20170822
 
Web study20171007
Web study20171007Web study20171007
Web study20171007
 
Angularreflex20141210
Angularreflex20141210Angularreflex20141210
Angularreflex20141210
 
JTF2018 FIWARE x robot x IoT
JTF2018 FIWARE x robot x IoTJTF2018 FIWARE x robot x IoT
JTF2018 FIWARE x robot x IoT
 
Jazug-8th: Azure AKS & FIWARE & Robot
Jazug-8th: Azure AKS & FIWARE & RobotJazug-8th: Azure AKS & FIWARE & Robot
Jazug-8th: Azure AKS & FIWARE & Robot
 
LoRaWANとAzure IoT Hub接続ハンズオン
LoRaWANとAzure IoT Hub接続ハンズオンLoRaWANとAzure IoT Hub接続ハンズオン
LoRaWANとAzure IoT Hub接続ハンズオン
 
Database as code in Devops - DBを10分間で1000個構築するDB仮想化テクノロジーとは?(Ishikawa)
Database as code in Devops - DBを10分間で1000個構築するDB仮想化テクノロジーとは?(Ishikawa)Database as code in Devops - DBを10分間で1000個構築するDB仮想化テクノロジーとは?(Ishikawa)
Database as code in Devops - DBを10分間で1000個構築するDB仮想化テクノロジーとは?(Ishikawa)
 
Data API ことはじめ
Data API ことはじめData API ことはじめ
Data API ことはじめ
 
オレ流クラウドデザイン
オレ流クラウドデザインオレ流クラウドデザイン
オレ流クラウドデザイン
 
Amazon kinesisで広がるリアルタイムデータプロセッシングとその未来
Amazon kinesisで広がるリアルタイムデータプロセッシングとその未来Amazon kinesisで広がるリアルタイムデータプロセッシングとその未来
Amazon kinesisで広がるリアルタイムデータプロセッシングとその未来
 
Node.jsアプリの開発をモダン化するために取り組んできたこと
Node.jsアプリの開発をモダン化するために取り組んできたことNode.jsアプリの開発をモダン化するために取り組んできたこと
Node.jsアプリの開発をモダン化するために取り組んできたこと
 
2つのサービスをAWSに移行した話
2つのサービスをAWSに移行した話2つのサービスをAWSに移行した話
2つのサービスをAWSに移行した話
 
【kintone hive 上海】ウィングアーク上海講演資料_160918
【kintone hive 上海】ウィングアーク上海講演資料_160918【kintone hive 上海】ウィングアーク上海講演資料_160918
【kintone hive 上海】ウィングアーク上海講演資料_160918
 
OSC15 Okinawa Intro SoftLayer and Bluemix
OSC15 Okinawa Intro SoftLayer and BluemixOSC15 Okinawa Intro SoftLayer and Bluemix
OSC15 Okinawa Intro SoftLayer and Bluemix
 
Vtecxlt20151201
Vtecxlt20151201Vtecxlt20151201
Vtecxlt20151201
 
AWSマネージドサービスをフル活用したヘルスケアIoTプラットフォーム
AWSマネージドサービスをフル活用したヘルスケアIoTプラットフォームAWSマネージドサービスをフル活用したヘルスケアIoTプラットフォーム
AWSマネージドサービスをフル活用したヘルスケアIoTプラットフォーム
 

More from Shinichiro Takezaki (10)

Vtecx solution
Vtecx solutionVtecx solution
Vtecx solution
 
11 29プレゼン資料
11 29プレゼン資料11 29プレゼン資料
11 29プレゼン資料
 
20171025 date picker説明資料
20171025 date picker説明資料20171025 date picker説明資料
20171025 date picker説明資料
 
Vtecx20151216 2
Vtecx20151216 2Vtecx20151216 2
Vtecx20151216 2
 
Vtecx20151216
Vtecx20151216Vtecx20151216
Vtecx20151216
 
No nosql20130424
No nosql20130424No nosql20130424
No nosql20130424
 
BPStudy20121221
BPStudy20121221BPStudy20121221
BPStudy20121221
 
Gaeja20121130
Gaeja20121130Gaeja20121130
Gaeja20121130
 
Reflex works20120818 1
Reflex works20120818 1Reflex works20120818 1
Reflex works20120818 1
 
Groovyコンファレンス
GroovyコンファレンスGroovyコンファレンス
Groovyコンファレンス
 

Lt20190129

  • 1. Copyright © Virtual Technology, Inc React + TypeScript + vte.cx で在庫管理システムを構築した話 2019/1/29 ⽵嵜 伸⼀郎(@stakezaki) 1
  • 2. Copyright © Virtual Technology, Inc ⽵嵜 伸⼀郎 (たけざき しんいちろう) twitter id:stakezaki (有)バーチャルテクノロジー代表取締役 元⽇本IBM 元株式会社暮らしのデザインCTO 2
  • 3. Copyright © Virtual Technology, Inc ビジョン ”もうフルスタックエンジニアはいらない。 HTMLとJSの知識さえあればWebサービスを 開発できる。 そのような世界を私たちは⽬指しています。” 3
  • 4. Copyright © Virtual Technology, Inc4
  • 5. Copyright © Virtual Technology, Inc5 在庫管理システムWIZ ・ReactとTypeScriptと ReactNativeだけでできている ・ バックエンドもTypeScript
  • 6. Copyright © Virtual Technology, Inc6 vte.cx(ブイテックス) • ReactとTypeScriptで業務システムを構築 できるBaaS – スキーマを定義 → TypeScriptの型ファイルを ⾃動⽣成 – サーバサイドもTypeScriptで書ける – SSRでPDF作成など
  • 7. Copyright © Virtual Technology, Inc kubernetesとマネージドサービスで 究極のマルチテナントを実現 7 ・リソースの最⼤効率化、スケーラビリティ、⾼可⽤性
  • 8. Copyright © Virtual Technology, Inc8 圧倒的なパフォーマンス ・例えばページネーションは全件フェッチになってしまうが・・ ページネーション表示 一覧表示 Datastore (GAEやFirestore) 50秒 3秒 vte.cx 3秒 3秒 10万件のデータに対してページネーション表⽰して100件表⽰する
  • 9. Copyright © Virtual Technology, Inc9 support@virtual-tech.net これからスタートアップ始めたい⽅は ぜひvte.cx(β2)を使ってみてください