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
150
私と 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
74
コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech
girigiribauer
1
57
公共交通のオープンデータ事始め / 20240823-niigata-5min-tech
girigiribauer
0
70
がんばらない勉強会の続け方 / 20240426-niigata-5min-tech-omake
girigiribauer
1
530
初めての chrome extension で Plasmo 使ってみた / 20240329-niigata-5min-tech
girigiribauer
0
88
時間配分を常に意識するために、通知する仕組みを作った話 / 20220527-peacock-meets-up-01
girigiribauer
0
220
モーダルウィンドウを作るときは 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
Optimizing for Happiness
mojombo
376
70k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Code Reviewing Like a Champion
maltzj
521
39k
BBQ
matthewcrist
85
9.4k
Making the Leap to Tech Lead
cromwellryan
133
9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7.1k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
Designing for humans not robots
tammielis
250
25k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Keith and Marios Guide to Fast Websites
keithpitt
410
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