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

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

1adcc39bcb4268334437c9c12b84d7a4?s=47 Yusuke Hirao
January 19, 2018
Technology
23
10k

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

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

1adcc39bcb4268334437c9c12b84d7a4?s=128

Yusuke Hirao

January 19, 2018
Tweet

More Decks by Yusuke Hirao

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

Other Decks in Technology

See All in Technology
2022年度新卒技術研修「エンジニアマインド」講義
094e424062f60b011a0d0b294fbc17e4?s=48 excitejp
PRO
0
370
Building smarter apps with machine learning, from magic to reality
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
3.2k
HoloLens2とMetaQuest2どちらも動くWebXRアプリをBabylon.jsで作る
Bf0e54ea0d4ea19343ccfbe5d410a96b?s=48 iwaken71
0
180
What's Data Lake ? Azure Data Lake best practice
0d7a3b61c5c1f64a50136cf4bb5702b7?s=48 ryomaru0825
2
730
FoodTechにおける商流・金流・物流の進化/Evolution of Commercial, Financial, and Logistics in FoodTech
Ff655584d57df8448153fa618cc86db3?s=48 dskst
0
390
Design for Humans: How to make better modernization decisions
4d71670118785e492d724ba8c0ae54ad?s=48 indualagarsamy
2
110
Data in Google I/O - IO Extended GDG Seoul
3bd69093dbe39b14603242b96cfbd7c6?s=48 kennethanceyer
0
150
誰が正解を知っているのか / Who knows the right answer
95aaab3d693889550fd2e7ae02f2f789?s=48 takaking22
1
230
Scrum Fest Osaka 2022 段階的スクラムマスターのススメ
68073cc248e24e0b94cc6895e5c4710f?s=48 orimomo
0
710
JFrog 最新情報 - JFrog DevOps プラットフォームの今までとこれから / jfrog-update-for-devopskaigi-2022
567600e04dbcb14d6bd8f120e6625a27?s=48 tsuyo
0
150
1人目SETとして入社して2ヶ月の間におこなったこと
81e0ce50877c71b7825914c017e0dda2?s=48 tarappo
3
520
NFT(非代替性トークン)、DeFi(分散金融) の虚像と実像 / NFT (Non-Fungible Token), DeFi (Decentralized Finance): False and Real Images
847a328633b1df6b11cc2f72430025e6?s=48 ks91
PRO
0
260

Featured

See All Featured
Keith and Marios Guide to Fast Websites
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
404
21k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
13k
Debugging Ruby Performance
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
65
10k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
For a Future-Friendly Web
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
166
7.4k
Practical Orchestrator
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.6k
Art Directing for the Web. Five minutes with CSS Template Areas
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
196
9.4k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
9.2k
A Modern Web Designer's Workflow
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
689
180k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
365
63k

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