SlideShare a Scribd company logo
W E B
A b o u t m e
• @steelydylan
• ,
A b o u t m e
https://nagoya-js.github.io/
• Web
• Web
• Web
•
•
W E B
2
• SPA Single Page Application
• PWA Progressive Web App
S PA
Twitter Netflix
P WA
https://pwa.rocks/
W E B
https://whatwebcando.today/
W E B
•
•
•
•
•
• 3D / VR
• https://appear.in/
https://appear.in/
https://www.speechrec.jp/
• https://otowabi.com/wp-content/webapp/
webpianoroll.html
https://www.soundtrap.com/studio/
http://9leap.net/
https://jerseyshorefistpump.com/
W E B
• Web GL
• Web RTC
• Canvas
• Web Audio API
• Speech Recognition API
• Web VR
Web GL
https://playcanvas.com/
Web GL
https://threejs.org/
Web RTC
https://github.com/webrtc/samples
C a n v a s
• enchant.js
• phina.js
http://enchantjs.com/
C a n v a s
• enchant.js
• phina.js
http://phinajs.com/
We b A u d i o A P I
• https://www.html5rocks.com/tutorials/webaudio/intro/
https://howlerjs.com/
S p e e c h R e c o g n i t i o n A P I
https://cloud.google.com/speech-to-text/
We b V R
• https://experiments.withgoogle.com/webvr/
https://aframe.io/
Canvas ○ ○
Web GL ○ ○
Web Component ○ ○
Speech Recognition API × ×
Web RTC ○ ×
Web Socket ○ ○
Web VR × ×
Service Worker × ×
Web Audio API × ×
•
• Web Socket Web Component 2
• Polymer
• Chrome Kiosk
•
https://www.youtube.com/watch?v=vBFZOSLlYcc
• HTML/CSS/JavaScript
•
•
• JavaScript ES6 (ECMAScript 6)
• Node.js Ruby PHP
•
•
• Qiita
• Github
J a v a S c r i p t
JavaScript
Wantedly
https://www.wantedly.com/projects/206866
• CMS
• Web
• OSS
“ ”
最新のWeb技術を体験しよう

More Related Content

Similar to 最新のWeb技術を体験しよう

BSides São Paulo - Trabalho no exterior e segurança de aplicações
BSides São Paulo - Trabalho no exterior e segurança de aplicaçõesBSides São Paulo - Trabalho no exterior e segurança de aplicações
BSides São Paulo - Trabalho no exterior e segurança de aplicações
Ismael Goncalves
 
로봇Ux in the 4th industrial Revolution era
로봇Ux in the 4th industrial Revolution era 로봇Ux in the 4th industrial Revolution era
로봇Ux in the 4th industrial Revolution era
Andy Daeyol Na(나대열)
 
플리커와 슬라이드쉐어(콘텐츠 공유)
플리커와 슬라이드쉐어(콘텐츠 공유)플리커와 슬라이드쉐어(콘텐츠 공유)
플리커와 슬라이드쉐어(콘텐츠 공유)
howsocial 문충실
 
Flickr와 Slide Share 활용
Flickr와 Slide Share 활용Flickr와 Slide Share 활용
Flickr와 Slide Share 활용
Jinho Jung
 
【ECCV 2018】Audio-Visual Event Localization in Unconstrained Videos
【ECCV 2018】Audio-Visual Event Localization in Unconstrained Videos【ECCV 2018】Audio-Visual Event Localization in Unconstrained Videos
【ECCV 2018】Audio-Visual Event Localization in Unconstrained Videos
cvpaper. challenge
 
SPAと覚悟
SPAと覚悟SPAと覚悟
SPAと覚悟
Teppei Sato
 
Finding the Right Career
Finding the Right CareerFinding the Right Career
Finding the Right Career
LakotaFischer
 
Social Media Tools That Work
Social Media Tools That WorkSocial Media Tools That Work
Social Media Tools That Work
Jeffrey L. Cohen
 
Vitalii Bobrov "Lost in Space: Web Apps and A11Y"
Vitalii Bobrov "Lost in Space: Web Apps and A11Y"Vitalii Bobrov "Lost in Space: Web Apps and A11Y"
Vitalii Bobrov "Lost in Space: Web Apps and A11Y"
Fwdays
 
コードジェネレートとの付き合い方 @Go Conference 2018 Spring
コードジェネレートとの付き合い方 @Go Conference 2018 Springコードジェネレートとの付き合い方 @Go Conference 2018 Spring
コードジェネレートとの付き合い方 @Go Conference 2018 Spring
jumpei chikamori
 
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
Rikkyo University
 
READING The Atomic Workflow
READING The Atomic WorkflowREADING The Atomic Workflow
READING The Atomic Workflow
Hiroki Yokouchi
 
A Fullstack Future - Progressive Web Apps
A Fullstack Future - Progressive Web AppsA Fullstack Future - Progressive Web Apps
A Fullstack Future - Progressive Web Apps
Frances Coronel
 
AMP のお話
AMP のお話AMP のお話
AMP のお話
Takashi Fujita
 
ARt gallery
ARt galleryARt gallery
ARt gallery
Doug Sillars
 
楽しいRubyで、楽しいアプリと楽しい毎日をつくろう
楽しいRubyで、楽しいアプリと楽しい毎日をつくろう楽しいRubyで、楽しいアプリと楽しい毎日をつくろう
楽しいRubyで、楽しいアプリと楽しい毎日をつくろう
Jun OHWADA
 
Build Your First Mobile App in 1 hour with Windows App Studio
Build Your First Mobile App in 1 hour with Windows App StudioBuild Your First Mobile App in 1 hour with Windows App Studio
Build Your First Mobile App in 1 hour with Windows App Studio
Nick Landry
 
Continuous Integration for Pharo Smalltalk Part 2 (Smalltalk and Travis CI)
Continuous Integration for Pharo Smalltalk Part 2 (Smalltalk and Travis CI)Continuous Integration for Pharo Smalltalk Part 2 (Smalltalk and Travis CI)
Continuous Integration for Pharo Smalltalk Part 2 (Smalltalk and Travis CI)
Sho Yoshida
 
개발의 기쁨과 슬픔
개발의 기쁨과 슬픔개발의 기쁨과 슬픔
개발의 기쁨과 슬픔
Jiyeon Seo
 
QR Codes Rock the Library on Your Phone
QR Codes Rock the Library on Your PhoneQR Codes Rock the Library on Your Phone
QR Codes Rock the Library on Your Phone
Meredith Farkas
 

Similar to 最新のWeb技術を体験しよう (20)

BSides São Paulo - Trabalho no exterior e segurança de aplicações
BSides São Paulo - Trabalho no exterior e segurança de aplicaçõesBSides São Paulo - Trabalho no exterior e segurança de aplicações
BSides São Paulo - Trabalho no exterior e segurança de aplicações
 
로봇Ux in the 4th industrial Revolution era
로봇Ux in the 4th industrial Revolution era 로봇Ux in the 4th industrial Revolution era
로봇Ux in the 4th industrial Revolution era
 
플리커와 슬라이드쉐어(콘텐츠 공유)
플리커와 슬라이드쉐어(콘텐츠 공유)플리커와 슬라이드쉐어(콘텐츠 공유)
플리커와 슬라이드쉐어(콘텐츠 공유)
 
Flickr와 Slide Share 활용
Flickr와 Slide Share 활용Flickr와 Slide Share 활용
Flickr와 Slide Share 활용
 
【ECCV 2018】Audio-Visual Event Localization in Unconstrained Videos
【ECCV 2018】Audio-Visual Event Localization in Unconstrained Videos【ECCV 2018】Audio-Visual Event Localization in Unconstrained Videos
【ECCV 2018】Audio-Visual Event Localization in Unconstrained Videos
 
SPAと覚悟
SPAと覚悟SPAと覚悟
SPAと覚悟
 
Finding the Right Career
Finding the Right CareerFinding the Right Career
Finding the Right Career
 
Social Media Tools That Work
Social Media Tools That WorkSocial Media Tools That Work
Social Media Tools That Work
 
Vitalii Bobrov "Lost in Space: Web Apps and A11Y"
Vitalii Bobrov "Lost in Space: Web Apps and A11Y"Vitalii Bobrov "Lost in Space: Web Apps and A11Y"
Vitalii Bobrov "Lost in Space: Web Apps and A11Y"
 
コードジェネレートとの付き合い方 @Go Conference 2018 Spring
コードジェネレートとの付き合い方 @Go Conference 2018 Springコードジェネレートとの付き合い方 @Go Conference 2018 Spring
コードジェネレートとの付き合い方 @Go Conference 2018 Spring
 
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
 
READING The Atomic Workflow
READING The Atomic WorkflowREADING The Atomic Workflow
READING The Atomic Workflow
 
A Fullstack Future - Progressive Web Apps
A Fullstack Future - Progressive Web AppsA Fullstack Future - Progressive Web Apps
A Fullstack Future - Progressive Web Apps
 
AMP のお話
AMP のお話AMP のお話
AMP のお話
 
ARt gallery
ARt galleryARt gallery
ARt gallery
 
楽しいRubyで、楽しいアプリと楽しい毎日をつくろう
楽しいRubyで、楽しいアプリと楽しい毎日をつくろう楽しいRubyで、楽しいアプリと楽しい毎日をつくろう
楽しいRubyで、楽しいアプリと楽しい毎日をつくろう
 
Build Your First Mobile App in 1 hour with Windows App Studio
Build Your First Mobile App in 1 hour with Windows App StudioBuild Your First Mobile App in 1 hour with Windows App Studio
Build Your First Mobile App in 1 hour with Windows App Studio
 
Continuous Integration for Pharo Smalltalk Part 2 (Smalltalk and Travis CI)
Continuous Integration for Pharo Smalltalk Part 2 (Smalltalk and Travis CI)Continuous Integration for Pharo Smalltalk Part 2 (Smalltalk and Travis CI)
Continuous Integration for Pharo Smalltalk Part 2 (Smalltalk and Travis CI)
 
개발의 기쁨과 슬픔
개발의 기쁨과 슬픔개발의 기쁨과 슬픔
개발의 기쁨과 슬픔
 
QR Codes Rock the Library on Your Phone
QR Codes Rock the Library on Your PhoneQR Codes Rock the Library on Your Phone
QR Codes Rock the Library on Your Phone
 

Recently uploaded

Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
christinelarrosa
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
Safe Software
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
Miro Wengner
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
DianaGray10
 
inQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
inQuba Webinar Mastering Customer Journey Management with Dr Graham HillinQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
inQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
LizaNolte
 
"Scaling RAG Applications to serve millions of users", Kevin Goedecke
"Scaling RAG Applications to serve millions of users",  Kevin Goedecke"Scaling RAG Applications to serve millions of users",  Kevin Goedecke
"Scaling RAG Applications to serve millions of users", Kevin Goedecke
Fwdays
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
AstuteBusiness
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
ScyllaDB
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
Ajin Abraham
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
DianaGray10
 
A Deep Dive into ScyllaDB's Architecture
A Deep Dive into ScyllaDB's ArchitectureA Deep Dive into ScyllaDB's Architecture
A Deep Dive into ScyllaDB's Architecture
ScyllaDB
 
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
zjhamm304
 
Day 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio FundamentalsDay 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio Fundamentals
UiPathCommunity
 
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
Fwdays
 
"What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w..."What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w...
Fwdays
 
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin..."$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
Fwdays
 
Christine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptxChristine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptx
christinelarrosa
 

Recently uploaded (20)

Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
 
inQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
inQuba Webinar Mastering Customer Journey Management with Dr Graham HillinQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
inQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
 
"Scaling RAG Applications to serve millions of users", Kevin Goedecke
"Scaling RAG Applications to serve millions of users",  Kevin Goedecke"Scaling RAG Applications to serve millions of users",  Kevin Goedecke
"Scaling RAG Applications to serve millions of users", Kevin Goedecke
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
 
A Deep Dive into ScyllaDB's Architecture
A Deep Dive into ScyllaDB's ArchitectureA Deep Dive into ScyllaDB's Architecture
A Deep Dive into ScyllaDB's Architecture
 
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
 
Day 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio FundamentalsDay 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio Fundamentals
 
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
 
"What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w..."What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w...
 
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin..."$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
 
Christine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptxChristine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptx
 

最新のWeb技術を体験しよう