フィヨルドブートキャンプに参加して私の身に起こった８つの変化

by Nobuhiro Kamioka

Slide 1

Slide 1 text

k a miok a n 2021/4/24ʢ౔ʣ ϑΟϤϧυϒʔτΩϟϯϓ ʹࢀՃͯ͠ࢲͷ਎ʹىͬͨ͜ ̔ͭͷมԽ PLUS ULTRA΁ͷಓ 1

Slide 2

Slide 2 text

ࣗݾ঺հ My pro f ile ໊લɿ্Ԭ৳༟ (kamiokan) झຯɿ௼ΓɾອըɾϞϯϋϯ 2

Slide 3

Slide 3 text

ࣗݾ঺հ • ॅ·͍   ෱Ԭˠ໊ݹ԰ˠژ౎ˠ౦ژˠ࡛ۄˠਆಸ઒ˠઍ༿   →໊ݹ԰→۽ຊ My pro f ile ໊લɿ্Ԭ৳༟ (kamiokan) झຯɿ௼ΓɾອըɾϞϯϋϯ 3

Slide 4

Slide 4 text

ࣗݾ঺հ • ॅ·͍   ෱Ԭˠ໊ݹ԰ˠژ౎ˠ౦ژˠ࡛ۄˠਆಸ઒ˠઍ༿   →໊ݹ԰→۽ຊ • ུྺ   ܦཧϚϯˠӦۀɾίϯαϧˠಠཱˠ̍೥Ͱഇۀ   →WEBαΠτ੍࡞ɾSEO→ಠཱ   →ϕϯνϟʔ্ཱͪ͛ʹJOIN→ࠓʹࢸΔ My pro f ile ໊લɿ্Ԭ৳༟ (kamiokan) झຯɿ௼ΓɾອըɾϞϯϋϯ 4

Slide 5

Slide 5 text

ࣗݾ঺հ • ॅ·͍   ෱Ԭˠ໊ݹ԰ˠژ౎ˠ౦ژˠ࡛ۄˠਆಸ઒ˠઍ༿   →໊ݹ԰→۽ຊ • ུྺ   ܦཧϚϯˠӦۀɾίϯαϧˠಠཱˠ̍೥Ͱഇۀ   →WEBαΠτ੍࡞ɾSEO→ಠཱ   →ϕϯνϟʔ্ཱͪ͛ʹJOIN→ࠓʹࢸΔ • ϓϥΫςΟεਐḿɿRubyதڃνΣϦʔຊಡΜͰ·͢ʂ My pro f ile ໊લɿ্Ԭ৳༟ (kamiokan) झຯɿ௼ΓɾອըɾϞϯϋϯ 5

Slide 6

Slide 6 text

Slide 7

Slide 7 text

900࣌ؒͷน ׬૸Ͱ͖Δͷ͔໰୊ ׬૸Ͱ͖Δͷ͔ʁ 7

Slide 8

Slide 8 text

900࣌ؒͷน ׬૸Ͱ͖Δͷ͔໰୊ ׬૸Ͱ͖Δͷ͔ʁ 8

Slide 9

Slide 9 text

900࣌ؒͷน ׬૸Ͱ͖Δͷ͔໰୊ ׬૸Ͱ͖Δͷ͔ʁ 9 Ϟϯϋϯϫʔϧυ1,000࣌ؒҎ্ ΍ͬͯΔϫΠͳΒ׬૸Ͱ͖Δϋζʂ ϝΠϯ෢ث͸ଠ౛

Slide 10

Slide 10 text

ͦͯ͠ຊ୊΁… 10

Slide 11

Slide 11 text

̔ͭͷมԽ ᶃMac࢖͑ΔΑ͏ʹͳͬͨ ᶄ৽͍͠΋ͷʹ᪳᪯ͳ͘ඈͼࠐΊΔΑ͏ʹͳͬͨ ᶅCSSͷ஌͕ࣝΞοϓσʔτ͞Εͨ ᶆGitHubϒϥϯν͕࢖͑ΔΑ͏ʹͳͬͨ ᶇγϯϓϧʹΞ΢τϓοτྔ͕૿͑ͨ ᶈࣗݾ։ࣔ͢Δ͜ͱͰࣗ෼Λ٬؍ࢹͰ͖ΔΑ͏ʹͳͬͨ ᶉʮΘ͔Βͳ͍ʯͱ͍͏͜ͱʹઈ๬͠ͳ͘ͳͬͨ ᶊຊ͕૿͑ͨ ໨࣍ 11

Slide 12

Slide 12 text

Slide 13

Slide 13 text

ᶃMac࢖͑ΔΑ͏ʹͳͬͨ 2020೥8݄ ʮSwiftͰiOSΞϓϦ࡞Γ͍ͨʂʯ ͱ੎͍ͰMacBook AirΛߪೖʂʂ ๅͷ࣋ͪ෗Εঢ়ଶ͔Βͷଔۀ 13

Slide 14

Slide 14 text

ᶃMac࢖͑ΔΑ͏ʹͳͬͨ ɾ࢓ࣄ͸WindowsϚγϯͰࡁΉ ɾ๩͘͠ͳ͖ͬͯͯiOSΞϓϦ࡞Δ Ͳ͜ΖͰ͸ͳ͘ͳΔ ๅͷ࣋ͪ෗Εঢ়ଶ͔Βͷଔۀ 14

Slide 15

Slide 15 text

ᶃMac࢖͑ΔΑ͏ʹͳͬͨ ɾ࢓ࣄ͸WindowsϚγϯͰࡁΉ ɾ๩͘͠ͳ͖ͬͯͯiOSΞϓϦ࡞Δ Ͳ͜ΖͰ͸ͳ͘ͳΔ ๅͷ࣋ͪ෗Εঢ়ଶ͔Βͷଔۀ 15 ดͨ͡··์ஔ MOTTAINAI

Slide 16

Slide 16 text

ᶃMac࢖͑ΔΑ͏ʹͳͬͨ ɾϑΟϤϧυϒʔτΩϟϯϓʹग़ձ͏ ɾϓϥΫςΟε؀ڥ͸࠷৽ͷMacΛਪ঑ ๅͷ࣋ͪ෗Εঢ়ଶ͔Βͷଔۀ 16 ɾʮश͏ΑΓ׳ΕΑʯਫ਼ਆͰMac࢖͑ΔΑ͏ʹ ے೑͸ཪ੾Βͳ͍

Slide 17

Slide 17 text

ᶃMac࢖͑ΔΑ͏ʹͳͬͨ ๅͷ࣋ͪ෗Εঢ়ଶ͔Βͷଔۀ 17 80%Ҏ্ͷ࢓ࣄ͸MacʹҠߦ

Slide 18

Slide 18 text

Slide 19

Slide 19 text

ᶄ৽͍͠΋ͷʹ᪳᪯ͳ͘ඈͼࠐΊΔΑ͏ʹͳͬͨ ɾॳΊͯͷSkitch ɾॳΊͯͷSlack ɾॳΊͯͷDiscord ɾॳΊͯͷRemo Dive into the new hoge 19 ࣍ʑͱݱΕΔ ࢖ͬͨ͜ͱͳ͍΍ʔͭʂ

Slide 20

Slide 20 text

ᶄ৽͍͠΋ͷʹ᪳᪯ͳ͘ඈͼࠐΊΔΑ͏ʹͳͬͨ Slack͔ΒDiscordʹҠߦͨ͠ࡍ ϝϯλʔͷօ͞Μ΋ख୳ΓͰ ࢖͍ํΛࢼߦࡨޡ͍ͯ͠Δͷ Λ໨ͷ౰ͨΓʹ͢Δɻ Dive into the new hoge 20 ϝϯλʔͰ͢ΒॳΊ͸wakaran͔Βௐ΂Δ΋ͷΛɺ ͍ΘΜ΍զʑΛ΍ɻ

Slide 21

Slide 21 text

ᶄ৽͍͠΋ͷʹ᪳᪯ͳ͘ඈͼࠐΊΔΑ͏ʹͳͬͨ ৽͍͠πʔϧ΍࢓૊Έ ʹग़ձͬͨΒௐ΂ͯ࢖ ͑ΔΑ͏ʹͳΔͷ͸౰ ͨΓલɻ ͱ͍͏৺࣋ͪʹɻ Dive into the new hoge 21 ৽͍͠πʔϧΛ࢖͏ ·Ͱͷʮ͠ΜͲ͍ʯ ؾ͕࣋ͪബ͘ͳͬͨ

Slide 22

Slide 22 text

Slide 23

Slide 23 text

ᶅCSSͷ஌͕ࣝΞοϓσʔτ͞Εͨ 2ΧϥϜͷϨΠΞ΢τΛ࡞Δͱ͖ f loat: left, f loat: right Ͱ྆୺ʹدͤɺ શମΛ .clear f ix Ͱғ͏ελΠϧ Cle a r f ix͔Βͷଔۀ 23 HTML4.01/CSS2 ࣌୅͔Βଓ͘ ͍ʹ͑͠ͷॻ͖ํ

Slide 24

Slide 24 text

ᶅCSSͷ஌͕ࣝΞοϓσʔτ͞Εͨ 2ΧϥϜͷϨΠΞ΢τΛ࡞Δͱ͖ display: f lex; justify-content: space-between; Ͱ྆୺ʹدͤΔελΠϧ Cle a r f ix͔Βͷଔۀ 24

Slide 25

Slide 25 text

ᶅCSSͷ஌͕ࣝΞοϓσʔτ͞Εͨ Cle a r f ix͔Βͷଔۀ CSS3ͷදݱྗΛ׆༻ʂ ʰCSSઃܭ׬શΨΠυʱ Λࢀߟʹʂ ࢓ࣄͰ͜Ε·ͰΑΓ΋ ΩϨΠͰ؅ཧ͠΍͍͢ HTML/CSSΛॻ͚Δ Α͏ʹͳͬͨ 25

Slide 26

Slide 26 text

Slide 27

Slide 27 text

ᶆGitHubͰϒϥϯν͕࢖͑ΔΑ͏ʹͳͬͨ ։ൃʹGitHub͸࢖͍ͬͯͨ ΋ͷͷʮ΅ͬͪ։ൃʯ͔͠͠ ͓ͯΒͣɺػೳ͝ͱʹϒϥϯ νΛ੾ͬͯਐΊΔɺ Έ͍ͨͳश׳͕օແͰͨ͠ɻ ಉ࣌ʹෳ਺ՕॴͷਐḿΛ௥͑Δܗʹ 27 GitHubͷΦΠγΠॴ ࢖͑ͯͳ͍ MOTTAINAI

Slide 28

Slide 28 text

ᶆGitHubͰϒϥϯν͕࢖͑ΔΑ͏ʹͳͬͨ ϓϥΫςΟεͷαϧGit΍ ՝୊ఏग़࣌ͷ࣮ફΛ௨ͯ͡ ϒϥϯν͝ͱͷ؅ཧ͕ গ͚ͩ͠Θ͔ΔΑ͏ʹʂ ಉ࣌ʹෳ਺ՕॴͷਐḿΛ௥͑Δܗʹ 28 ɾ৽ػೳͷ௥Ճ ɾຊ൪؀ڥͷඍௐ੔ ΛϒϥϯνΛ੾Δ͜ͱͰ εϜʔζʹਐΊΒΕΔΑ͏ ʹͳͬͨʂʂ

Slide 29

Slide 29 text

υϦϯΫҿΜͰམͪண͜͏ ଉܧ͗ٳܜ ͋ͱ൒෼ʂ

Slide 30

Slide 30 text

Slide 31

Slide 31 text

ᶇγϯϓϧʹΞ΢τϓοτྔ͕૿͑ͨ ϑΟϤϧϒʔτΩϟϯϓ ʹࢀՃ͔ͯ͠ΒGitHubͷ ૲ੜ΍͢ີ౓͕ߴ͘ͳͬ ͨʂ Ξ΢τϓοτͦ͜࠷େͷΠϯϓοτ 31

Slide 32

Slide 32 text

ᶇγϯϓϧʹΞ΢τϓοτྔ͕૿͑ͨ ϑΟϤϧϒʔτΩϟϯϓ ʹࢀՃ͔ͯ͠ΒGitHubͷ ૲ੜ΍͢ີ౓͕ߴ͘ͳͬ ͨʂ Ξ΢τϓοτͦ͜࠷େͷΠϯϓοτ 32 Start

Slide 33

Slide 33 text

ᶇγϯϓϧʹΞ΢τϓοτྔ͕૿͑ͨ ϑΟϤϧϒʔτΩϟϯϓ ʹࢀՃ͔ͯ͠ΒGitHubͷ ૲ੜ΍͢ີ౓͕ߴ͘ͳͬ ͨʂ Ξ΢τϓοτͦ͜࠷େͷΠϯϓοτ 33 Start

Slide 34

Slide 34 text

ᶇγϯϓϧʹΞ΢τϓοτྔ͕૿͑ͨ Πϯϓοτֶͨ͠ͼΛ Ξ΢τϓοτ͢ΔաఔͰ ৘ใͷ੔ཧ΍ߟ͑Λ ਂΊΔճ਺͕૿͑Δɻ Ξ΢τϓοτͦ͜࠷େͷΠϯϓοτ 34 ੒௕͕Ճ଎͍ͯ͠Δ ※͋͘·Ͱ΋ݸਓͷײ૝Ͱ͋Γɺ ޮՌɾޮೳΛࣔ͢΋ͷͰ͸͋Γ·ͤΜɻ

Slide 35

Slide 35 text

Slide 36

Slide 36 text

ᶈࣗݾ։ࣔ͢Δ͜ͱͰࣗ෼Λ٬؍ࢹͰ͖ΔΑ͏ʹͳͬͨ ೔ใɺDiscord෼ใͳͲ ࣗ෼͕ԿΛߟ͑ͯΔ͔ʁ ԿΛͯ͠Δͷ͔ʁ Λൃ৴ɻ ଞͷํͷൃ৴ΛಡΜͩΓɺ ίϝϯτͨ͠Γɻ ڪΕͣʹɺ͞Β͚ग़ͦ͏ 36 ௚઀ɾؒ઀ͷ྆ํ͔Β ͍ΖΜͳܗͰ ϑΟʔυόοΫ ΋Β͑Δ ͳΔ΄Ͳɺ ͦ͏͍͏ߟ͑΋͋ΔΑͶʙ

Slide 37

Slide 37 text

ᶈࣗݾ։ࣔ͢Δ͜ͱͰࣗ෼Λ٬؍ࢹͰ͖ΔΑ͏ʹͳͬͨ ٬؍తʹࣗ෼ΛݟͭΊΔ ͜ͱ͕Ͱ͖Δʂ ڪΕͣʹɺ͞Β͚ग़ͦ͏ 37 ͪͳΈʹ๻ͷ৔߹͸ɾɾɾ ɾ࣭໰ɾࡶஊϧʔϜͷ׆༻ͳͲ ɺ΋ͬ ͱੵۃతʹίϛϡχέʔγϣϯͨ͠ํ ͕͍͍ͳɻ ɾస৬Λ໨ࢦͯ͠Δํͷ೤ྔʹෛ͚ͳ ͍͘Β͍ͷ੎͍ͰϓϥΫςΟεऔΓ૊ Μͩํ͕ྑͦ͞͏ͩͳ͊ɻ

Slide 38

Slide 38 text

Slide 39

Slide 39 text

ᶉʮΘ͔Βͳ͍ʯͱ͍͏͜ͱʹઈ๬͠ͳ͘ͳͬͨ ૝૾͍ͯͨ͠ϓϩάϥϛ ϯάΛϚελʔͨ͠ঢ়ଶ ׬ᘳ௒ਓʹͳΒͳ͍͍ͯ͘ 39 ࣮ࡍ શ෦஌͔ͬͯͬΒ ͳΜͰ΋ฉ͍ͯ͘ΕΑͳͬʂ ׬શʹཧղͨ͠ ੵΈ্͍͛ͯ͘ Θ͔͍ͬͯΔॴΛ࣠ʹௐ΂ͨΓɺ खΛಈ͔ͯ͠ྖҬΛ޿͍͛ͯ͘ ྖҬల։ʂ ாΛԼΖ͢Θͬʂ

Slide 40

Slide 40 text

ᶉʮΘ͔Βͳ͍ʯͱ͍͏͜ͱʹઈ๬͠ͳ͘ͳͬͨ ͕࣌ؒܦ͔ͬͯΒʮͦ͏͍͏͜ͱͩͬ ͨͷͶʯ΋͋ΓಘΔͷͰɺʮΘ͔Βͳ ͍ʯঢ়ଶʹ௚໘ͯ͠΋যΒͳ͍ɻ ׬ᘳ௒ਓʹͳΒͳ͍͍ͯ͘ 40 ʮΘ͔Βͳ͍ʯ͸৳ͼ୅ɻ खΛಈ͔͠ɺ࣭໰ͯ͠ ϓϥΫςΟεΛਐΊ͍ͯ ͘ɻ

Slide 41

Slide 41 text

Slide 42

Slide 42 text

ᶊຊ͕૿͑ͨ 2020೥4݄۽ຊҠॅ࣌ นҰ໘Λຊ͕෴͍ਚ͘͢͜ͱͰ͠ΐ͏ 42 2020೥12݄ࢀߟਤॻҰؾങ͍

Slide 43

Slide 43 text

ᶊຊ͕૿͑ͨ นҰ໘Λຊ͕෴͍ਚ͘͢͜ͱͰ͠ΐ͏ 43 2021೥4݄ݱࡏ ʮੵಡ্౳ʂʯͷਫ਼ਆͰ ؾʹͳͬͨຊ͸ยͬ୺͔Β ߪೖ͍ͯ͠·͢ɻ

Slide 44

Slide 44 text

ϑΟϤϧυϒʔτΩϟϯϓʹࢀՃͯ͠ ࢲͷ਎ʹىͬͨ̔ͭ͜ͷมԽ ᶃMac࢖͑ΔΑ͏ʹͳͬͨ ᶄ৽͍͠΋ͷʹ᪳᪯ͳ͘ඈͼࠐΊΔΑ͏ʹͳͬͨ ᶅCSSͷ஌͕ࣝΞοϓσʔτ͞Εͨ ᶆGitHubϒϥϯν͕࢖͑ΔΑ͏ʹͳͬͨ ᶇγϯϓϧʹΞ΢τϓοτྔ͕૿͑ͨ ᶈࣗݾ։ࣔ͢Δ͜ͱͰࣗ෼Λ٬؍ࢹͰ͖ΔΑ͏ʹͳͬͨ ᶉʮΘ͔Βͳ͍ʯͱ͍͏͜ͱʹઈ๬͠ͳ͘ͳͬͨ ᶊຊ͕૿͑ͨ 44

Slide 45

Slide 45 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂʂ Fin

Slide 46

Slide 46 text

࣭ٙԠ౴ྫ ɾ࠷৽࡞ͷϞϯελʔϋϯλʔϥΠζ͸ߪೖ͠· ͔ͨ͠ʁ ɾண͍ͯΔTγϟπʹ͸Կ͕ඳ͔Ε͍ͯΔΜͰ͢ ͔ʁ ɾ࠷ۙಡΜͰΔອը͸ԿͰ͔͢ʁ