Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML/CSS/JS（主にJS）でできること

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Tomohiro_Kino Tomohiro_Kino
December 18, 2019
Technology
65
0

 HTML/CSS/JS（主にJS）でできること

HTML/CSS/JS（主にJS）ってWebサイト作る以外にもこんなのが作れるんだよ。実際にこういうものがあるよ。をエンジニアじゃない人に向けた啓蒙内容。

Avatar for Tomohiro_Kino

Tomohiro_Kino

December 18, 2019

Other Decks in Technology

See All in Technology
障害対応のRunbookは作った、でも本当に動くの？ AWS FIS で EKS の AZ 障害を再現してみた
Avatar for Hiroki Takatsuka tk3fftk
0
120
【2026年版】プロジェクトマネジメント実践論｜現役エンジニアが語る！～チームでモノづくりをする時のコツとは？～
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
120
ワールドカフェ再び、そしてゴール・ルール・ロール・ツール / World Café Revisited, and the Goals-Rules-Roles-Tools
Avatar for Kenji Saito ks91
PRO
0
190
実践 TanStack Start ― 新規プロダクトを開発して確立した、サーバーとクライアント境界の設計パターン / Practical TanStack Start Server-Client Boundary Patterns
Avatar for 株式会社カミナシ kaminashi
1
150
既存プロダクトQAから新規プロダクトQAへ
Avatar for hashi ryotakahashi
0
170
自作エディターをOSSにして分かった、一人に刺さる開発が世界を動かす理由
Avatar for Shinya Saita shinyasaita
0
130
20260516_SecJAWS_Days
Avatar for Takuya Yonezawa takuyay0ne
2
540
AIAgentと取り組むKaggle
Avatar for shuto goya 508shuto
2
460
JaSSTに関わることで変わった人生観 #jasstnano
Avatar for Makky makky_tyuyan
0
160
JTCでRedmine利用者2700人を実現した手法　第二部
Avatar for Silvers.Rayleigh nobuonakamura
0
150
そのSLO 99.9%、本当に必要ですか？ 〜優先度付きSLOによる責任共有の設計思想〜 / Is that 99.9% SLO really necessary? Design philosophy of shared responsibility through prioritized SLOs
Avatar for VTRyo vtryo
0
880
Oracle AI Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.7k

Featured

See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
250
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
350
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
220
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
620
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
790
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
62
54k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
140
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
200
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
290
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.1k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
110
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

Transcript

  1. HTML/CSS/JS（主にJS）でで きること 1 1

  2. ⾃⼰紹介 名前: 紀野 友宏 D2Cdot⼊社: 2018/4~ 前職までは主にPHP、⼊社後は主にフロント（JS） 2 2

  3. ⽬標 なんとなーく、HTML/CSS/JSでこんなのが作れるんだと思っ てもらう 3 3

  4. Webの技術（主にJS）で 何ができる？ 動き/機能を持ったサイト作成 デスクトップアプリ作成 モバイルアプリ作成 スマートスピーカーのスキル作成 4 4

  5. 動き/機能を持ったサイト 5 5

  6. イメージつくと思うので省略 6 6

  7. デスクトップアプリ Electronのアプリ⼀覧から⼀部抜粋 7 7

  8. Visual Studio Code 8 8

  9. Slack 9 9

  10. etc Microsoft Teams ChatWork Discord Skype 他にも⾊々 10 10

  11. モバイルアプリ ReactNativeのShowcaseから抜粋 11 11

  12. Facebook(iOS/Android) 12 12

  13. Instagram(iOS/Android) 13 13

  14. Skype(iOS/Android) 14 14

  15. アプリを作るツールは⾊々 React Native Ionic Onsen UI Monaca 15 15

  16. スマートスピーカーのスキル Alexaスキルから抜粋 16 16

  17. radiko 17 17

  18. ピカチュウトーク 18 18

  19. Yahoo!ニュース for フラッシュニュース 19 19

  20. なんでJSで⾊々作れるの？ JSはただの書き⽅ 書き⽅を解釈さえできればどこでも動く 複数環境で動くアプリを作るツールはだいたいブラウザ上で 動かしてる 20 20

  21. まとめ HTML/CSS/JSといった技術はWebサイト以外も作ることが できる 作るものによっては+αの知識が必要 1から全部学ぶよりは楽 21 21

  22. ご静聴ありがとうございました 22 22