Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
New Order in Cascade Sorting Order
Search
mugi / Hajime Mugishima
August 24, 2024
Programming
4.4k
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
New Order in Cascade Sorting Order
2024/8/24(土) フロントエンドカンファレンス北海道
mugi / Hajime Mugishima
August 24, 2024
More Decks by mugi / Hajime Mugishima
See All by mugi / Hajime Mugishima
AIと乗り切った1,500ページ超のヘルプサイト基盤刷新とさらにその先の話
mugi_uno
2
490
サイボウズフロントエンドの活動から考える探究と発信
mugi_uno
1
190
フロントエンドエキスパートチームの解散は 「いい話」なのか?
mugi_uno
8
2.5k
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
2.2k
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
14
7.3k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.4k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
40
26k
コロナ禍 Frontend おさらい
mugi_uno
1
500
Toyama.rb
mugi_uno
1
240
Other Decks in Programming
See All in Programming
wkhtmltopdfの次どうするか問題2026
willnet
2
1.8k
TiDB Cloudのカスタムコントローラーによるオートスケール対応
takaidohigasi
0
140
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
bash0c7
0
470
なぜCTOを降りてFDEを選んだのか?〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
gonta
1
120
技術的負債の返済は、AI時代の複利で効く投資 — 経営としての意思決定とその遂行
curekoshimizu
1
2.1k
Verilogで学ぶCPU自作入門.pdf
uyuki234
7
3.9k
Intent as Code
shoppingjaws
6
1.1k
SREの越境 / SRE Collaboration
y0hgi
2
290
ソニーのクラウド共通基盤の変遷とAI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
kenjiyoneyama
0
220
WebRTC映像をAirPlayに対応させる挑戦.pdf
monolithic_adam
0
330
setup-vp GitLab対応の裏側
naokihaba
0
150
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
neuecc
5
4.8k
Featured
See All Featured
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.1k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
320
The SEO identity crisis: Don't let AI make you average
varn
0
570
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
440
ラッコキーワード サービス紹介資料
rakko
1
5.1M
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
430
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.3k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
340
Building Flexible Design Systems
yeseniaperezcruz
330
41k
RailsConf 2023
tenderlove
30
1.6k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
58k
Scaling GitHub
holman
464
140k
Transcript
/FX0SEFSJO$BTDBEF4PSUJOH0SEFS ϑϩϯτΤϯυΧϯϑΝϨϯεւಓ )BKJNF.VHJTIJNB$ZCP[V*OD
!NVHJ@VOP )BKJNF.VHJTIJNB $ZCP[V*OD 'SPOUFOE&YQFSU5FBN
$BTDBEF4PSUJOH0SEFSͱ
$BTDBEF4PSUJOH0SEFS w $BTDBEFʹؔ͢Δ༷ɺ $44$BTDBEJOHBOE*OIFSJUBODFʹఆٛ͞Ε͍ͯΔ ݱࡏͷקࠂ-FWFM IUUQTXXXXPSH53DTTDBTDBEF w ͦͷதͰɺద༻͞ΕΔ༏ઌॱҐʹؔ͢Δ༷͕ $BTDBEF4PSUJOH0SEFSͱͯ͠ఆٛ͞Ε͍ͯΔ
͜Μͳײ͡ͷཧղͰʁͱ͍͏Πϝʔδ
ৄࡉ w $44ηϨΫλৄࡉͰ༏ઌॱҐ͕ܾ·Δ w ηϨΫλ*%ˠΫϥεˠཁૉͷॱʹ༏ઌ͞ΕΔ w ৄࡉ͕ಉ͡߹ɺ࠷ޙʹએݴ͞Εͨͷ͕উͭ
TUZMFଐੑ w TUZMFଐੑͰཁૉʹελΠϧΛࢦఆͰ͖Δ w ৄࡉͰͷελΠϧΑΓ༏ઌ͞ΕΔ
JNQPSUBOU w JNQPSUBOUΛ͑ࡉ͔͍͜ͱແࢹͯ͠࠷ڧʹͳΕΔ w ୭͕͠Ͳ͔͜Ͱʮؾܰʹ͏ͳʯͱݴΘΕͨΑ͏ͳؾ͕͢Δ
͜͜·ͰͬͯΔʂ
༷Λ۷ΓԼ͛Δͱ Βͳ͍෦͕͋ͬͨΓ͢Δ
͞Βʹɺ$BTDBEF4PSUJOH0SEFSʹ ؔ࿈͢Δ༷૿͍͑ͯΔ
ͨͱ͑ʜ w JNQPSUBOUͰ্ॻ͖Ͱ͖ͳ͍ελΠϧଘࡏ͢Δʁ w $BTDBEF-BZFSTͱ4DPQFE4UZMFͲͪΒ͕༏ઌ͞ΕΔʁ w 4UZMFଐੑͱ$BTDBEF-BZFSTɺͲͪΒ͕༏ઌ͞ΕΔʁ w $BTDBEF-BZFSTͷԼҐϨΠϠͰJNQPSUBOUΛ͏ͱͲ͏ͳΔʁ w
ৄࡉ͕ಉ͡߹ɺ4DPQFE4UZMFͲ͏ద༻͞ΕΔʁ
$BTDBEF4PSUJOH0SEFSΛ࠶ֶश͠Α͏ʂ
ैདྷͷ$BTDBEF4PSUJOH0SEFSͷ͓͞Β͍
$BTDBEF4PSUJOH0SEFS $44$BTDBEJOHBOE*OIFSJUBODF-FWFM 0SJHJOBOE*NQPSUBODF $POUFYU 4QFDJ fi DJUZ
0SEFSPG"QQFBSBODF
0SJHJOBOE*NQPSUBODF w 0SJHJOˠ$44ͷىݯఆٛݩ w 6TFS"HFOUϒϥβ͕࣋ͭ$44 w 6TFSϢʔβʔελΠϧγʔτ ˢΑΓ༏ઌʣ w "VUIPSϖʔδఏڙͷ$44
ˢΑΓ༏ઌʣ w *NQPSUBODFˠJNQPSUBOU༩ͷ༗ແ w JNQPSUBOU͕ڧ͍ͷɺ0SJHJOBOE*NQPSUBODF͕ $BTDBEF4PSUJOH0SEFSͷઌ಄ʹଘࡏ͍ͯ͠ΔͨΊ
0SJHJOBOE*NQPSUBODF w JNQPSUBOU0SJHJOʹӨڹΛड͚Δ w *NQPSUBOU6TFS"HFOUϒϥβ͕࣋ͭ$44ʢˣΑΓ༏ઌʣ w *NQPSUBOU6TFSϢʔβʔελΠϧγʔτʢˣΑΓ༏ઌʣ w *NQPSUBOU"VUIPSϖʔδఏڙͷ$44 w
࣮ɺϒϥβ͕࣋ͭJNQPSUBOU༩ͷελΠϧ্ॻ͖Ͱ͖ͳ͍
$POUFYU w 4IBEPX%0.ͷએݴৄࡉΑΓ༏ઌ͞ΕΔ
$POUFYU w IPTU ٖࣅΫϥεͰ෦͔Β4IBEPX)PTUελΠϧʹׯবͰ͖Δ ˠ௨ৗ֎෦Ͱͷએݴ͕༏ઌ͞ΕΔ ௨ৗˠ֎෦ελΠϧ͕༏ઌ
$POUFYU w IPTU ͱJNQPSUBOUΛΈ߹ΘͤΔͱ༏ઌॱҐ͕ٯస ˠ4IBEPX%0.֎෦͔Β্ॻ͖ෆՄʹͳΔ JNQPSUBOUʹΑΓٯస͢Δ
4QFDJGJDJUZ w $44ৄࡉ ৄࡉࣗମͷઆ໌ׂѪ͠·͢ʣ w -FWFMͷ߹ɺTUZMFBUUSJCVUFʹ͍ͭͯ͜͜Ͱݴٴ͞Ε͍ͯΔ IUUQTXXXXPSH53DTTDBTDBEFDBTDBEFTQFDJ fi DJUZ %FFQ-༁
͜ͷεςοϓͰɺελΠϧɾϧʔϧʹଐ͞ͳ͍એݴʢελΠϧଐੑͷ༰ͳͲʣɺ ͲͷηϨΫλΑΓߴ͍ಛҟੑΛ࣋ͭͱݟͳ͞Ε·͢ɻ
4QFDJGJDJUZ w ༨ஊXIFSF ٖࣅΫϥε w ࢦఆ͞ΕͨηϨΫλͷৄࡉڧ੍తʹʹͳΔ w ༏ઌॱҐͷ੍ޚʹ͓͍ͯॏཁͳͷͰ͓͑ͯ͘ͱྑ͍ ৄࡉ
0SEFSPG"QQFBSBODF w ͜͜·Ͱͷͯ͢Ͱ֬ఆ͠ͳ͔ͬͨ߹ɺ ࠷ޙʹએݴ͞Εͨͷ͕উͭ
$44$BTDBEJOHBOE*OIFSJUBODF -FWFMˠ-FWFM ˞&EJUPST%SBGU
0SJHJOBOE*NQPSUBODF $POUFYU 5IF4UZMF"UUSJCVUF -BZFST 4QFDJ
fi DJUZ 4DPQF1SPYJNJUZ 0SEFSPG"QQFBSBODF $BTDBEF4PSUJOH0SEFS $44$BTDBEJOHBOE*OIFSJUBODF-FWFM
-BZFST5IF4UZMF"UUSJCVUF
$BTDBEF-BZFST!MBZFS w 0SJHJO͓Αͼ$POUFYUͷதͰϨΠϠʔ ֊ Λ࡞ΕΔ w ΑΓޙͰએݴ͞ΕͨϨΠϠʔͷελΠϧ͕༏ઌ͞ΕΔ w Ϟμϯϒϥβͷ࠷৽҆ఆ൛Ͱ͋Εར༻Մೳ #BTFMJOF
҉ͷ-BZFS w ໌ࣔతʹ-BZFSʹؚΊ͍ͯͳ͍ελΠϧ ैདྷͷελΠϧ ɺ҉తʹଘࡏ͢Δ࠷ऴϨΠϠʔʹՃ͞ΕΔ w -BZFSΛར༻͍ͯ͠ͳ͍ελΠϧɺར༻͍ͯ͠ΔελΠϧΑΓڧ͍
4UZMF"UUSJCVUFͱ$BTDBEF-BZFST w TUZMFଐੑʹΑΔࢦఆϨΠϠʔͷελΠϧΑΓ༏ઌ͞ΕΔ w $BTDBEF4PSUJOH0SEFS্ͰTUZMFଐੑ 5IF4UZMF"UUSJCVUFͱͯ͠ѻΘΕΔΑ͏ʹͳΓɺ 4UZMF"UUSJCVUFˠ$BTDBEF-BZFSTˠ4QFDJ fi DJUZͷॱং͕໌֬ʹ
$BTDBEF-BZFSTͱJNQPSUBOU w JNQPSUBOU·͓ͨલ͔ w JNQPSUBOU͕༩͞Ε͍ͯΔએݴ-BZFSͷ༏ઌ͕ٯస͢Δ ઌʹએݴ͞Εͨ -BZFSͷελΠϧ͕༏ઌ
$BTDBEF-BZFSTͱJNQPSUBOU w JNQPSUBOU·͓ͨલ͔ w JNQPSUBOU͕༩͞Ε͍ͯΔએݴ-BZFSͷ༏ઌ͕ٯస͢Δ ςετදࣔ༻λΠτϧ ҉ϨΠϠʔͳͷͰ উͯͳ͘ͳͬͪΌͬͨʜ
0SJHJOBOE*NQPSUBODF $POUFYU 5IF4UZMF"UUSJCVUF -BZFST 4QFDJ
fi DJUZ 4DPQF1SPYJNJUZ 0SEFSPG"QQFBSBODF TUZMFଐੑ JNQPSUBOU એݴ͕ઌͷϨΠϠʔ JNQPSUBOU એݴ͕ޙͷϨΠϠʔ JNQPSUBOU ҉ϨΠϠʔ JNQPSUBOU TUZMFଐੑ ҉ϨΠϠʔ એݴ͕ޙͷϨΠϠʔ એݴ͕ઌͷϨΠϠʔ $BTDBEF4PSUJOH0SEFS۷ΓԼ͛ͨΠϝʔδ
4DPQF1SPYJNJUZ
4DPQFE4UZMF!TDPQF w !TDPQFͰ4DPQFE4UZMFείʔϓ͖ελΠϧΛએݴͰ͖Δ w %0.πϦʔͷҰ෦ൣғʹݶఆͯ͠ελΠϧΛద༻͢Δ w ࣌Ͱ'JSFGPYҎ֎ͷ ࠷৽ϝδϟʔϒϥβͷ࠷৽όʔδϣϯͰར༻Մೳ QBSFOUԼͷΈ ελΠϧ͕༗ޮ
4DPQF1SPYJNJUZ!TDPQFͷۙੑ w ෳͷείʔϓ͕িಥͨ͠߹ɺ ΑΓείʔϓϧʔτʹ͍ۙελΠϧ͕༏ઌ͞ΕΔ w %0.πϦʔ্ͷϗοϓʢωετʣͰۙੑΛผ͢Δ
4DPQF1SPYJNJUZ!TDPQFͷۙੑ ϗοϓ ϗοϓ
4DPQF1SPYJNJUZ!TDPQFͷۙੑ ϗοϓ
ैདྷͷελΠϧͷ4DPQF1SPYJNJUZ w !TDPQFΛΘͣείʔϓϧʔτΛ࣋ͨͳ͍એݴͷ߹ɺ ۙੑΛஅ͢ΔͨΊͷϗοϓʿͱΈͳ͞ΕΔ w ͭ·Γɺඞͣ!TDPQFΛ͏ελΠϧ͕༏ઌ͞ΕΔʜʁ ϗοϓʿ ? ϗοϓ
0SJHJOBOE*NQPSUBODF $POUFYU 5IF4UZMF"UUSJCVUF -BZFST 4QFDJ
fi DJUZ 4DPQF1SPYJNJUZ 0SEFSPG"QQFBSBODF $BTDBEF4PSUJOH0SEFS $44$BTDBEJOHBOE*OIFSJUBODF-FWFM ༏ઌॱҐ ৄࡉˠείʔϓ
είʔϓͱৄࡉ w $BTDBEF4PSUJOH0SEFSʹ͓͚Δ είʔϓͷڧ͞ʹ͍ͭͯΒٞ͘͞Ε͍ͯͨ <DTTDBTDBEF>4USPOHWTXFBLTDPQJOHQSPYJNJUZ IUUQTHJUIVCDPNXDDTTXHESBGUTJTTVFT w ࠷ऴతʹɺείʔϓৄࡉΑΓऑ͍ʢXFBLTDPQJOHʣͰ߹ҙ͞Εͨ w
ৄࡉ͕ಉ͡߹ͷΈείʔϓΛ༻͍ͨൺֱ͕ߦΘΕΔ
είʔϓ͕ৄࡉΑΓڧ͍ͱԿ͕ʁ w طଘͷಈ࡞ͱͷޓੑ w είʔϓΛΘͳ͍ΦʔόϥΠυશʹෆՄೳͱͳΔ w ৄࡉͷ๊͍͑ͯͨΦʔόϥΠυ࣌ͷ͕ѱԽ͔͠Ͷͳ͍ w ৄࡉͷ՝ͷҰͭɺڧ͍ࢦఆʹϩοΫ͞Εͯ͠·͏͜ͱ JEʹউͭʹJE͕ඞཁʹͳΔ
w είʔϓ͕ৄࡉΑΓ༏ઌ͞ΕΔ߹ɺείʔϓͰϩοΫ͞ΕΔ w ΦʔόϥΠυͷॊೈੑৄࡉΑΓ͍ %0.πϦʔ্Ͱ͍ۙࢦఆʹ͠ͳ͚Ε͍͚ͳ͍
0SJHJOBOE*NQPSUBODF $POUFYU 5IF4UZMF"UUSJCVUF -BZFST 4QFDJ
fi DJUZ 4DPQF1SPYJNJUZ 0SEFSPG"QQFBSBODF $BTDBEF4PSUJOH0SEFS $44$BTDBEJOHBOE*OIFSJUBODF-FWFM ΑΓڧ͍ৄࡉͷࢦఆ ʙҎԼɺৄࡉ͕ಉ͡߹ʙ ۙੑͷߴ͍είʔϓࢦఆ ۙੑͷ͍είʔϓࢦఆ είʔϓࢦఆͷͳ͍ελΠϧ
·ͱΊ
? 2 $ISPNJVNͰ ϓϨʔεϗϧμͷ MJOFIFJHIUͷʁ QY QY
QY QY ͓͞Β͍
!MBZFSͰͷJNQPSUBOUࢦఆ ˠ҉ϨΠϠʔΑΓ༏ઌ͞ΕΔ ? ͓͞Β͍
ৄࡉ͕ಉ͡ ˠείʔϓۙͰఆ͞ΕΔ ? ͓͞Β͍
? ϗοϓʿ ϗοϓ ໌ࣔతͳ!TDPQF͕ είʔϓͷۙੑͰ༏ઌ͞ΕΔ ˣ QY ͓͞Β͍
͔͠͠ݱ࣮ඇͰ͋Δ ϓϨʔεϗϧμͷMJOFIFJHIU $ISPNJVNͷ6TFS"HFOU4UZMFͰ JNQPSUBOUࢦఆ͕ೖ͍ͬͯΔ ˣ "VUIPS4UZMFͰઈର্ॻ͖Ͱ͖ͳ͍ ͨ͑͜OPSNBM ϒϥβґଘ ͓͞Β͍
·ͱΊ w $BTDBEF4PSUJOH0SEFSʹؔ࿈͢Δ༷૿͍͑ͯΔ w ར༻͠ͳͯ͘ɺϥΠϒϥϦܦ༝Ͱ͏͜ͱ͋ΓಘΔ FH1BOEB$44Ͱ$BTDBEF-BZFSΛར༻͍ͯ͠Δ w ࣍ੈͷ$44։ൃʹඋ͓͖͑ͯ·͠ΐ͏ʂ w
ͳ͓ɺҾ͖ଓ͖JNQPSUBOU҆қʹ͏ͱةݥͰ͢
None