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

JavaScript祭り2018初夏。Bootstrap4のBuild toolを使ってみよう

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for abechiyo abechiyo
May 21, 2018
Programming
590
1

JavaScript祭り2018初夏。Bootstrap4のBuild toolを使ってみよう

JavaScript祭り2018初夏で使用したスライドです。

Avatar for abechiyo

abechiyo

May 21, 2018

Other Decks in Programming

See All in Programming
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
Avatar for dachi dachi023
0
6.2k
「つくるAI」だけではバグは見つからない　～テストに必要な「見つけるAI」を分離させる戦略～
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
110
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
1.1k
為什麼你並不需要ViewModel / No, you don't need a ViewModel
Avatar for Elvis Shi lovee
1
500
バグを直したら useEffect が消えた
Avatar for taki colorful12
3
660
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
Avatar for freee freee
PRO
0
440
「寝てても仕事が進む」Claude Codeで組む第二の脳
Avatar for t-fujita24 tomoyafujita2016
0
340
jsmini JavaScript Engine を作ってみた話
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
0
340
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
Avatar for endo shiki shiki_kakaku
0
1.9k
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
Avatar for rick rick_ds
0
670
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
160
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
Avatar for Kanaru kanaru0928
0
230

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
1
34k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
440
Between Models and Reality
Avatar for mayunak mayunak
4
400
Scaling GitHub
Avatar for Zach Holman holman
464
140k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
490
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
430
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k

Transcript

  1. #PPUTUSBQͷ#VJMEUPPMΛ࢖ͬͯΈΑ͏ ,%%*΢Σϒίϛϡχέʔγϣϯζ Ѩ෦ਖ਼޾  +BWB4DSJQUࡇΓ

  2. Ѩ෦ਖ਼޾ʢ͋΂·͞Ώ͖ʣ ,%%*΢ΣϒίϛϡχέʔγϣϯζΤόϯδΣϦετ "$&4NBSU3FMFBTFϓϩδΣΫτϚωʔδϟʔ $1*ελοϑϒϩάฤू௕

  3. •  8FCͷߴ଎Խ •  αʔόʔߏஙɾӡ༻ •  ϔουϨε •  Ωϟογϡ •  εϚʔτεϐʔΧʔ

    •  ॻ੶ϒϩάࣥච •  ৯΂า͖ ࠷ۙͷ࢓ࣄͱɺڵຯ͕͋Δ͜ͱ
  4. None
  5. None
  6. None

  7. ߴوͳΤϯδχΞͷօ༷ʹ#PPUTUSBQΛ঺հ ͢Δͷ͸ɺେม೜ͼͳ͍Ͱ͕͢ɺͻͱ·ͣฉ͍ͯ ͍ͩ͘͞ɻ ʮ#PPUTUSBQʯͷ#VJMEUPPMΛࢀߟʹɺ ։ൃ؀ڥઃܭࢥ૝Λߟ࡯ͯ͠Έ·͠ΐ͏ɻ ௠ँ

  8. None
  9. None

  10. ੈքͰͷαΠτʹ࢖ΘΕ͓ͯΓɺ ϑϩϯτΤϯυϑϨʔϜϫʔΫͷதͰ̍Ґ ʢ໿αΠτʹαΠτ͕#PPUTUSBQʣ

  11. #PPUTUSBQͭͷར༻ํ๏ ɾ$%/ खܰ ɾ$PNQJMFE$44BOE+4 ࣗࣾͷαʔόʔʹઃஔͰ͖Δ ɾ4PVSDF'JMFʢࠓճ঺հ͢Δ΋ͷʣ ࣗࣾ༻ʹΧελϚΠζͯ͠ӡ༻͢Δ৔߹

  12. $PNQJMFE$44BOE+4

  13. 4PVSDF'JMF൛ 4$44ฤू΍ɺ+BWB4DSJQUͷ௥ՃɾվमͳͲɺࣗࣾ༻ʹ ΧελϚΠζͯ͠࢖༻͢Δ৔߹ 4PVSDF'JMF൛ͷར༻͸#VJEUPPM͕ඞཁ

  14. #VJMEUPPM .BD༻υΩϡϝϯτ IUUQTHFUCPPUTUSBQDPNEPDTHFUUJOHTUBSUFE CVJMEUPPMTUPPMJOHTFUVQ 8JOEPXT༻υΩϡϝϯτ IUUQTKFLZMMSCDPNEPDTXJOEPXT

  15. #VJMEUPPM ্ه͕σϑΥͰಈ࡞͢Δ͕ɺެࣜͷ#VJEUPPMͰ͸ͳ͘ɺ (VMQ౳Ͱ4BTTΛม׵ͯ͠΋ྑ͍ ɾ$44ͷίϯύΠϧʢOPEFTBTTʣ ɾ$44ͷߏจνΣοΫʢTUZMFMJOUʣ ɾ$44ϕϯμʔϓϨϑΟοΫεʢQPTUDTTʣ ɾ$44NJOJGZʢDMFBODTTʣ ɾ+BWB4DSJQUίϯύΠϧʢ#BCFMʣ ɾ+BWB4DSJQUNJOJGZʢ6HMJGZ+4ʣ ɾ+BWB4DSJQUίʔυͷνΣοΫʢ&4MJOUʣ

  16. #VJMEUPPMηοτΞοϓ   OQNΛ࢖͏ͷͰɺ/PEFKTΛΠϯετʔϧ   CPPUTUSBQσΟϨΫτϦʹ4PVSDF'JMFΛઃஔ   QBDLBHFKTPOΛ͠ɺʮOQNJOTUBMMʯ IUUQTHJUIVCDPNUXCTCPPUTUSBQCMPCWQBDLBHFKTPO   #VOEMFSΛΠϯετʔϧʢHFNͷར༻͸3VCZ͕ඞཁʣ

    HFNJOTUBMMCVOEMFS   #VOEMFSͷΠϯετʔϧޙԼهίϚϯυΛ࣮ߦ CVOEMFJOTUBMM

  17. #VJMEUPPMηοτΞοϓ   OQNΛ࢖͏ͷͰɺ/PEFKTΛΠϯετʔϧ   CPPUTUSBQσΟϨΫτϦʹ4PVSDF'JMFΛઃஔ   QBDLBHFKTPOΛ͠ɺʮOQNJOTUBMMʯ IUUQTHJUIVCDPNUXCTCPPUTUSBQCMPCWQBDLBHFKTPO   #VOEMFSΛΠϯετʔϧʢHFNͷར༻͸3VCZ͕ඞཁʣ

    HFNJOTUBMMCVOEMFS   #VOEMFSͷΠϯετʔϧޙԼهίϚϯυΛ࣮ߦ CVOEMFJOTUBMM

  18. σΟϨΫτϦߏ੒ CPPUTUSBQ ᵓᴷᴷEJTUʢίϯύΠϧ͞ΕͨϑΝΠϧ͕֨ೲʣ ᴹᵓᴷᴷDTT ᴹᵋᴷᴷKT ᵓᴷᴷEPDT ᴹᵋᴷᴷFYBNQMFT ᵓᴷᴷKTʢίϯύΠϧલͷKTʣ ᵋᴷᴷTDTTʢ4$44ϑΝΠϧʣ

  19. &4MJOU +BWB4DSJQUͷίʔυνΣοΫπʔϧ ਓʹΑͬͯॻ͖ํͷบͷҧ͍Λਖ਼ͨ͠Γɺ ໌Β͔ͳϛε΍ɺΤϥʔͷજࡏతύλʔϯʹܯࠂΛग़͢ɻ ඼࣭޲্ɺ࣌ؒઅ໿͕ظ଴Ͱ͖Δπʔϧɻ ͜ΜͳίʔυΛ௥Ճ͠Α͏΋ͷͳΒɾɾɾ

  20. ϋνϟϝνϟౖΒΕΔ Чʆ 

  21. ϋνϟϝνϟౖΒΕΔ Чʆ  ޮ཰ԽͷͨΊʹಋೖͨ͠ͷʹɺ ηϛίϩϯແ͍͚ͩͰౖΒΕΔɾɾɾ ͢͜ʔ͚ͩ͠ϧʔϧ؇ͯ͘͠΋Β͑ͳ͍Ͱ͠ΐ͏͔

  22. &4MJOUͷϧʔϧΛΧελϚΠζ +BWB4DSJQUͷίʔυνΣοΫπʔϧ υΩϡϝϯτ ɹίϯϑΟά ɹIUUQTFTMJOUPSHEPDTVTFSHVJEFDPOpHVSJOH ɹϧʔϧ ɹIUUQTFTMJOUPSHEPDTSVMFT ΧελϚΠζ ɹϑΝΠϧ ɹKTFTMJOUSDKTPO

  23. None
  24. None

  25. &4MJOUͷϧʔϧΛΧελϚΠζ ྫɿηϛίϩϯͷೖྗΛڐՄ͍ͨ͠৔߹ ɹTFNJ<FSSPS OFWFS>TFNJP⒎z ɹBMXBZTৗʹηϛίϩϯΛ࢖༻ ɹOFWFSηϛίϩϯΛ࢖Θͳ͍ ɹFSSPSΤϥʔͱͯ͠ॲཧΛதࢭ ɹXBSOܯࠂΛग़ͯ͠ॲཧΛ࣮ߦ

  26. 4$44 ޮ཰Α͘ελΠϧ͕มߋͰ͖Δ શମͷ৭ຯΛมߋͨ͠Γɺશମతͳ༨നΛมߋͨ͠Γɺ Ϙʔμʔͷؙ֯Λ΍ΊͨΓɺϒϨΠΫϙΠϯτม͑ͨΓɺ ·ʔ͍͍ͩͨԿͰ΋Ͱ͖·͢ɻ υΩϡϝϯτɿ IUUQTHFUCPPUTUSBQDPNEPDTHFUUJOHTUBSUFEUIFNJOH

  27. 4$44มߋͷجຊϧʔϧ   TDTTDPVTUPNTDTTΛ࡞੒   @WBSJBCMFTTDTT͔Βมߋ͍ͨ͠ίʔυΛίϐʔ   DPVTUPNTDTTʹϖʔετ͠ɺEFGBVMUΛ࡟আ͢Δ CMVFC⒎EFGBVMU@WBSJBCMFTTDTTίϐʔ CMVF⒎EDPVTUPNTDTTʹ௥ه ྫCMVFͷ৭Λมߋ

  28. 4$44ͷ൓ө   CPPUTUSBQDTTʹ൓ө͢Δ৔߹ CPPUTUSBQTDTTʹԼهΛ௥ه !JNQPSUDPVTUPNz   DPVTUPNDTTΛ৽ͨʹ࡞੒͢Δ৔߹ QBDLBHFKTPOʹ௥ه OPEFTBTTPVUQVUTUZMFFYQBOEFETPVSDFNBQUSVF TPVSDFNBQDPOUFOUTUSVFQSFDJTJPOTDTTDPVTUPNTDTT

    EJTUDTTDPVTUPNDTTz   DPVTUPNTDTTʹ֟Λ௥ه !JNQPSUOPEF@NPEVMFTCPPUTUSBQTDTTCPPUTUSBQ

  29. ͋Γ͕ͱ͏͍͟͝·ͨ͠ *%ɿDIJZPBCF Ѩ෦ਖ਼޾ DQJMJOF