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

フロントエンドの技術選定

Kazuma Nishihata
February 17, 2020
Programming
6
6.1k

 フロントエンドの技術選定

DIST.31の公演スライドです。

Kazuma Nishihata

February 17, 2020
Tweet

More Decks by Kazuma Nishihata

See All by Kazuma Nishihata
Vue with TypeScript
kazumanishihata
0
1.2k
ころばぬ先のテクニカルディレクション
kazumanishihata
1
560
動きのデザインとフロントエンドの連携
kazumanishihata
2
1.3k
まぼろしのJS勉強会 #2 「細かすぎて伝わらないUI実装選手権」『使えそうで使えないけど使いたい IntersectionObserver』
kazumanishihata
1
280
RxJSで始めるリアクティブプログラミング
kazumanishihata
1
1.2k
WP REST APIとReactで作るSPA
kazumanishihata
2
7.1k
ぼくらのCONST戦争 SCRIPTY #5
kazumanishihata
2
2.9k

Other Decks in Programming

See All in Programming
今更だけどUIKitで型パラメータのインジェクトを利用してViewのレイアウトをしてみよう
martysuzuki
0
430
フィーチャートグルを 使って素早く価値を検証する 早く安全に失敗し学ぶために
akki_megane
0
610
AWSKRUG DS 2022/09 발표 - 클라우드 데이터 플랫폼을 구성하는 최신 기술 알아보기
woongseok
0
420
OpenAPIで 楽に始めるスキーマ駆動開発実践論 - PHP Conference 2022
komtaki
0
280
入門Hello world（PHPカンファレンス2022）
yutaron
0
160
開発組織の生産性を可視化するState of DevOpsとFour Keysとは(増補改訂版) / Introduction to State of DevOps and Four Keys for Visualizing Productivity in Development Organizations expanded and revised edition
isanasan
20
5.7k
使用Helm搭配CI/CD供多 團隊使用的DevSecOps
demoyuw
0
490
Swift Concurrency時代のリアクティブプログラミングの基礎理解
banjun
PRO
3
770
iOS15からのCommunication NotificationとSiri
matsuji
2
560
AltJS を作るなら型変換を入れた方がいい
cannorin
0
370
わかった気になれる CRDT を使った共同編集
kentomoriwaki
1
320
マルチテナントSaaSにおけるAmazon QuickSightの活用例
shogo452
1
140

Featured

See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
642
53k
GraphQLとの向き合い方2022年版
quramy
18
8.9k
Designing with Data
zakiwarfel
91
4k
Infographics Made Easy
chrislema
234
17k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_i
25
16k
Pencils Down: Stop Designing & Start Developing
hursman
113
9.9k
Building Adaptive Systems
keathley
25
1.2k
A Tale of Four Properties
chriscoyier
149
21k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
316
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.4k
The Mythical Team-Month
searls
210
40k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k

Transcript

  1. K2VFSZ͔ΒεςʔδΞοϓ ̍าઌߦͨ͘Ίͷ+BWB4DSJQU ੢ാҰഅ to-R ϑϩϯτΤϯυͷٕज़બఆ ੢ാҰഅ

  2. લճɺ%*45Ͱެԋͨ͠ͷ͸ ͷ%*45

  3. “サラリーマン”と“フリーランス”の⼆⾜の草鞋 ⻄畑⼀⾺ DIST.5 ʮWay of Workingʯ to-R

  4. גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ / ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ

  5. גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ / ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ

  6. ϑϩϯτΤϯυʹಛԽͨ͠8FC੍࡞ձࣾ w3FBDU w7VFKT w"OHVMBS to-R w(BUTCZ+4 w/VYUKT w'JSFCBTF

  7. גࣜձࣾτΡʔΞʔϧ ೥݄೔ प೥

  8. ࠓ·Ͱ࡞͖ͬͯͨ41"αΠτͷ਺  ˞443ɺ+BNTUBDLؚΉ

  9. ࠓ·Ͱ࡞͖ͬͯͨ41"αΠτͷ਺ λΠτϧ K2VFSZ  (BUTCZ+4  "OHVMBS  /VYU 

    7VFKT  3FBDU 

  10. ͞·͟·ͳϓϩδΣΫτΛ ܦݧ͖ͯ͠·ͨ͠ ˞͜Ε͔Β͓࿩͢Δ͜ͱ͸ಛఆͷϓϩδΣΫτͷ͓࿩Ͱ͸ͳ͘Α͋͘Δ܏޲Ͱ͢ɻ

  11. ϓϩδΣΫτͷपظ Πχγϟϧ։ൃ ϦϦʔε ӡ༻ϑΣʔζ

  12. Πχγϟϧ։ൃ

  13. Πχγϟϧ։ൃ Կ͕ԿͰ΋ϦϦʔε

  14. ӡ༻ϑΣʔζ

  15. ӡ༻ϑΣʔζ w ΞδϟΠϧ w εϓϦϯτ w εΫϥϜ

  16. ϓϩδΣΫτͷपظ Πχγϟϧ։ൃ ϦϦʔε ӡ༻ϑΣʔζ

  17. ਓһͷपظ ໿ʙ೥

  18. ΤϯδχΞ͕ࣙΊ͍ͯ͘ཧ༝ w গͮͭ͠ഁ୼͍ͯ͘͠γεςϜʹετϨε w ϝϯόʔͷεΩϧײ΍Թ౓ײʹετϨε w ϏδωεαΠυͱͷ֬ࣥ

  19. ΤϯδχΞ͕ࣙΊ͍ͯ͘ཧ༝ w গͮͭ͠ഁ୼͍ͯ͘͠γεςϜʹετϨε w ϝϯόʔͷεΩϧײ΍Թ౓ײʹετϨε w ϏδωεαΠυͱͷ֬ࣥ w ๞͖ͨ w

    ৽͍͜͠ͱ͕͍ͨ͠

  20. ৽ϝϯόʔͷۤ೰ w ϏδωευϝΠϯͷཧղʹ͕͔͔࣌ؒΔ w จॻԽ͞Ε͍ͯͳ͍࢓༷ʹ͍ͭͯͷෆຬ w طଘͷγεςϜʹ͍ͭͯͷෆຬ w ϑϧϦϓϨʔεͷఏҊ

  21. ϓϩδΣΫτ͸ਓʹґଘ͍ͯͯ͠ ਓ͸ྲྀಈతͰ͋Δ

  22. ࠞಱͱͨ͠ϓϩδΣΫτ։ൃͰ ࠷దͳٕज़બఆͱ͸ʁ

  23. ͦ΋ͦ΋41"Ͱ࡞Δඞཁ͕͋Δͷ͔ʁ

  24. 8FCαΠτΛߏ੒͢ΔγεςϜ w ੩తαΠτ w αʔόαΠυγεςϜ w $.4 w 41"ɺ443ɺ+BNTUBDL

  25. %9 EFWFMPQFSFYQFSJNFOU

  26. %9͕ߴ͘ͳ͚Ε͹ ΤϯδχΞͷఆண཰͕Լ͕Γ ٻਓ΋೉͍͠

  27. %9͕ߴ͍ͱ ࠾༻Ͱ͖Δਓһʹߴ͍εΩϧ͕ٻΊΒΕΔ

  28. 8FCαʔϏεͷ։ൃʹ͓͍ͯ σϑΝΫλελϯμʔυʹͳͬͨ

  29. ϓϩδΣΫτͷपظ Πχγϟϧ։ൃ ϦϦʔε ӡ༻ϑΣʔζ

  30. %9ΛߴΊ ϓϩδΣΫτʹடংΛ΋ͨΒ͠
 ಋೖোน͕௿͍΋ͷ͸ੵۃతʹ࠾༻͢΂͖

  31. ߴ͍ٕज़ελοΫ͕ཁٻ͞ΕΔ΋ͷ͸
 ͲͷΑ͏ʹӡ༻͢Δ͔Ͱ ٕज़ͷ೉౓Λௐ੔͠Α͏

  32. ΋͏গ͠۩ମྫʹམͱ͠ࠐΜͰΈ·͠ΐ͏

  33. -JOU &4-JOU 4UZMF-JOU

  34. 'PSNBUUFS 1SFUUJFS

  35. +BWB4DSJQUτϥϯύΠϥʔ #BCFM 5ZQF4DSJQU

  36. 41"ϑϨʔϜϫʔΫ 3FBDU 7VFKT "OHVMBS

  37. ೉қ౓

  38. Ҋ݅਺

  39. ελςΟοΫαΠτδΣωϨʔλʔ /VYUKT /FYUKT (BUTCZ+4 UZ

  40. 41"͡Όͳ͍αΠτͰ͸ʁ

  41. K2VFSZ 7VFKT

  42. ࠷ޙʹએ఻ +BWB4DSJQUͱ7VFKTֶ͕΂Δೖ໳ॻ͕ य़ࠒग़൛͞Ε·͢ Coming soon

  43. ·ͱΊ K2VFSZ࠷ߴ

  44. 5IBOL:PV https://twitter.com/KazumaNishihata