Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
MESHと腹筋ローラーで 進捗をビルドする
Search
8845musign
November 29, 2017
Technology
0
250
MESHと腹筋ローラーで 進捗をビルドする
まかないてっく with POL 〜フロントエンド〜で発表したスライドです。
8845musign
November 29, 2017
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
1
1.2k
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
270
業務システムに必要なアクセシビリティ
8845musign
1
1.1k
業務システム狂詩曲
8845musign
4
2.1k
READING The Atomic Workflow
8845musign
3
730
いまさら styled components 入門した
8845musign
3
930
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.8k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2.1k
感性デザインとは?
8845musign
4
1.9k
Other Decks in Technology
See All in Technology
pmconf 2025 大阪「生成AI時代に未来を切り開くためのプロダクト戦略:圧倒的生産性を実現するためのプロダクトサイクロン」 / The Product Cyclone for the Outstanding Productivity
yamamuteki
1
490
現地速報!Microsoft Ignite 2025 M365 Copilotアップデートレポート
kasada
1
1.3k
手を動かしながら学ぶデータモデリング - 論理設計から物理設計まで / Data modeling
soudai
PRO
24
6.1k
旧から新へ: 大規模ウェブクローラの Perl から Go への移行 / YAPC::Fukuoka 2025
motemen
3
1.1k
Rubyist入門: The Way to The Timeless Way of Programming
snoozer05
PRO
7
520
明日から真似してOk!NOT A HOTELで実践している入社手続きの自動化
nkajihara
1
850
ECS組み込みのBlue/Greenデプロイを動かしてELB側の動きを観察してみる
yuki_ink
1
130
[mercari GEARS 2025] Building Foundation for Mercari’s Global Expansion
mercari
PRO
1
150
ABEJA FIRST GUIDE for Software Engineers
abeja
0
3.2k
【M3】攻めのセキュリティの実践!プロアクティブなセキュリティ対策の実践事例
axelmizu
0
170
その意思決定、まだ続けるんですか? ~痛みを超えて未来を作る、AI時代の撤退とピボットの技術~
applism118
0
480
AI時代の戦略的アーキテクチャ 〜Adaptable AI をアーキテクチャで実現する〜 / Enabling Adaptable AI Through Strategic Architecture
bitkey
PRO
8
3.1k
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
28
2.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Agile that works and the tools we love
rasmusluckow
331
21k
For a Future-Friendly Web
brad_frost
180
10k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Transcript
.&4)ͱෲےϩʔϥʔͰ ਐΛϏϧυ͢Δ
ෲےϩʔϥʔͷྗ Λ৴͡Ζ ࣗݾհ UXJUUFS!NVTJHO
ਐͲ͏Ͱ͔͢
ਐμϝͰ͢ɻ
ਐΛ·ͣఆٛ͢Δ
w ༏लͳIVNBO͕ੜ࢈͍ͯ͠ΔΒ͍͠ w ਐḿͱࣗΒ࡞ΔͷͰ͋Δ w ϦʔμʔΛ੩Խ͢ΔढจͰ͋Δ w ਐḿΛ༧ଌ͢Δ͜ͱ͍͠
w ༏लͳIVNBO͕ੜ࢈͍ͯ͠ΔΒ͍͠ w ਐḿͱࣗΒ࡞ΔͷͰ͋Δ w ϦʔμʔΛ੩Խ͢ΔढจͰ͋Δ w ਐḿΛ༧ଌ͢Δ͜ͱ͍͠ w ·΅Ζ͠Ͱ͋Δ
ͳͥਐ πνϊίͳͷ͔ʁ ˡ͜ΕऄͰ͢
ࡢಥ؏Ͱ࡞ͬͨਐḿϚτϦΫε ମͷർΕ ਭෆ ࿈ͷΠΧ πΠολʔͱ·Βͳ͍ 5͞Μͷࡶஊ͕͍ ے͕ڧ͍ ίʔυॻ͔͠Ίʹ ͍Βͳ͍ ेͳਭ
༑ୡ͕͍ͳ͍ ֎త ཁҼ తཁҼ ਐ ਐ
ࡢಥ؏Ͱ࡞ͬͨਐḿϚτϦΫε ମͷർΕ ਭෆ ࿈ͷΠΧ πΠολʔͱ·Βͳ͍ 5͞Μͷࡶஊ͕͍ ے͕ڧ͍ ίʔυॻ͔͠Ίʹ ͍Βͳ͍ ेͳਭ
༑ୡ͕͍ͳ͍ ֎త ཁҼ తཁҼ ਐ ਐ Ξτκʔϯ Ξτκʔϯ
ࡢಥ؏Ͱ࡞ͬͨਐḿϚτϦΫε ମͷർΕ ਭෆ ࿈ͷΠΧ πΠολʔͱ·Βͳ͍ 5͞Μͷࡶஊ͕͍ ے͕ڧ͍ ίʔυॻ͔͠Ίʹ ͍Βͳ͍ ेͳਭ
༑ୡ͕͍ͳ͍ ֎త ཁҼ తཁҼ ਐ ਐ πνϊίκʔϯ
ϚτϦΫε͔Βಋ͖ग़ ͞Εͨ།Ұͷղܾࡦ ˞αϯϓϦϯά̍ʢ΅͘ʣ
5XJUUFSͷഉੱ ✕ ے
ෲےϩʔϥʔ ✕ πΠολʔ
ຊฮॳެ։
ੈքॳ ˞΅͘͠Β
ϑ Ο δΧϧ ˞΅͘͠Β
5XJUUFS ˞΅͘͠Β
$MJFOU ˞΅͘͠Β
58&&5 ˞΅͘͠Β 30--&3
ര ˞΅͘͠Β
%&.0
ϫϩλ Ұͭʹ
ཱͪ ί ϩ ˞΅͘͠Β ̍̌ճ
Ξϗ͔
ےτϨίϛϡχςΟͱ ͷ࿈ಈ
ˌϑϩϯτΤϯυΏΔ ;ΘےτϨ෦
ωοτ্ͷΈΜͳ͕ ϩʔϥʔΛస͕ͤస͕͢ ΄Ͳগͳ͍ճͰπΠʔτ Ͱ͖Δ
5XFFU োน খ͘͞ ͓Εϩʔϥʔͯ͠Δͧ ӡಈΤωϧΪʔ ѹྗ ΈΜͳϩʔϥʔ͠ ͯͳ͍͔Βճ͠ ͳ͖Ό
ےτϨͷΤίγεςϜ
ےτϨͷΤίγεςϜ ྭΈ ྭΈ ෛՙ
ےτϨͷΤίγεςϜ ϓϨογϟʔ ಌΕ ஶ͍͠
ےτϨͷΤίγεςϜ ͋ͤΓ ஶ͍͠ ؒײ ͨ͠ਓ
ےτϨͷԁ
͍ͮΒ͞
69ͷ্
ٕज़આ໌
5XJUUFS )FSPLV 5XFFU3PMMFS .&4) ෲےϩʔϥʔ
.&4) w *PUϞδϡʔϧ ਓײɺಈ͖ɺ໌Δ͞ɺԹ࣪FUDʜ w (6*ͰάϥϑΟΧϧʹॻ͘ػثͷଓಈ͖Λ࡞ͬͬͯ ͍͚Δ w 4%,ఏڙ͞Ε͓ͯΓɺ+BWB4DSJQUͰಈ͖ΛఆٛՄೳ w
ࠓճਓײηϯαΛར༻
.&4) w *PUϞδϡʔϧ ਓײɺಈ͖ɺ໌Δ͞ɺԹ࣪FUDʜ w (6*ͰάϥϑΟΧϧʹॻ͘ػثͷଓಈ͖Λ࡞ͬͬͯ ͍͚Δ w 4%,ఏڙ͞Ε͓ͯΓɺ+BWB4DSJQUͰಈ͖ΛఆٛՄೳ w
ࠓճਓײηϯαΛར༻
IUUQNFTIQSKDPNKQ
ajax({ url : 'https://hogehoge/pomp', type : 'get', success : function
(data, dataType) { log('get success'); }, error : function (XMLHttpRequest, textStatus, errorThrown) { log('get error'); } });
5XJUUFS )FSPLV 5XFFU3PMMFS .&4) ෲےϩʔϥʔ
)FSPLV 5XFFU3PMMFS TPDLFUJP
BQQHFU QPNQ SFR SFT \ DPOTPMFMPH QPNQ JPFNJU
QPNQ SFTTFOE QPNQ ^ IUUQMJTUFO 1035 \ DPOTPMFMPH AMJTUFOJOHPO \1035^A ^
5XFFU3PMMFS w &MFDUSPOͰ͔͍ͨ w ࡶʹͭ͘ΔͳΒ8FCॻ͘ͷͱมΘΓͳ͠ w Ϗϧυڥ࡞Δ΄͏͕ͭΒ͔ͬͨ w ͍ͭͰʹ.BUFSJBM6*WFSͰ6*ࡌͤͨ w
3FQBUDIͰΏΔ;Θ'MVY
5XJUUFS w ͝ͱʹ"1*ίʔϧ੍ݶ͕͋Δ w ։ൃͰୟ͖͗͢Δͱ5XJUUFSݟΕͳ͘ͳͬͯযͬͨ
)VFͭͳ͛Δ༧ఆͰ͍ͨ͠ w ฐͷ͓෩࿊Ͱ׆༂͢Δ)VFͷ༷ࢠ
·ͱΊ w ਐग़͖ͨ͠Ό5XJUUFSΊΖ w ͍͍͔ΒෲےϩʔϥʔͷྗΛ৴͡Ζ ࠲Γࣄମ͕ऑΔ w 5XJUUFSΫϥΠΞϯτ࡞Δͷͨͷ͍͠ w ͍ͭ͏ࣗͰ͏πʔϧΛࣗ࡞͢ΔͷϞνϕ
্͕͕ͬͯྑ͍Ͱ͢
˞ےτϨແཧͤͣ
ࠂ
ϑϩϯτΤϯυ ΏΔ;ΘےτϨ.FFUQ ݄िʹ։࠵༧ఆʂʂ
(JUIVCͪ͜Β w IUUQTHJUIVCDPNNVTJHOUXFFU SPMMFSDMJFOU w IUUQTHJUIVCDPNNVTJHOUXFFU SPMMFSTFSWFS
͝੩ௌ͋Γ͕ͱ͏͟͝ ͍·ͨ͠ɻ