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
私と Vim / 20240426-niigata-5min-tech
Search
girigiribauer
April 26, 2024
2
160
私と Vim / 20240426-niigata-5min-tech
2024/04/26 Niigata5分Tech #7 で話した資料です
girigiribauer
April 26, 2024
Tweet
Share
More Decks by girigiribauer
See All by girigiribauer
『Bluesky 公式アカウント移行まとめ』のアップデートをした話 / 20241018-niigata-5min-tech
girigiribauer
0
79
コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech
girigiribauer
1
61
公共交通のオープンデータ事始め / 20240823-niigata-5min-tech
girigiribauer
0
71
がんばらない勉強会の続け方 / 20240426-niigata-5min-tech-omake
girigiribauer
1
540
初めての chrome extension で Plasmo 使ってみた / 20240329-niigata-5min-tech
girigiribauer
0
95
時間配分を常に意識するために、通知する仕組みを作った話 / 20220527-peacock-meets-up-01
girigiribauer
0
230
モーダルウィンドウを作るときは createPortal を選択肢に加えよう、という話 / 20200201-react-nagoya-learning
girigiribauer
0
100
コードフォーマッタを導入して プロジェクト内に平穏をもたらす話 / 20191025-v-okinawa
girigiribauer
0
160
TypeScript を活用してサービス構築頑張ってみた話 / 20190906_v-sendai_girigiribauer
girigiribauer
1
280
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Site-Speed That Sticks
csswizardry
4
400
Rails Girls Zürich Keynote
gr2m
94
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
How STYLIGHT went responsive
nonsquared
98
5.4k
Typedesign – Prime Four
hannesfritz
40
2.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Transcript
/JJHBUB5FDI ࢲͱ7JN HJSJHJSJCBVFS
7JNૉΒ͍͠ ҎԼ7Jͷ͜ͱΛࡶʹ7JNͱݺΜͩΓ͠·͕ྃ͢͝ঝ͍ͩ͘͞ w γϯϓϧͳֶɺઃܭ w ॊೈͳΧελϚΠζੑ w ΩʔόΠϯυͷΠϯλʔϑΣʔεԽ w ଞͰ7JNͷΩʔόΠϯυԡͯ͠ΈͨΒ૾௨Γಈ͍ͨ🙌
2
7JNૉΒ͍͠ ҎԼ7Jͷ͜ͱΛࡶʹ7JNͱݺΜͩΓ͠·͕ྃ͢͝ঝ͍ͩ͘͞ w γϯϓϧͳֶɺઃܭ w ॊೈͳΧελϚΠζੑ w ΩʔόΠϯυͷΠϯλʔϑΣʔεԽ w ଞͰ7JNͷΩʔόΠϯυԡͯ͠ΈͨΒ૾௨Γಈ͍ͨ🙌
w ͓ഽͷ͕ͭྑ͘ͳΔʢݸਓͷײͰ͢ʣ✨ w ײ্͕͢ΔʢݸਓͷײͰ͢ʣ🥰 3
ϓνΫΠζ͜ͷߦʹҠಈ͍ͨ͠ 4
ϚεΛۃྗΘͳ͍։ൃ w ʢલճϚεͷ͕ग़ͨखલɺڧ͘ݴ͍ͮΒ͍ɾɾɾʣ w ϚεʹຖճखΛ͍࣋ͬͯ͘ͷ࡞ۀޮ͕ѱ͍ 5
74$PEFʹ7JNΛऔΓೖΕΔํ๏ w 74$PEFʹϓϥάΠϯΛಋೖ͢Δ w 74$PEF7JN w IUUQTNBSLFUQMBDFWJTVBMTUVEJPDPNJUFNT JUFN/BNFWTDPEFWJNWJN w 74$PEF/FP7JN
w IUUQTNBSLFUQMBDFWJTVBMTUVEJPDPNJUFNT JUFN/BNFBTWFUMJBLPWWTDPEFOFPWJN w ׳Ε͔ͯΒΧελϚΠζ͢ΔɺͰશવ0, 6
ࠓ͔Β͜ͷΩʔϘʔυΛࢥ͍ු͔ͳ͕Βฉ͍͍ͯͩ͘͞ ৭ͷ͍ͭͨͱ͜Ζ͚͓ͩ΅͑Ε7JN͕͑ΔΑ͏ʹͳΓ·͢ 7
Α͘͏ೖྗϞʔυΓସ͑ฤ w ͬ͘͟ΓϊʔϚϧϞʔυͱΠϯαʔτϞʔυ͕͋Δ w ΠϯαʔτϊʔϚϧϞʔυ w ͱʹ͔͘&TDΛԡ͢ w ϚΫϩهத
ʢR ҙͷจࣈԡͪ͠Όͬͨʣ ʹͳͬͯΔՄೳੑ͕͋ΔͷͰɺ μϝͳΒRΩʔճ͚ͩԡͯ͠ΈΔ 8
Α͘͏ೖྗϞʔυΓସ͑ฤ w ϊʔϚϧΠϯαʔτϞʔυ w Ұ୴J JOTFSU Λԡ͢ɺͱ֮͑Δ w ৄ͘͠ޙड़
w ؆୯ʂ w ΠϯαʔτϞʔυ จࣈೖྗ͢Δͱ͖͚ͩɺ ऴΘͬͨΒϊʔϚϧϞʔυʹ ͙͢͢ʢॏཁʣ 9
Α͘͏ೖྗΧʔιϧҠಈฤ w ԼʹҠಈKɺ্ʹҠಈL w ԼʹҠಈ͕Ұ൪Α͘͏͔Βӈखਓࠩ͠ࢦɺͱ֮͑Δ w ӈྡͷதࢦͷํ͕ͪΐͬͱ্ʹग़ͯΔ͔Β্Ҡಈɺͱ֮͑Δ w ͜ͷΩʔͰϦετͷ্ԼબΛ
ͤ͞Δ6*ͦͦ͋͜͜Δ ʢ$-*ͷΠϯετʔϥͱ͔ʣ 10
Α͘͏ೖྗΧʔιϧҠಈฤ w ࠨʹҠಈIɺӈʹҠಈMʢΤϧʣ w K LͷͦΕͧΕࠨɺӈͱ֮͑Δ 11
Α͘͏ೖྗεΫϩʔϧฤ w Ұ൪্ͷߦHH w ్தߦ( w Ұ൪Լͷߦ( w ͗ΐ͏ૢ࡞͔ͩΒHʢҧ͏ʣ
w ϦϞʔταʔόʹϩάΠϯͯ͠ ϩάϑΝΠϧΛҰ൪Լ·Ͱ ݟ͍ͨ࣌ʹ͑Δʂ 12
Α͘͏ೖྗεΫϩʔϧฤ w ԼʹεΫϩʔϧ$USM ' GPSXBSE w ্ʹεΫϩʔϧ$USM #
CBDLXBSE w ͜ΕͰNBOϖʔδָʑಡΊΔʂ 13
Α͘͏ೖྗεΫϩʔϧฤ w εΫϩʔϧͦͷ··ͰΧʔιϧҐஔ͚ͩҠಈͤ͞Δ w ্) IJHI w த.
NJEEMF w Լ- MPX 14
Α͘͏ೖྗݕࡧฤ w GPP&OUFSͰGPPʹ͍ͭͯݕࡧͰ͖Δ w ࣍ͷݕࡧҐஔO OFYU w લͷݕࡧҐஔQ QSFW
15
Α͘͏ೖྗ·ͱΊ w ϞʔυΓସ͑&TD J w ΧʔιϧҠಈK L I M w
εΫϩʔϧHH ( $USM ' $USM # ) . - w ݕࡧ O Q 16
Α͘͏ೖྗ·ͱΊ w ϞʔυΓସ͑&TD J w ΧʔιϧҠಈK L I M w
εΫϩʔϧHH ( $USM ' $USM # ) . - w ݕࡧ O Q w ʮࢥͬͨΑΓγϯϓϧͰ֮͑Δ͜ͱগͳ͍Ͷʂʯ👶 w ʮ͜ΕͳΒ7JN͙͑ͦ͢͏ͩΘʂʯ👩💻 17
74$PEF͓͢͢Ίઃఆ w 7JNʹTFUSFMBUJWFͱ͍͏ઃఆ͕͋Δ w 74$PEFʹಉͷFEJUPSMJOF/VNCFSTSFMBUJWFͱ͍͏ઃఆ͕͋Δ w Ұ൪͖ͳઃఆʢͳͥ͜Ε͕ඪ४ઃఆʹͳ͍ͬͯͳ͍ΜͩΖ͏ʁʣ 18
ϓνΫΠζ͜ͷߦʹҠಈ͍ͨ͠ 19
͏গ͚ͩ͠ 20
"EWBODFEλʔϛφϧΛWJNPEFʹͯ͠ΈΔ w ͬ͘͟Γݴ͏ͱλʔϛφϧʢࠇ͍ը໘ʣʹϞʔυΛಋೖ͢Δ͜ͱ w ֤γΣϧʹΑͬͯઃఆҟͳΔͷͰৄࡉলུ w γΣϧɺWJNPEFͳͲͰάάͬͯͶʂ w ͖ͬ͞;Ε͍ͯͳ͔ͬͨߦҠಈʹ͍ͭͯগ͚ͩ͠ิ 21
$-*ͰΑ͘͏ೖྗߦ಄ɾߦฤ w Ұ௨ΓίϚϯυೖྗͨ͠ޙɺ಄ͷํʹΦϓγϣϯ͚ͭΕͨͱ͔Α͋͘Δ w ࠨΩʔ࿈ଧͱ͔͍ͯ͠·ͤΜ͔ʁ w Πϯσϯτແࢹͯ͠ߦ಄ w Πϯσϯτ౿·͑ͨߦ಄? w
ߦ 22
$-*ͰΑ͘͏ೖྗΠϯαʔτϞʔυͷΓସ͑ w BݱࡏͷΧʔιϧҐஔͷӈଆʹૠೖɺඌͰ͏ w JݱࡏͷΧʔιϧҐஔͷࠨଆʹૠೖɺઌ಄Ͱ͏ w ͜Ε͍ͬͯ͘͏ͪʹ׳Ε·͠ΐ͏ w ࣦഊͨ͠Β&TDͰͤ0, 23
͜ΕͰશ෦֮͑ΒΕ·ͨ͠Ͷʂ🎉 ͋ͳͨ7JN͕͑ΔΑ͏ʹͳΓ·ͨ͠ʂ🙌 24
7JNΛ͏ͱ༷ʑͳޮՌɾޮೳ͕͋Γ·͢ʢݸਓࠩ͋Γʣ w NBOϖʔδ͕Ϛεͳ͠ͰಡΊΔΑ͏ʹͳΔ w ϦϞʔτͰଓͯ͠Δͱ͖ͦͦϚε͑ͳ͍έʔε w ࠇ͍ը໘͕ා͘ͳ͘ͳΔ w ΧʔιϧΩʔΛ΄ͱΜͲΘͳ͘ͳΓɺΩʔೖྗָ͕ʹͳΔ w
7JN͕͖ʹͳΔ 25
·ͱΊ w 7JN͍͍ͧ w ϚεʹखΛ͍͔࣋ͬͯͳ͍ͱ͍͏ޮԽ 26
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 27
HJSJHJSJCBVFSͰ͢ʂ w 4/4ͰδϟοΫόΞʔͷΞΠίϯʹͯͨ͠Β͏͋ʔ͞ΜͱݺΕΔΑ͏ ʹͳͬͨ w ৽ׁͳΒͰͷ͓ࣄΛͬͱͬͯΈ͍ͨʢݸਓࣄۀओʣ w ৽ׁͷΓ߹͍Λͬͱ૿͍ͨ͠ʂྑͯ͘͠Ͷʂ 28
ࢀߟ w IUUQTNXJDIBSZNFEJVNDPNJOUFSOBUJPOBMBQQMFLFZCPBSET MBZPVUTEG w ΩʔϘʔυը૾ΛҾ༻ͤͯ͞Β͍·ͨ͠ 29