Slide 1
Slide 1 text
MakeCodeで神隠し
Slide 2
Slide 2 text
ぺんたけ
webエンジニア / デザイナーの狭間
⚙ Noodl / HTML / CSS / JavaScript
Noodlコミュニティ運営 / Noodler
Twitter：@pentake_de
Qiita：@pentake
Slide 3
Slide 3 text
MakeCode Arcade の紹介
実際につくってみた話
STEAM教育に良さそうなツール！
Slide 4
Slide 4 text
オリジナルゲームをつくる...！？
Slide 5
Slide 5 text
つくってみたい！！
Slide 6
Slide 6 text
参加できず...
Slide 7
Slide 7 text
後日、一人ハンズオン。
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
懐かしい雰囲気...
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
英語
Slide 12
Slide 12 text
Google Chromeの翻訳機能をありがたく使わせていただく
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
１時間くらいでシューティング
ゲームが完成！
Slide 19
Slide 19 text
物足らない...
もっとオリジナルな何かを作りたい...
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
❗❗
Slide 22
Slide 22 text
砂金だ！！！！！！
さ きん
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
砂金を撒き散らすカオナシから
逃げ続けるゲーム
ルール
15秒間、ライフがゼロにならなければ
プレイヤー（アヒル）の勝ち！
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
https://makecode.com/_cdYDaeDkWHe3
（PCだと音が出ます）
↓ 遊んでみてね ↓
Slide 29
Slide 29 text
つくったものをシェアしやすい！
オリジナルのデザインがつくれる！楽しい！
ブロックを組み合わせて数学的な論理を学べる！
かつ（and）/ または（or）/ 否定（not）...
MakeCode Arcade のココが良い！
↑
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
MakeCode Arcade のココが良い！
JavaScript (TypeScript) で書ける
Github連携できる
アドバンス編
Slide 32
Slide 32 text
ブロックに対応したJavaScript (TypeScript) での記述
Slide 33
Slide 33 text
Google翻訳機能を使っていると
コードも翻訳してしまうので注意！
Slide 34
Slide 34 text
Githubと連携するとMakeCode Arcade画面から
コミット&プッシュやプルができる
Slide 35
Slide 35 text
今後の日本語対応に期待！
Slide 36
Slide 36 text
この夏はおやこで
MakeCode Arcade
Slide 37
Slide 37 text
No content