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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for abechiyo abechiyo
May 21, 2018
Programming
1
580

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

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

Avatar for abechiyo

abechiyo

May 21, 2018
Tweet

Other Decks in Programming

See All in Programming
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.4k
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
140
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
720
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
680
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
140
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
420
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
190
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270

Featured

See All Featured
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.4k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
690
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
830
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.8k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
740
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
180

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