$30 off During Our Annual Pro Sale. View Details »

コードレビュー なんてしてられるかッ!!

Avatar for Yusuke Hirao Yusuke Hirao
January 19, 2018
Technology
24
14k

コードレビュー なんてしてられるかッ!!

俺の話を聞け!! LT大会#7
結論markuplintというHTMLのLinter作った

Avatar for Yusuke Hirao

Yusuke Hirao

January 19, 2018
Tweet

More Decks by Yusuke Hirao

See All by Yusuke Hirao
ユニバーサルHTMLとWebのポテンシャル
Avatar for Yusuke Hirao yusukehirao
1
860
TypeScriptでつくるNode.jsパッケージ
Avatar for Yusuke Hirao yusukehirao
3
670
READMEにバッヂが欲しくてテストを書き始めました
Avatar for Yusuke Hirao yusukehirao
1
810
ユニバーサルなマークアップをしよう
Avatar for Yusuke Hirao yusukehirao
2
950
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
Avatar for Yusuke Hirao yusukehirao
2
2.3k
本当に必要ですか？そのJavaScript 〜スクロールイベント・リサイズイベント編〜
Avatar for Yusuke Hirao yusukehirao
0
710
自動化をデザインしよう
Avatar for Yusuke Hirao yusukehirao
1
920
JSONの型のはなし
Avatar for Yusuke Hirao yusukehirao
0
630
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
Avatar for Yusuke Hirao yusukehirao
1
2.8k

Other Decks in Technology

See All in Technology
最近のLinux普段づかいWaylandデスクトップ元年
Avatar for Takuma Nakajima penguin2716
1
690
非CUDAの悲哀 〜Claude Code と挑んだ image to 3D “Hunyuan3D”を EVO-X2(Ryzen AI Max+395)で動作させるチャレンジ〜
Avatar for hawky the miscellaneous hawkymisc
1
170
Ruby で作る大規模イベントネットワーク構築・運用支援システム TTDB
Avatar for Taketo Takashima taketo1113
1
260
Playwright x GitHub Actionsで実現する「レビューしやすい」E2Eテストレポート
Avatar for kinosuke01 kinosuke01
0
560
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
Avatar for Michiru Kato applism118
4
1.2k
生成AIでテスト設計はどこまでできる？ 「テスト粒度」を操るテーラリング術
Avatar for ks shota_kusaba
0
680
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
Avatar for Bo-Yi Wu appleboy
0
280
乗りこなせAI駆動開発の波
Avatar for Ikko Eltociear Ashimine eltociear
1
1.1k
A Compass of Thought: Guiding the Future of Test Automation ( #jassttokai25 , #jassttokai )
Avatar for teyamagu teyamagu
PRO
1
250
AWS Security Agentの紹介/introducing-aws-security-agent
Avatar for tomoki10 tomoki10
0
110
コミューンのデータ分析AIエージェント「Community Sage」の紹介
Avatar for Yusuke Fukasawa fufufukakaka
0
470
Overture Maps Foundationの3年を振り返る
Avatar for Toru Mori moritoru
0
170

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
39k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
19k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
390
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k

Transcript

  1. 2018 Yusuke Hirao, CC BY-ND. ίʔυϨϏϡʔ ͳΜͯͯ͠ΒΕΔ͔ο Զͷ࿩Λฉ͚-5େձ גࣜձࣾσΟʔθϩ ϑϩϯτΤϯυΤϯδχΞ

    ฏඌ༏య

  2. 2018 Yusuke Hirao, CC BY-ND. ݁࿦͔Β

  3. 2018 Yusuke Hirao, CC BY-ND. )5.-ͷ-JOUFS࡞ͬͨ

  4. 2018 Yusuke Hirao, CC BY-ND. ࣗݾ঺հ ฏඌ༏యʢͻΒ͓Ώ͏ͯΜʣ גࣜձࣾσΟʔθϩ ϑϩϯτΤϯυΤϯδχΞ ίϛϡχςΟ׆ಈ

    ෱ԬϑϩϯτΤϯυ༑ͷձ'VLVPLB'SPOUFOE'SPHT ෱ԬϚʔΫΞοϓษڧձ CBTFS$.4Ϣʔβʔձ Yusuke Hirao @cloud10designs

  5. 2018 Yusuke Hirao, CC BY-ND. ࣾ಺ͷ ίʔσΟϯάΨΠυϥΠϯΛ ॻ͍ͨΜͰ͢

  6. 2018 Yusuke Hirao, CC BY-ND.

  7. 2018 Yusuke Hirao, CC BY-ND. ίʔσΟϯάελΠϧ͔Β ΞΫηγϒϧϚʔΫΞοϓɺ $44ઃܭɺ+4ͷςΫχοΫ͔Β ίʔσΟϯάࢥ૝ͳͲ ΤϞ͍ײ͡Ͱςϯί੝Γ

  8. 2018 Yusuke Hirao, CC BY-ND. Ͱɺ ࡞͔ͬͨΒʹ͸ɺ ͪΌΜͱΨΠυϥΠϯʹ Ԋ͍ͬͯΔ͔֬ೝ͍ͨ͠

  9. 2018 Yusuke Hirao, CC BY-ND. Α͠ɺ

  10. 2018 Yusuke Hirao, CC BY-ND. ίʔυϨϏϡʔ͠Α͏

  11. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏

  12. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏

  13. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔

  14. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔ϥ

    ϯυϚʔΫϩʔϧ͚ͭ·͠ΐ ͏

  15. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔ϥ

    ϯυϚʔΫϩʔϧ͚ͭ·͠ΐ ͏͓΍ɺด͡λά͕ൈ͚͍ͯ ·͢

  16. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔ϥ

    ϯυϚʔΫϩʔϧ͚ͭ·͠ΐ ͏͓΍ɺด͡λά͕ൈ͚͍ͯ ·͓͢΍ɺBMU͕ͳ͍Ͱ͢Ͷ

  17. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔ϥ

    ϯυϚʔΫϩʔϧ͚ͭ·͠ΐ ͏͓΍ɺด͡λά͕ൈ͚͍ͯ ·͓͢΍ɺBMU͕ͳ͍Ͱ͢Ͷ ͓΍ɺෆਖ਼ͳωετؔ܎ʹͳͬ ͯ·͢

  18. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔ϥ

    ϯυϚʔΫϩʔϧ͚ͭ·͠ΐ ͏͓΍ɺด͡λά͕ൈ͚͍ͯ ·͓͢΍ɺBMU͕ͳ͍Ͱ͢Ͷ ͓΍ɺෆਖ਼ͳωετؔ܎ʹͳͬ ͯ·͋͢ɺλά໊͸খจࣈʹ ͍ͯͩ͘͠͞Ͷ

  19. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔ϥ

    ϯυϚʔΫϩʔϧ͚ͭ·͠ΐ ͏͓΍ɺด͡λά͕ൈ͚͍ͯ ·͓͢΍ɺBMU͕ͳ͍Ͱ͢Ͷ ͓΍ɺෆਖ਼ͳωετؔ܎ʹͳͬ ͯ·͋͢ɺλά໊͸খจࣈʹ ͍ͯͩ͘͠͞ͶͱΓ͋͑ͣΠ ϯσϯτ͚ͭͯ΋Β͑·͔͢ʁ

  20. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔ϥ

    ϯυϚʔΫϩʔϧ͚ͭ·͠ΐ ͏͓΍ɺด͡λά͕ൈ͚͍ͯ ·͓͢΍ɺBMU͕ͳ͍Ͱ͢Ͷ ͓΍ɺෆਖ਼ͳωετؔ܎ʹͳͬ ͯ·͋͢ɺλά໊͸খจࣈʹ ͍ͯͩ͘͠͞ͶͱΓ͋͑ͣΠ ϯσϯτ͚ͭͯ΋Β͑·͢ ͔ʁΨΠυϥΠϯಡΈ·͠ ͨʁ

  21. 2018 Yusuke Hirao, CC BY-ND. ͜͜͸+4ͷτϦΨʔʹͳΔ ͷͰBλάΑΓCVUUPOλάͭ ͔͍·͠ΐ͏͜͜͸VMMJͰՕ ৚ॻ͖ʹ͠·͠ΐ͏OBWʹ͸ BSJBMBCFMೖΕ·͠ΐ͏͔ϥ

    ϯυϚʔΫϩʔϧ͚ͭ·͠ΐ ͏͓΍ɺด͡λά͕ൈ͚͍ͯ ·͓͢΍ɺBMU͕ͳ͍Ͱ͢Ͷ ͓΍ɺෆਖ਼ͳωετؔ܎ʹͳͬ ͯ·͋͢ɺλά໊͸খจࣈʹ ͍ͯͩ͘͠͞ͶͱΓ͋͑ͣΠ ϯσϯτ͚ͭͯ΋Β͑·͢ ͔ʁΨΠυϥΠϯಡΈ·͠ ͨʁ ͔͠΋ ਺ઍϖʔδ

  22. 2018 Yusuke Hirao, CC BY-ND. ίʔυϨϏϡʔ͠Α͏

  23. 2018 Yusuke Hirao, CC BY-ND. ίʔυϨϏϡʔ͠Α͏ ͯ͠ΒΕΔ͔ο

  24. 2018 Yusuke Hirao, CC BY-ND. ϨϏϡʔ͸ࠔ೉ΛۃΊͨ ϨϏϡʔͷຊདྷͷ໨త ίϯςΩετͱηϚϯςΟοΫͷ֬ೝ ΞΫηγϏϦςΟνΣοΫ ࣮ࡍʹؾΛऔΒΕͯ͠·ͬͨ͜ͱ

    )5.-7BMJEBUJPO Ϋϥε໋໊نଇͳͲίʔσΟϯάΨΠυϥΠϯ४ڌͷ֬ೝ ඼্࣭໰୊ͳ͍͚ͲϝϯςͷͨΊͷΨΠυϥΠϯϧʔϧ͕ Πϯσϯτ͸ϨϏϡʔͷಡΈ΍͢͞ͷͨΊͳͷʹͦΕΛࢦఠ ෛͷϧʔϓ

  25. 2018 Yusuke Hirao, CC BY-ND. -JOUFSΛಋೖ͠Α͏✅

  26. 2018 Yusuke Hirao, CC BY-ND. -JOUFSͷԸܙ +BWB4DSJQU͸&4-JOUͰɺ$44͸4UZMFMJOUͰಋೖࡁΈ ࣍ͷ͜ͱ͸͍͍ͩͨࣗಈԽͰ͖Δ γϯλοΫενΣοΫ ίʔυελΠϧͷνΣοΫ

    ໋໊نଇͷνΣοΫ ΞϯνύλʔϯͷνΣοΫ ࢦఠ͢Δͷ͸ػցͳͷͰਓ֨൱ఆʹड͚औΒΕʹ͍͘ ʮΤϥʔ͕ग़ͳ͍Α͏ʹίʔσΟϯά͍ͯͩ͘͠͞ʯͰย෇͘

  27. 2018 Yusuke Hirao, CC BY-ND. )5.-)JOUΛ࢖ͬͯΈ͕ͨʜ جຊͷνΣοΫ͸΋ͪΖΜαϙʔτ ϓϥάΠϯ"1*Λ͍࣋ͬͯͨͷͰ࠷ॳ͸ͦΕͰؤுͬͨ ͔͠͠΍͍ͬͯ͘͏ͪʹ໰୊͕ϙϩϙϩ "1*͸͋ͬͯ΋HVMQ΍ΤσΟλ͕ϓϥάΠϯʹରԠͯ͠ͳ͍

    &4-JOUΈ͍ͨʹϑΥϧμ͝ͱͷϧʔϧઃఆ͕Ͱ͖ͳ͍ 47(ͳͲͷ֎དྷཁૉʹରԠ͍ͯ͠ͳ͍ ։ൃࢭ·ͬͯΔ͠

  28. 2018 Yusuke Hirao, CC BY-ND. ͭʔΘ͚Ͱ

  29. 2018 Yusuke Hirao, CC BY-ND. )5.--JOUFS࡞Γ·ͨ͠

  30. 2018 Yusuke Hirao, CC BY-ND. NBSLVQMJOU /PEFKTͰಈ͘)5.--JOUFS ͦͷ͏ͪϒϥ΢β൛΋  ϓϥάΠϯ"1*Λ͍࣋ͬͯΔ

    ਖ਼֬ͳϩέʔγϣϯΛ΋ͭ"45 %0.ϥΠΫͳπϦʔߏ଄͕ѻ͑Δ ཁૉ͝ͱʹϧʔϧΛ࠶ઃఆͰ͖Δ ର৅ͷཁૉ͸ηϨΫλͰߜΓ͜ΊΔ ϑΥϧμ͝ͱʹϧʔϧΛઃఆͰ͖Δ ϧʔϧઃఆ͸ܧঝ͕Ͱ͖Δ )5.--JWJOHTUBOEBSEͷίϯςϯπϞσϧ৘ใΛ΋ͭ ֎དྷཁૉɾΧελϜཁૉɾ7JFXϥΠϒϥϦͷରԠΛݟਾ͑ͨઃܭ Τϥʔ͕೔ຊޠ ϩέʔϧͰ൑ఆ ·੍ͩ࡞த͚ͩͲ

  31. 2018 Yusuke Hirao, CC BY-ND. NBSLVQMJOU ͦͦ͜͜͸ಈ͖·͢

  32. 2018 Yusuke Hirao, CC BY-ND. NBSLVQMJOU 74$PEF֦ுެ։ࡁΈ

  33. 2018 Yusuke Hirao, CC BY-ND. NBSLVQMJOU ॗʑϧʔϧͱ௥Ճத

  34. 2018 Yusuke Hirao, CC BY-ND. NBSLVQMJOU ͕Μ͹ͬͯυΩϡϝϯτॻ͍ͯ·͢

  35. 2018 Yusuke Hirao, CC BY-ND. Ͱɺ࡞ͬͯΈͯͷײ૝

  36. 2018 Yusuke Hirao, CC BY-ND. ௒ָ͍͠

  37. 2018 Yusuke Hirao, CC BY-ND. ͳΜ΍͜Ε։ൃ௒ָ͍͠΍Μ ඞཁʹۦΒΕͯ࡞Γ࢝Ίͨʹͯ͠͸༧૝֎ʹָ͍͠ ΰϦΰϦ)5.-ΛѻͬͯΔͷʹϑϩϯτΤϯυ͡Όͳ͍ෆࢥٞײ ͍ΖΜͳֶͼ͕͋ͬͨ ͱʹ͔͘)5.--JWJOHTUBOEBSEಡΈ·ͬͨ͘

    )5.-ͷߏจ΍ύʔεʹ΍ͨΒৄ͘͠ͳͬͨ $-*ͷԞਂ͞ ඪ४ೖྗग़ྗͱ͔ϑϩϯτΤϯυͰ͸ະ஌ ࠶ؼॲཧͱ͔΋ਅ໘໨ʹऔΓ૊ΜͩͷॳΊ͔ͯ΋͠Εͳ͍ ϒϥ΢βޓ׵Λؾʹ͠ͳ͍ίʔσΟϯάͷշײ ͋ͱɺۙʑ਺ઍϖʔδͷ໾ʹཱͯΔ͜ͱ͕ ͸͖ͬΓ͍ͯ͠Δ఺͸೩͑Δಈػʹͳ͍ͬͯͨ

  38. 2018 Yusuke Hirao, CC BY-ND. ໨తͱָཱ͍͕྆͠Ͱ͖ͦ͏Ͱ͋Δ ϨϏϡʔͷຊདྷͷ໨త ίϯςΩετͱηϚϯςΟοΫͷ֬ೝ ΞΫηγϏϦςΟνΣοΫ ࣮ࡍʹؾΛऔΒΕͯ͠·ͬͨ͜ͱ

    )5.-7BMJEBUJPO Ϋϥε໋໊نଇͳͲίʔσΟϯάΨΠυϥΠϯ४ڌͷ֬ೝ ඼্࣭໰୊ͳ͍͚ͲϝϯςͷͨΊͷΨΠυϥΠϯϧʔϧ͕ Πϯσϯτ͸ϨϏϡʔͷಡΈ΍͢͞ʹͨΊͳͷʹͦΕΛࢦఠ ෛͷϧʔϓ

  39. 2018 Yusuke Hirao, CC BY-ND. ໨తͱָཱ͍͕྆͠Ͱ͖ͦ͏Ͱ͋Δ ϨϏϡʔͷຊདྷͷ໨త ίϯςΩετͱηϚϯςΟοΫͷ֬ೝ ΞΫηγϏϦςΟνΣοΫ ࣮ࡍʹؾΛऔΒΕͯ͠·ͬͨ͜ͱ

    )5.-7BMJEBUJPO Ϋϥε໋໊نଇͳͲίʔσΟϯάΨΠυϥΠϯ४ڌͷ֬ೝ ඼্࣭໰୊ͳ͍͚ͲϝϯςͷͨΊͷΨΠυϥΠϯϧʔϧ͕ Πϯσϯτ͸ϨϏϡʔͷಡΈ΍͢͞ʹͨΊͳͷʹͦΕΛࢦఠ ෛͷϧʔϓ ໨త

  40. 2018 Yusuke Hirao, CC BY-ND. ໨తͱָཱ͍͕྆͠Ͱ͖ͦ͏Ͱ͋Δ ϨϏϡʔͷຊདྷͷ໨త ίϯςΩετͱηϚϯςΟοΫͷ֬ೝ ΞΫηγϏϦςΟνΣοΫ ࣮ࡍʹؾΛऔΒΕͯ͠·ͬͨ͜ͱ

    )5.-7BMJEBUJPO Ϋϥε໋໊نଇͳͲίʔσΟϯάΨΠυϥΠϯ४ڌͷ֬ೝ ඼্࣭໰୊ͳ͍͚ͲϝϯςͷͨΊͷΨΠυϥΠϯϧʔϧ͕ Πϯσϯτ͸ϨϏϡʔͷಡΈ΍͢͞ʹͨΊͳͷʹͦΕΛࢦఠ ෛͷϧʔϓ ໨త ָ͍͠

  41. 2018 Yusuke Hirao, CC BY-ND. ͋͞ɺ

  42. 2018 Yusuke Hirao, CC BY-ND. ίʔυϨϏϡʔ͠Α͏

  43. 2018 Yusuke Hirao, CC BY-ND. 5IBOLZPV

  44. 2018 Yusuke Hirao, CC BY-ND. NBSLVQMJOU IUUQTHJUIVCDPN:VTVLF)JSBPNBSLVQMJOU NBSLVQMJOUQMVHJOUFYUMJOU IUUQTXXXOQNKTDPNQBDLBHFNBSLVQMJOUQMVHJOUFYUMJOU NBSLVQMJOUGPS74$PEF

    IUUQTNBSLFUQMBDFWJTVBMTUVEJPDPNJUFNT JUFN/BNFZVTVLFIJSBPWTDPEFNBSLVQMJOU