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
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
CSC307 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
660
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
470
AI & Enginnering
Avatar for codelynx codelynx
0
120
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
200
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
290
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
190
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
220

Featured

See All Featured
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
220
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
56
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
220
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170

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