入社半年で作った"社内でも使える"ツール集/Everything I Built on the Side in Half a Year

新しい会社に入ったらアサインされるメイン業務以外にも解決したい課題がいっぱい！
そうだ、全部作ろう。だいたい全集

Transcript

1. 入社半年で作った 仕事で役に立つツール集 ΫϥϑτϚϯιϑτ΢ΣΞ Ռ෺Ϧϯ@FruitRiin ϚϯεϦʔϛʔςΟϯά 5݄ 2026/05/21
2. 入社半年で作った 仕事で役に立つツール集 ΫϥϑτϚϯιϑτ΢ΣΞ Ռ෺Ϧϯ@FruitRiin ϚϯεϦʔϛʔςΟϯά 5݄ 2026/05/21
3. ଞͷϓϩδΣΫτͰ΋ ࢖͑Δπʔϧͷ࿩
4. ଞͷϓϩδΣΫτͰ΋ ࢖͑Δπʔϧͷ࿩ ʢ൒෼OSSʣ
5. FruitRiin • 11݄ೖࣾˡ·ͩ൒೥ʹͳͬͯͳ͍ਓ • ΤϯδχΞۀྺ8೥͘Β͍ʁ • جຊతʹ͸Webͷਓ • ϑϩϯτΤϯυ˕ɺόοΫΤϯυ̋ ϞόΠϧ˚ɺΠϯϑϥ˚ɺOSS˕
6. yaml ͷฤू͕ͭΒ͍
7. yaml? • ϝΠϯͷۀ຿͸ArgoWork fl ow • ͱʹ͔͘શ෦ڊେͳઃఆϑΝΠϧ • ෳ਺ͷϑΝΠϧؒͰϦιʔεͷࢀর͕͋Δ • ૉ๿ʹ΍ΔͱίʔυδϟϯϓͰ͖ͳ͍ • Helm TemplateͰॻ͔Ε͍ͯΔͷͰ ࣮ͷͱ͜Ζ yaml Ͱ͢Βͳ͍ • yamlΛ࡞Δ৚݅෼ذೖͷϑΝΠϧΛฤू͍ͯͯ͠ɺ yamlͱͯ͠͸invalid
8. yaml???? • yaml ͭΒ͗͢Δ͔Β ผͷϑΥʔϚοτͰ؅ཧͰ͖ͳ͍͔ߟ࡯͢ΔλεΫ • ʮܰ͘ߟ͑ͯΈͯΑʯʮ͕͍͜͜·͍ͪʯʮҧ͏ʯʮͦ͏͡Όͳ͍ʯ • νʔϜ಺ͰผͷϑΥʔϚοτʹ͍ͭͯ߹ҙʹࢸΒͳ͍ • ʮyaml΍Ί͍ͨͷ͔΍Ίͨ͘ͳ͍ͷ͔ ͲͬͪͳΜ͍ͩʂʂʂʂʂʯ • ʮPowerrrrrrrrrrrʂʂʂʂʂʢۀ຿Ͱ͸ͳ͍झຯ׆ಈʯ
9. No1. Helm対応ArgoWorkflow用
 VSCodeExtention • VSCodeͰArgoWork fl ow͍ͨ͠ • HelmʹରԠͯ͠Δ͜ͱ͕ॏཁ
10. No1. Helm対応ArgoWorkflow用
 VSCodeExtention • VSCodeͰArgoWork fl ow͍ͨ͠ • HelmʹରԠͯ͠Δ͜ͱ͕ॏཁ 1݄24೔ʢ2͔݄24೔ޙʣ
11. No1. Helm対応ArgoWorkflow用
 VSCodeExtention • Energy Source • ArgoWork fl owͷฤूମݧ͕ѱ͍ • Helmલఏyaml͸ invalid yaml Ͱػೳ͠ͳ͍ • ίΞίϯηϓτ • Helm templateͨ͠Βੜͷvalidͳyaml͕ಘΒΕΔ • validͳyamlʹͳΒ֦ு͕ޮ͘͸ͣ
12. No1. Helm対応ArgoWorkflow用
 VSCodeExtention • ίΞػೳ • ίʔυδϟϯϓɺϗόʔػೳ
13. No1. Helm対応ArgoWorkflow用
 VSCodeExtention • How to • ͢Ͱʹ͋Δ֦ுΛ͖࣋ͬͯͯػೳ௥Ճ • vscode-kubernates-toolsʹ௥Ճ • Result • ଞͷਓʹ࢖ͬͯ΋Β͏ʹ͸ Vim֦ுͰ͋Δඞཁ͕͋Δ 1݄25೔ʢཌ೔ʣ
14. VSCode Extension Not work Vim • ૉ๿ʹ࡞ΔͱVSCode Extension ͸VimͰಈ͔ͳ͍ • ͳΜ͔ίʔυิ׬ͱ͔ͬͯ Ϟμϯʹ࡞Ε͹VimରԠͰ͖ΔͷͰ͸ʁ • →൱ɿૉ๿ʹ࡞ΔͱVSCodeରԠ͠ͳ͍ɹLSPରԠ͕͍Δ
15. VimͰίʔυδϟϯϓʁ • Vim͸LSP(Language Server Protocol)ରԠ͍ͯ͠Δ • LSPΛ஻ΔαʔόʔΛ࡞Ε͹ɺ Vim֦ுͱͯ͠VimʹίʔυδϟϯϓΛ࡞Δ͜ͱ͕Ͱ͖Δ • LSP͸VSCode, Vim ,JetbrainsͳͲͰಈ͘
16. Q. ࠓ͔ΒLSPରԠͬͯͰ͖Δʁ
17. A. ׬શʹ࡞Γ௚͠Ͱ͢
18. ࡞Γ௚͔͠ʙ
19. ࡞Γͳ͓͔͢
20. No2. Helm対応YAML LSP • LSPʹͳΓ·ͨ͠ 2݄9೔ ʢೖࣾ3͔݄໨ɺNo1ͷ2िؒޙʣ
21. • Energy Source • ࣗ෼͚͕ͩ࢖͑ͯ΋ײ૝΋Β͑ͳ͍ • ίΞίϯηϓτ • VimͰ΋ίʔυδϟϯϓ͕ඞཁ • ػೳ • ϗόʔɺίʔυδϟϯϓɺ ϦϑΝΫλ༻γϯϘϧetc... x Vim, VScode No2. Helm対応YAML LSP
22. No2. Helm対応YAML LSP ౰೔தͷ57ίϛοτ໨ • How to • No1 Λࢀߟ࣮૷ʹLSPͱͯ͠ϑϧϦϝΠΫ • Result • ͪΐͬͱϞϠΔڍಈ͸͋Δ͕ಈ͖͸ͨ͠ • ܧଓͯ͠࢖ΘΕͯΔͷ͔ෆ໌ͳͷͰ։ൃҰ࣌ఀࢭ • ͓͓Αͦಈ͘ͱ͜ΖͰຬ଍ͨ͠ ଞͷ։ൃʹڵຯ͕Ҡͬͨ
23. ؾ෼εοΩϦ
24. Con fl uenceͷฤू͕ͭΒ͍
25. Confluenceの編集? • ڞಉฤूͱঝೝϫʔΫϑϩʔ౎߹Ͱ Webͷฤूը໘͕ఏڙ͞Ε͍ͯΔ • όʔδϣϯؒͷࠩ෼֬ೝͱ υϥϑτ൛؅ཧ͕ͪΐʔਏ͍
26. ミッション：
 記事をMarkdownで管理せよ • Con fl uenceͷهࣄΛMarkdownʹͰ͖ͳ͍͔ • Markdownʹͯ͠ɺGithubͰPRͰࠩ෼Λݟ͍ͨ • ͳΜͱ͔ͳΒͳ͍ʁ • ΍ͬͯΈ·͔͢ʔ
27. MarkdownでConfluenceの編集??? • Energy Source • ࢓ࣄʢۀ຿࣌ؒʣ • ίΞίϯηϓτ • Markdown͸ϑΝΠϧ؅ཧՄೳ • ະ஌ͷ໰୊ • ಉظํ๏ʁCon fl uenceͷػೳͱͷରԠʁʁʁ
28. MarkdownでConfluenceの編集??? • Bottle Neck • ʮCon fl uenceͷϖʔδ಺ࡧҾͱ͔ཁΔΑͶʁʯ • MarkdownͰͲ͏දݱͨ͠΋ͷ͔ • ؆୯ʹॻ͚ͳ͍ͱҙຯ͕ͳ͍ • ͦͷͨΊʹπʔϧ࡞Δͷ΋ͳ͊……
29. Markdown管理のブレイクスルー • ʮಉظπʔϧ͸ͪΒ΄Β͋ΔΜͩΑͳ͋ʯ • ʮػೳతʹ଍ΓͯΔ΍ͭ͸ ɹಠࣗϑΥʔϚοτ͕ͪΐͬͱϜζͯ͘……ʯ • ʮͦ͏ͩɺૉ๿ʹMarkdownΛ࡞ͬͯɺ ɹClaudeʹMarkdownΛਗ਼ॻͤ͞Α͏ʯ
30. 採用したツール - Mark • MarkʢOSSʣ • Markdown͔ΒCon fl uenceͷهࣄΛ࡞ΔCLI • ࢲͷ΋ͷͰ͸ͳ͍ • υΩϡϝϯτ͕ࢮ͵΄Ͳ೉ղ͕ͩ࠷ڧ
31. No3. Mark運用CLAUDE.md • ʮ͜ͷσΟϨΫτϦʹஔ͘.md͸͜͏ॻ͘΂͠ʯ • ϑϩϯτϚλʔɺը૾ͷૠೖํ๏ • Con fl uenceػೳͷ࢖͍ํ • ʮσϓϩΠΛϫϯϥΠφʔͰʯ • ͦΕ΋࢓૊Έͱͯ͠ϦϙδτϦ΁
32. No3. Mark運用CLAUDE.md • Result • νʔϜ಺Ͱ͸޷ධ • ΋͸΍ඞਢπʔϧ 🙌 • ʮ͔͔ͤͬͩ͘Βԣల։Ͱ͖Δ ɹυΩϡϝϯτ΋࡞ͬͯʯ ʮ࡞Γ·ͨ͠ʂʯˠCon fl uence΁
33. ྑ͍࢓ࣄ͠·ͨ͠Ͷ͑
34. σΠεΫͷ࣌ؒ؅ཧΛ ΩονϦͱ
35. デイリースクラム • ேձ • νʔϜϝϯόʔͰશһͪΐͬͱ࿩͢
36. ミッション：
 デイスクの時間を管理せよ • λΠϜϘοΫεΛकΕΔΑ͏ʹ͍ͨ͠ • πʔϧબఆ͸͓೚ͤ͠·͢ • ͳΜͱ͔ͳΒͳ͍ʁ • ΍ͬͯΈ·͔͢ʔ
37. 要件：時間の管理がしたい　とは • ਓ਺෼ۉ౳ׂ͕Ͱ͖ͨΒ͍͍Ͷ • ୭͔͕௕͘͠Ό΂ͬͨΒଞͷਓΛ୹͘Ͱ͖ͨΒݴ͏͜ͱͳ͠
38. よさげなツールを発見！しかし • ࣌ؒͷۉ౳ׂʴަ୅γεςϜΛ࣋ͭWebαʔϏε • Ͱ΋ඍົʹ࢖͍উखѱ͍……
39. ࢖͍উखѱ͍ͷ ڐͤͶ͑……ʂ
40. Α͘͢Δ͔
41. No4.スクラムタイマーなのだ！ • Energy Source • JoSSte/ScrumTimer͕࢖͍͍͚ͨͲ ઈົʹ࢖͍৺஍͕ѱ͍ • Angular͸ॻ͖௚ͤͳ͍ • ίΞίϯηϓτ • ॻ͖΍͍͢VueͰɺ࢖͍৺஍ྑ͘ • ͣΜͩ΋Μ͕੠Ͱ͓஌ΒͤɺP2PͰશһͰૢ࡞
42. No4.スクラムタイマーなのだ！ • Result • ʮ͍ͬͯ͏ศརͳ ɹπʔϧ͕OSSͰݟ͔ͭΓ·ͨ͠ʯ ʮ͍͍ͬ͢Ͷ͑ʯ • ݱࡏ࢖ΘΕ͍ͯ·͢ • όά΍վળ͋Δ͚Ͳͦͦ͜͜࢖͑Δ͠࢓ࣄ͡Όͳ͍͠௚ͯ͠ͳ͍ 3݄18೔ʢ4͔݄18೔ޙʣ 3݄28೔ʢ10೔΄Ͳϝϯςʣ
44. όʔϯμ΢ϯνϟʔτ ೩͑ͯͳ͘ͳ͍ʁ
45. ミッション：
 バーンダウンチャート微妙じゃね？ • ຖ೔ݟͯΔόʔϯμ΢ϯνϟʔτɺ ͳΜ͔ਏ͘ͳΔ • λεΫ͕׬ྃͨ͠ͱ͖ʹ͔͠ਐḿ͕μ΢ϯ͠ͳ͍ • ຊ౰ʹʁʁʁʁ • ͳΜͱ͔͍ͨ͠ JIRAͷ࢓༷
46. No5. バーンダウンチャート • How to • ؾ߹Ͱूܭɺࣗ෼Ͱάϥϑඳը • ৄࡉ͸ผͷLTʢLTʁʣ΁ • Result • ͱͯ΋ྑ͍μογϡϘʔυΛ࡞ͬͨ • ຖேͷਐḿ֬ೝ͔Β ࣍ͷΞΫγϣϯ͕ܾΊ΍͘͢ͳͬͨ
47. Grafana μογϡϘʔυ ࡞Γ͍ͨ
48. ミッション：
 業務データのダッシュボード追加 • ৽͍͠ͷ௥Ճ͍ͨ͠ • ͓̺ • ஍ຯʹେม • μογϡϘʔυ௥Ճ͸3ݸ໨ʁ4ݸ໨ʁ΋͏Α͘Θ͔ΒΜ • CLAUDE͘Μɺ͏·͘Ͱ͖ΔΜ͔ͩͰ͖ͳ͍Μ͔ͩ • ਓ͕ؒ΍ΔΑΓ10ഒૣ͍Μ͚ͩͲ
49. No6.Grafanaダッシュボード全書 • How to • ܭଌ༻ࣾ಺υϝΠϯ஌ࣝશू • ΫΤϦεχϖοτू • Grafanaͷνϟʔτݟຊ஽
50. No6.Grafanaダッシュボード全書 • Result • 3೔͘Β͍Ͱ৽͍͠νϟʔτΛ࡞Εͨ • νϟʔτ͸͜Ε͕ސ٬ͷ΄͔ͬͨ͠΋ͷ • ͋ͱ͍ͭͰʹνʔϜ಺ͳΒ୭Ͱ΋ μογϡϘʔυ࡞ΕΔΑ͏ʹͳͬͨʢͨͿΜʣ
51. たくさん作りました！ • VSCodeExtention, LSPαʔόʔ • Markdown->Con fl uence • εΫϥϜλΠϚʔɺόʔϯμ΢ϯνϟʔτ • GrafanaμογϡϘʔυ
52. たくさん作りました！ • LLMͷొ৔ʹΑΓɺ։ൃ͕ര଎ʹ • ՝୊ײͱ໰୊ͷߏ଄Խɺ ղܾํ๏͕Θ͔Ε͹͙͢ग़དྷͪΌ͏ʂ • ՝୊ײΛݟ͚ͭΔํ͕೉͍͠ • ՝୊ײΛղফ͖͠Δ͘Β͍ ࡞ΓࢄΒ͔͠੾Δํ͕೉͍͠
53. Enjoy(ing) creating!