LT for M3 TechTalk
GitHub ͷ README Λ͍͍ײ͡ʹ͢Δ@blue_1617
View Slide
ࢲ୭ʁblue (@blue_1617)https://blue0513.github.io/show_room/2‣ ΤϜεϦʔגࣜձࣾ ιϑτΣΞΤϯδχΞ‣ Emacs, Ruby, JavaScript‣ VisualStudio, C#‣ ےτϨΛ࠷ۙ͡Ίͨ‣ ମॏ͕4Ωϩۙ͘૿͑ɺՌΛײ͍ͯ͡Δ‣ ࠓظΦεεϝΞχϝ‣ ΞϑϦΧͷαϥϦʔϚϯ
GitHub ͷ README Λ͍͍ײ͡ʹ͢Δ
ࠓճͷΰʔϧʂʂ 4
ࠓճͷΰʔϧʂʂ 5ͳΜ͔ͭ·ΒΜͳ......
ࠓճͷΰʔϧʂʂ 6
ࠓճͷΰʔϧʂʂ 7͔͍͍ͬ͜ʂʂʂ
ࠓճͷΰʔϧʂʂ 8https://github.com/blue0513/slackdeck-protoProject Name, Release Version, DL, ESLint, JestΛදࣔͨ͠ Badge Λ README ʹ͚ͭΔ
ඞཁͳཁૉͨͪ 9README ΛؚΜͩΞϓϦέʔγϣϯ
10ඞཁͳཁૉͨͪGitHub
11ඞཁͳཁૉͨͪESLint
12ඞཁͳཁૉͨͪJest
13ඞཁͳཁૉͨͪBadge
14ඞཁͳཁૉͨͪBadgeJestESLintGitHub
15࣍‣ README ΛؚΜͩΞϓϦ‣ GitHub Actions ͱ‣ ESLint Λ CI Ͱճ͢‣ Jest Λ CI Ͱճ͢‣ README ʹ Badge ΛՃ͢Δ
README ΛؚΜͩΞϓϦέʔγϣϯ 16Slack Λ TweetDeck ෩ʹݟΔπʔϧhttps://github.com/blue0513/slackdeck-proto
README ΛؚΜͩΞϓϦέʔγϣϯ 17Slack Λ TweetDeck ෩ʹݟΔπʔϧhttps://github.com/blue0513/slackdeck-proto
18࣍‣ README ΛؚΜͩΞϓϦ‣ GitHub Actions ͱ‣ ESLint Λ CI Ͱճ͢‣ Jest Λ CI Ͱճ͢‣ README ʹ Badge ΛՃ͢Δ
19GitHub Actionshttps://github.com/features/actions
https://github.com/features/actionsGitHub Actions 20https://github.com/features/actionsৄࡉެࣜΛݟͯ͘Ε͍͞ʂ‣ CircleCI Travis ΛΘͣʹ CI/CD Ͱ͖Δػೳ‣ Linux, Windows, macOS ʹରԠ‣ 3rd party ͷ Action Λར༻Մೳ‣ yml Ͱ Workflow ΛఆٛՄೳ‣ Public Repo: Free!‣ Private Repo: ैྔ՝ۚੑ
21࣍‣ README ΛؚΜͩΞϓϦ‣ GitHub Actions ͱ‣ ESLint Λ CI Ͱճ͢‣ Jest Λ CI Ͱճ͢‣ README ʹ Badge ΛՃ͢Δ
ESLint Λ CI Ͱಈ͔ͯ͠Έͨ 22$ touch REPOSITORY/.github/workflows/eslint.yml$ emacs -nw eslint.yml$ git add --all & git commit -m "add eslint"$ git pushyml ΛσΟϨΫτϦʹՃͯ͠ push ͢Δ
ESLint Λ CI Ͱಈ͔ͯ͠Έͨ 23push ࣌ʹಈ͘ubuntu Ͱಈ͘root directory ESLint !
ESLint Λ CI Ͱಈ͔ͯ͠Έͨ 24Actions λϒͰ ESLint ͕࣮ߦ͞ΕΔ
25࣍‣ README ΛؚΜͩΞϓϦ‣ GitHub Actions ͱ‣ ESLint Λ CI Ͱճ͢‣ Jest Λ CI Ͱճ͢‣ README ʹ Badge ΛՃ͢Δ
Jest Λ CI Ͱಈ͔ͯ͠Έͨ 26$ touch REPOSITORY/.github/workflows/jest.yml$ emacs -nw jest.yml$ git add --all & git commit -m "add jest"$ git pushyml ΛσΟϨΫτϦʹՃͯ͠ push ͢Δ
Jest Λ CI Ͱಈ͔ͯ͠Έͨ 27push ࣌ʹಈ͘ubuntu Ͱ࣮ߦNode ͕ೖΔJest !!
Jest Λ CI Ͱಈ͔ͯ͠Έͨ 28Actions λϒͰ Jest ͕࣮ߦ͞ΕΔ
29࣍‣ README ΛؚΜͩΞϓϦ‣ GitHub Actions ͱ‣ ESLint Λ CI Ͱճ͢‣ Jest Λ CI Ͱճ͢‣ README ʹ Badge ΛՃ͢Δ
README ʹ Badge ΛՃͯ͠Έͨ 30GitHub ͷ README ͰΑ͘ݟΔ͍ͭ͜ΒΛ......
README ʹ Badge ΛՃͯ͠Έͨ 31GitHub ͷ README ͰΑ͘ݟΔ͍ͭ͜ΒΛՃ͢Δ
README ʹ Badge ΛՃͯ͠Έͨ 32https://shields.io/shileds.io Λͬͯ Badge Λ࡞Δ
README ʹ Badge ΛՃͯ͠Έͨ 33https://shields.io/shileds.io Λͬͯ Badge Λ࡞Δ
README ʹ Badge ΛՃͯ͠Έͨ 34ྫ͑ɺBuild ؔ࿈ͷ Badge ͨ͘͞Μ͋Δ
README ʹ Badge ΛՃͯ͠Έͨ 35Markdown ʹຒΊࠐΉ߹ɺLink Λॻ͚Α͍Custom BadgeRelease Version/github/v/release/:user/:repo /travis/:user/:repo, etc ...
README ʹ Badge ΛՃͯ͠Έͨ 36GitHub Actions ͷ߹ɺshields.io ΛΘ͍͚ͣΔJestESLinthttps://github.com/{owner}/{repo}/workflows/{workflow_name}/badge.svg)
ͱ͍͏Θ͚Ͱɺ৭ʑ͚ͬͨͲ.....
ࠓճͷΰʔϧʂʂ 41https://github.com/blue0513/slackdeck-protoProject Name, Release Version, DL, ESLint, JestΛදࣔͨ͠ Badge ͕ README ʹ͍ͭͨʂ
·ͱΊ 42‣ GitHub Actions Ͱ CI/CD ΛճͤΔΑ͏ʹͳͬͨ‣ yml ఆٛʹΑͬͯ ESLint, Jest ͳͲ͕࣮ߦ‣ Public Repository ແྉ‣ Shields.io Ͱ Badge Λ࡞Ͱ͖ΔΑ͏ʹͳͬͨ‣ Repository ͷ༰ΛಡΈऔͬͯࣗಈ࡞‣ Custom Badge ͰΦϦδφϧײग़ͤΔ‣ README ͕ͦΕͬΆ͘ͳͬͨʂ