Slide 1

Slide 1 text

ʰϝϯλʔͷεεϝʱ
 - CoderDojoͰͷࢲͱࢠͲ΋ͷ઀͠ํ - 2016.11.26
 ਆށITϑΣεςΟόϧ2016

Slide 2

Slide 2 text

ࣗݾ঺հ • ֯ాɹҰฏʢ͢Έͩɹ͍ͬ΃͍ʣ • 2016.07͔ΒϑϦʔϥϯεʹδϣϒνΣϯδ • PHP, iOS, AndroidΤϯδχΞ • CoderDojo੢ٶɾകాɹੈ࿩ਓձ • CoderDojoຕํɹओ࠻

Slide 3

Slide 3 text

Objective 1. CoderDojoɾϝϯλʔʹ͍͓ͭͯ఻͑͢Δ 2. ࣗ෼ͷϝϯλʔͷ஌ݟΛڞ༗͢Δ 3. CoderDojoɾϝϯλʔʹڵຯΛ࣋ͬͯ΋Β͏

Slide 4

Slide 4 text

Agenda 1. CoderDojoͱ͸ʁ 2. ϝϯλʔʹ͍ͭͯ 3. ϝϯλʔΛקΊΔཧ༝ 4. ϝϯλʔͱͯ͠ͷࢠͲ΋ͷ઀͠ํ 5. ϝϯλʔʹڵຯΛ࣋ͬͯ͘Εͨํ΁

Slide 5

Slide 5 text

1.CoderDojoͱ͸ʁ

Slide 6

Slide 6 text

1.CoderDojoͱ͸ʁ CoderDojo͸2011೥ΞΠϧϥϯυͰੜ·Εͨ
 ׬શඇӦརͷίʔσΟϯάΫϥϒ

Slide 7

Slide 7 text

8IBUJT$PEFS%PKP ϘϥϯςΟΞʢϝϯλʔʣ͕ࢠڙͨͪʹ ແྉʢඇӦརʣͰڭ͑Δఆظ։࠵ͷ ίʔσΟϯάಓ৔Ͱ͢ɻ

Slide 8

Slide 8 text

Χࠃɹ ͷಓ৔ IUUQTDPEFSEPKPDPN

Slide 9

Slide 9 text

4DSBUDI ϏδϡΞϧϓϩάϥϛϯάݴޠ

Slide 10

Slide 10 text

"SEVJOP

Slide 11

Slide 11 text

)5.- $44 +BWB4DSJQU

Slide 12

Slide 12 text

ଞʹ͸… 1.CoderDojoͱ͸ʁ

Slide 13

Slide 13 text

CoderDojoͰΑ͘ग़Δ༻ޠ • χϯδϟɿϓϩάϥϛϯάΛ͢Δࢠڙ • ϝϯλʔɿϓϩάϥϛϯάͷ૬ஊʹͷͬͯ͘ΕΔਓ • ಓ৔ɿϓϩάϥϛϯάϫʔΫγϣοϓձ৔ • νϟϯϐΦϯɿϫʔΫγϣοϓӡӦ୅ද 1.CoderDojoͱ͸ʁ

Slide 14

Slide 14 text

1.CoderDojoͱ͸ʁ ϓϩάϥϛϯάक़ͱͷҧ͍͸ʁ

Slide 15

Slide 15 text

1.CoderDojoͱ͸ʁ ΧϦΩϡϥϜ͕ͳ͍

Slide 16

Slide 16 text

ΧϦΩϡϥϜ͕ͳ͍ͷͰ • ࣗ෼ͷ޷͖ͳ΋ͷΛ࡞Δ͜ͱ͕Ͱ͖Δ
 ˠΈΜͳҧ͏ɺϢχʔΫͳ࡞඼͕Ͱ͖Δɻ • ࣗ෼Ͱߟ͑ͯϓϩάϥϛϯά͢Δ
 ˠΘ͔Βͳ͍ͱ͜ΖΛϝϯλʔ͕αϙʔτ 1.CoderDojoͱ͸ʁ

Slide 17

Slide 17 text

1.CoderDojoͱ͸ʁ

Slide 18

Slide 18 text

1.CoderDojoͱ͸ʁ ൃද͕࣌ؒ͋Δ

Slide 19

Slide 19 text

ൃද͢Δ͜ͱ΋େࣄ • ࣗ෼ͷ࡞ͬͨ࡞඼Λൃද͢Δ৔Λઃ͚Δ
 ˠࣗ෼ΛΞϐʔϧ͢Δ৔ॴΛ༻ҙ
 ˠϓϨθϯͷ࿅शʹ΋ • ଞͷਓͷ࡞඼Λ஌Δ͜ͱ͕Ͱ͖Δ
 ˠࣗ෼ͷ࡞඼ͷࢀߟʹͰ͖Δ
 ˠࢠͲ΋ಉ࢜ͷίϛϡχέʔγϣϯͷ৔ʹ 1.CoderDojoͱ͸ʁ

Slide 20

Slide 20 text

1.CoderDojoͱ͸ʁ ೔ຊͷಓ৔

Slide 21

Slide 21 text

1.CoderDojoͱ͸ʁ 2015೥7݄

Slide 22

Slide 22 text

1.CoderDojoͱ͸ʁ 2016೥10݄

Slide 23

Slide 23 text

1.CoderDojoͱ͸ʁ 21 → 60

Slide 24

Slide 24 text

IUUQTDPEFSEPKPDPN ৽ٶ੢ٶകాಸྑ௕Ԭژࡖେ௡ੜۨ
 ໌ੴ෬ݟຕํਆށ๺ਆށຊொͳΜ͹࿨Վࢁ

Slide 25

Slide 25 text

͜ͷ̍೥Ͱ̏ഒͷن໛ʹʂ • 2020೥ϓϩάϥϛϯάඞमԽ͕ཁҼʁ
 ˠࢠͲ΋ͨͪͷࢀՃԠื΋ٸ૿ • DojoCon Japan2016Λ։࠵
 ˠ։࠵ޙʹ৽ಓ৔ͷ։ઃ͕ٸ૿ 1.CoderDojoͱ͸ʁ

Slide 26

Slide 26 text

1.CoderDojoͱ͸ʁ ࢠͲ΋ͷԠื

Slide 27

Slide 27 text

1.CoderDojoͱ͸ʁ CoderDojoͷࢀՃر๬ऀͷಈ޲ ʢCoderDojo੢ٶ/കాͷ৔߹ʣ 0 20 40 60 80 2014೥1݄ 2014೥3݄ 2014೥5݄ 2014೥7݄ 2014೥9݄ 2014೥11݄ 2015೥1݄ 2015೥3݄ 2015೥5݄ 2015೥7݄ 2015೥9݄ 2015೥11݄ ड͚ೖΕ਺ ਃ͠ࠐΈ਺

Slide 28

Slide 28 text

2.ϝϯλʔʹ͍ͭͯ

Slide 29

Slide 29 text

ͦ΋ͦ΋ϝϯλʔͱ͸ʁ 2.ϝϯλʔʹ͍ͭͯ

Slide 30

Slide 30 text

ϝϯλʔʢϝϯλϦϯάʣͱ͸ ϝϯλϦϯάͱ͸ɺਓͷҭ੒ɺࢦಋํ๏ͷҰͭɻ ࢦࣔ΍໋ྩʹΑΒͣɺϝϯλʔͱݺ͹ΕΔࢦಋ ऀ͕ɺର࿩ʹΑΔؾ͖ͮͱॿݴʹΑΔඃҭ੒ऀ ͨΔϓϩςδΣͳ͍͠ϝϯςΟʔຊਓͱɺؔ܎ ΛΉ͢ͼࣗൃతɾࣗ཯తͳൃୡΛଅ͢ํ๏Ͱ͋ Δɻ 2.ϝϯλʔʹ͍ͭͯ wikipediaΑΓ

Slide 31

Slide 31 text

ࣗൃతɾࣗ཯తͳൃୡΛଅ͢ 2.ϝϯλʔʹ͍ͭͯ

Slide 32

Slide 32 text

CoderDojoϝϯλʔʹͳΔ৚݅ • νϟϯϐΦϯͱ໘͕ࣝ͋Δਓ
 ˠ໘͕ࣝͳ͍ਓ͸Dojoલʹإ߹Θͤ • අ༻ෛ୲ʢަ௨අɾߨࢣྉͳ͠ʣ • ԁ׈ͳίϛϡχέʔγϣϯΛ৺͕͚Δ 2.ϝϯλʔʹ͍ͭͯ

Slide 33

Slide 33 text

CoderDojoϝϯλʔͱڭࢣͷҧ͍ 2.ϝϯλʔʹ͍ͭͯ

Slide 34

Slide 34 text

※͋͘·Ͱݸਓత؍఺ 2.ϝϯλʔʹ͍ͭͯ

Slide 35

Slide 35 text

ڭࢣɾߨࢣ • ʰڭ͑Δɾࢦಋʱͷϓϩ • 1ରଟ • ֶߍɾक़ʹߦ͚͹ɺ΄΅
 ࣮֬ʹ͍Δଘࡏ 2.ϝϯλʔʹ͍ͭͯ

Slide 36

Slide 36 text

CoderDojoϝϯλʔ • ʰڭ͑Δɾࢦಋʱ͸ઐ໳֎ • 1ର1ɺ1ରগ਺ • ಉ͡ਓ͕͍Δ͔Ͳ͏͔ෆ໌ • ࿩͠૬ख 2.ϝϯλʔʹ͍ͭͯ

Slide 37

Slide 37 text

ϝϯλʔͱࢠͲ΋ͷׂ߹ 2.ϝϯλʔʹ͍ͭͯ

Slide 38

Slide 38 text

ͳΔ΂͘1:1 2.ϝϯλʔʹ͍ͭͯ

Slide 39

Slide 39 text

ͳΔ΂͘1:1ʹ • ࿩͍ͨ͠ͱ͖ʹ͍ͭͰ΋࿩ͤΔ༷ʹ • ৔߹ʹΑͬͯ͸1:2,1:3ʹͳΔ࣌΋
 • ւ֎Ͱ͸ฏۉ1:8 2.ϝϯλʔʹ͍ͭͯ

Slide 40

Slide 40 text

ϝϯλʔͷ৬छ 2.ϝϯλʔʹ͍ͭͯ

Slide 41

Slide 41 text

CoderDojo੢ٶɾകాϝϯλʔͷׂ߹ 2.ϝϯλʔʹ͍ͭͯ

Slide 42

Slide 42 text

͍Ζ͍Ζͳ৬छͷϝϯλʔ͕͍Δ • ΤϯδχΞ͕ଟ͍ • σβΠφʔɺσΟϨΫλʔͳͲͷඇΤϯδχΞ ৬ͷํ΋ଟ͍ɻ • ͦͷଞɺݱ໾ڭࢣɾֶੜͳͲ΋ 2.ϝϯλʔʹ͍ͭͯ

Slide 43

Slide 43 text

3.ϝϯλʔΛקΊΔཧ༝

Slide 44

Slide 44 text

ࢠͲ΋ͱର࿩Ͱ͖Δ 3.ϝϯλʔΛקΊΔཧ༝

Slide 45

Slide 45 text

ࢠڙͷָ͠ΜͰ͍Δ࢟ΛݟΔ͜ͱ͕Ͱ͖Δ 3.ϝϯλʔΛקΊΔཧ༝

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

༧૝Ҏ্ͷϦΞΫγϣϯΛड͚Δ 3.ϝϯλʔΛקΊΔཧ༝

Slide 48

Slide 48 text

ʮϑϥά༻ͷม਺Λ࡞੍ͬͯޚͨ͠Β͍͍Αɻʯ 3.ϝϯλʔΛקΊΔཧ༝

Slide 49

Slide 49 text

ࢠͲ΋ͷࣗ༝ͳൃ૝ʹ৮ΕΔ͜ͱ͕Ͱ͖Δɻ 3.ϝϯλʔΛקΊΔཧ༝

Slide 50

Slide 50 text

3.ϝϯλʔΛקΊΔཧ༝ Splatoon https://www.nintendo.co.jp/wiiu/agmj/

Slide 51

Slide 51 text

3.ϝϯλʔΛקΊΔཧ༝

Slide 52

Slide 52 text

3.ϝϯλʔΛקΊΔཧ༝

Slide 53

Slide 53 text

3.ϝϯλʔΛקΊΔཧ༝

Slide 54

Slide 54 text

ࣗ෼ͷ࣮ྗʹؾͮ͘ 3.ϝϯλʔΛקΊΔཧ༝

Slide 55

Slide 55 text

ࣗ෼ͷཧղෆ଍ͳ෦෼ʹؾͮ͘ 3.ϝϯλʔΛקΊΔཧ༝

Slide 56

Slide 56 text

ʮͳΜͰΫϥεͰ࡞ΔΜͰ͔͢ʁʯ 3.ϝϯλʔΛקΊΔཧ༝

Slide 57

Slide 57 text

࣍ͷεςοϓ͕ݟ͔ͭΔɻ 3.ϝϯλʔΛקΊΔཧ༝

Slide 58

Slide 58 text

3.ϝϯλʔΛקΊΔཧ༝ ΦϒδΣΫτࢦ޲Ͱͳͥ࡞Δͷ͔
 http://amzn.to/2gkk8ON

Slide 59

Slide 59 text

ଞͷϝϯλʔͱίϛϡχέʔγϣϯ͕औΕΔ 3.ϝϯλʔΛקΊΔཧ༝

Slide 60

Slide 60 text

ଞۀछͷํͱͷڞ௨ͷ࿩୊͕Ͱ͖Δɻ 3.ϝϯλʔΛקΊΔཧ༝

Slide 61

Slide 61 text

CoderDojo੢ٶɾകాϝϯλʔͷׂ߹ 3.ϝϯλʔΛקΊΔཧ༝

Slide 62

Slide 62 text

ผͷಇ͖ํʹؾͮ͘ 3.ϝϯλʔΛקΊΔཧ༝

Slide 63

Slide 63 text

ࢠͲ΋ͱͷ઀͠ํ͕ҧ͏͜ͱʹؾͮ͘ 3.ϝϯλʔΛקΊΔཧ༝

Slide 64

Slide 64 text

4.ϝϯλʔͱͯ͠ࢠͲ΋ͱͷ ઀͠ํʹ͍ͭͯ

Slide 65

Slide 65 text

ࢠͲ΋ͨͪʹର͢Δؾ͖ͮ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 66

Slide 66 text

if͸೉͍͠ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 67

Slide 67 text

ifʢ΋͠ʣͬͯ݁ߏ೉͍͠ • Loopʢ܁Γฦ͠ʣɺFunctionʢॲཧΛ·ͱΊ Δʣ͸݁ߏ؆୯ʹཧղͯ͠΋Β͑Δ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 68

Slide 68 text

ڵຯΛ࣋ͪ࢝ΊΔ࣌ظ͸ਓͦΕͧΕ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 69

Slide 69 text

• খֶੜ͔ΒڵຯΛ࣋ͭࢠ΋͍Ε͹ɺதֶੜɾ ߴߍੜ͔ΒڵຯΛ࣋ͭࢠ΋͍Δɻ • ϓϩάϥϛϯάͦͷ΋ͷʹڵຯΛ࣋ͭࢠ • ඞཁͱͳͬͯڵຯΛ࣋ͭࢠ • ήʔϜ͔ΒೖΔࢠɺిࢠ޻࡞͔ΒೖΔࢠɺ਌ ʹແཧ໼ཧ࿈Εͯ͜ΒΕ͔ͯͦ͜ΒϋϚΔࢠɻ ͦΕͧΕ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 70

Slide 70 text

ϝϯλʔ͍ͯ͠Δ࣌ʹؾΛ͚͍ͭͯΔ͜ͱ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 71

Slide 71 text

ͳΔ΂͘ஸೡޠͰ࿩͢ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 72

Slide 72 text

ಉ͡ϓϩάϥϚʔ • ઌੜͰ͸ͳ͘ɺ͋͘·Ͱ΋ʮҰॹʹϓϩάϥ ϛϯά͢ΔେਓʯͰ͋Δ • ର౳ͳཱ৔ͳͷͰɺஸೡޠΛ࢖͏ɻʢ஥ྑ͘ ͳΕ͹ϑϥϯΫʹͳΔʣ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 73

Slide 73 text

ͳΔ΂͘ڭ͑ͳ͍ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 74

Slide 74 text

ઌੜͰ͸ʢry • ͖͔͚ͬʢifͷ࢖͍ํɺม਺ͷ࢖͍ํʣ͸ڭ͑ Δ͚ͲɺͦΕҎ্͸ٻΊΒΕͳ͚Ε͹ڭ͑ͳ ͍ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 75

Slide 75 text

࣮ྫɿgitΛ঺հͯ͠Έͨ • ʮgitΛ࢖͏ͱόοΫΞοϓͱΕΔΑʔʯ • ʮGitHubʯ࢖͏ͱWebαΠτ͙͢ʹ࡞ΕΔ Αʔʯ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 76

Slide 76 text

4.ࢠͲ΋ͱͷ઀͠ํ

Slide 77

Slide 77 text

4.ࢠͲ΋ͱͷ઀͠ํ

Slide 78

Slide 78 text

4.ࢠͲ΋ͱͷ઀͠ํ

Slide 79

Slide 79 text

4.ࢠͲ΋ͱͷ઀͠ํ

Slide 80

Slide 80 text

࣮ྫɿgitΛ঺հͯ͠Έͨ • GUIπʔϧΛ࢖͏Α͏ʹͳ͍ͬͯͨ • Issue؅ཧ͢ΔΑ͏ʹͳ͍ͬͯͨ • PullRequestΛ΍ΓऔΓ͢ΔΑ͏ʹͳ͍ͬͯͨ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 81

Slide 81 text

ͳΔ΂͘൱ఆ͠ͳ͍ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 82

Slide 82 text

4.ࢠͲ΋ͱͷ઀͠ํ $i = 0; $i += 1; $i += 1; $i += 1; $i += 1; $i += 1; $i += 1; $i += 1; $i += 1; $i += 1; $i += 1; print $i; $i = 0; while ($i < 10) { $i ++; } print $i; ͲͪΒ΋10Λग़ྗ

Slide 83

Slide 83 text

൱ఆΛආ͚Δ • ࠷దͳ΍ΓํͰ͸ͳͯ͘΋ɺಈ࡞ͱͯ͠ਖ਼͠ ͍ͷͰ͋Ε͹൱ఆ͠ͳ͍ɻ
 ˠผͷ΍Γํ΋͋Δ͜ͱΛ఻͑Δɻ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 84

Slide 84 text

Θ͔Βͳ͍࣌͸Ұॹʹௐ΂Δ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 85

Slide 85 text

4.ࢠͲ΋ͱͷ઀͠ํ

Slide 86

Slide 86 text

Θ͔Βͳ͚Ε͹άάΔ • Θ͔Βͳ͚Ε͹ௐ΂Δͱ͍͏श׳ͷ͖͔͚ͬ Λ࡞Δɻ • େਓͰ΋Θ͔Βͳ͚Ε͹ௐ΂Δͱ͍͏ͱ͜Ζ ΛݟͤΔɻ • ࢠͲ΋΋ϝϯλʔ΋ୡ੒ײ͕େ͖͍ɻ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 87

Slide 87 text

ԡ͚͢Ͳԡ͗͢͠ͳ͍ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 88

Slide 88 text

ԡ͢͜ͱ͸ԡ͢ • ࡞඼ͷఏҊ΍ɺൃදͷଅਐͳͲͰͱΓ͋͑ͣ ԡ͢ɻ • 1,2ճڭ͑ͯ΋μϝͳΒఘΊΔɻ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 89

Slide 89 text

4.ࢠͲ΋ͱͷ઀͠ํ

Slide 90

Slide 90 text

ԡ͗͢͠ݫې • ԡ͗͢͠Δͱ໋ྩͩͱଊ͑ΒΕɺڋઈ൓Ԡ͕ ͰΔɻ • Ұॹʹ࡞ΔͷͰɺ͍͍ͭͭൃදͯ͠ཉ͘͠ͳ Δɻ
 ˠࣗຫ͢Δͷ͸ࢠͲ΋ͰେਓͰ͸ͳ͍ • ࢥय़ظͩͱؾ෼͕มΘΓ΍͍͢ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 91

Slide 91 text

पΓͷࢠͲ΋ୡΛݟͯؾ෼͕มΘΔ͜ͱ͕͋Δ 4.ࢠͲ΋ͱͷ઀͠ํ

Slide 92

Slide 92 text

5.ϝϯλʔʹڵຯΛ࣋ͬͯ͘ Εͨํ΁

Slide 93

Slide 93 text

IUUQTDPEFSEPKPDPN ৽ٶ੢ٶകాಸྑ௕Ԭژࡖେ௡ੜۨ
 ໌ੴ෬ݟຕํਆށ๺ਆށຊொͳΜ͹࿨Վࢁ

Slide 94

Slide 94 text

ڞ༗͠Α͏ 5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 95

Slide 95 text

Not teach, share. • ͋͘·Ͱ΋ϝϯλʔɻڭࢣͰ͸ͳ͍ɻ • ڭ͑Α͏ͱ͢Δͱɺؾ͕ுۭͬͯճΓ͢Δɻ • ࣗ෼ͷ஌ࣝΛڞ༗͢Δͱ͍͏ؾ͙࣋ͪΒ͍Ͱ ͪΐ͏ͲΑ͍ 5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 96

Slide 96 text

ָ͠Ή 5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 97

Slide 97 text

ͱʹָ͔͘͠Ή • ָ͠ΜͰ΍͍ͬͯΔͱɺͦΕ͕ࢠͲ΋ୡʹ఻Θ Δɻ • ͦΕ͚ͩͰ΋े෼ 5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 98

Slide 98 text

5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 99

Slide 99 text

5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 100

Slide 100 text

5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 101

Slide 101 text

5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 102

Slide 102 text

5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 103

Slide 103 text

5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 104

Slide 104 text

ڵຯΛ࣋ͨΕͨํ͸ ͓ۙ͘ͷCoderDojo΁ʂ http://www.coderdojo.jp/ 5.ϝϯλʔ΁ڵຯΛ࣋ͬͨํ΁

Slide 105

Slide 105 text

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

Slide 106

Slide 106 text

ग़య • ༻ޠ
 Wikipedia
 https://ja.wikipedia.org • ը૾ɺࣸਅ
 ͺͨͦ͘
 https://www.pakutaso.com/
 
 THE COMMON PLACE
 
 http://thecommonplace.the-place.jp/
 
 CoderDojo੢ٶɾകా
 http://coderdojo-nishinomiya.info/
 
 CoderDojoຕํ
 http://coderdojo-hirakata.github.io/