Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20200708_おやこテックLT_MakeCodeで神隠し

Avatar for pentake pentake
July 08, 2020
Programming
1
150

 20200708_おやこテックLT_MakeCodeで神隠し

MakdeCode Arcadeで自作ゲームをつくってみました。

Avatar for pentake

pentake

July 08, 2020
Tweet

More Decks by pentake

See All by pentake
20201111_Noodl_ver2.1_hands-on
Avatar for pentake pentake_de
0
240
20201104_OpenWeatherMap_API
Avatar for pentake pentake_de
0
120
20201028_VIoTLT_vol.5_今、リモート会議中かどうかを家族に伝えてみた
Avatar for pentake pentake_de
0
320
20201027_FGDC_LowCodeプラットフォームNoodlでブラウザゲーム開発！
Avatar for pentake pentake_de
0
160
20200325_Noodl_v2_hands-on_スライド資料
Avatar for pentake pentake_de
1
300
20200323_OpenWeatherMap_API
Avatar for pentake pentake_de
1
340
Noodlもくもく会#4
Avatar for pentake pentake_de
0
190
20191218 Beginnerコース＠オンライン (1/2)
Avatar for pentake pentake_de
3
240

Other Decks in Programming

See All in Programming
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
Avatar for Naofumi Kagami naofumi
4
3.9k
バッチ処理を「状態の記録」から「事実の記録」へ
Avatar for HideyukiKitao panda728
PRO
0
150
非同期jobをtransaction内で 呼ぶなよ！絶対に呼ぶなよ！
Avatar for Yuto Urushima alstrocrack
0
720
止められない医療アプリ、そっと Swift 6 へ
Avatar for MEDLEY, INC. medley
1
160
NixOS + Kubernetesで構築する自宅サーバーのすべて
Avatar for ichi-h ichi_h3
0
640
iOSエンジニア向けの英語学習アプリを作る！
Avatar for yukawashouhei yukawashouhei
0
190
CSC305 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
240
CSC509 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
330
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
Avatar for aokirishima aokswork3
0
230
登壇は dynamic! な営みである / speech is dynamic
Avatar for Daichi KUDO da1chi
0
300
開発生産性を上げるための生成AI活用術
Avatar for starfish719 starfish719
3
450
Writing Better Go: Lessons from 10 Code Reviews
Avatar for Konrad Reiche konradreiche
0
800

Featured

See All Featured
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
189
55k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
238
140k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
620
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k

Transcript

  1. MakeCodeで神隠し

  2. ぺんたけ webエンジニア / デザイナーの狭間 ⚙ Noodl / HTML / CSS

    / JavaScript Noodlコミュニティ運営 / Noodler Twitter：@pentake_de
 Qiita：@pentake

  3. MakeCode Arcade の紹介 ‍ 実際につくってみた話 STEAM教育に良さそうなツール！

  4. 　オリジナルゲームをつくる...！？　

  5. つくってみたい！！

  6. 参加できず...

  7. 後日、一人ハンズオン。 ‍

  8. None

  9. 懐かしい雰囲気...

  10. None

  11. 英語

  12. Google Chromeの翻訳機能をありがたく使わせていただく

  13. None
  14. None
  15. None
  16. None
  17. None

  18. １時間くらいでシューティング ゲームが完成！

  19. 物足らない... もっとオリジナルな何かを作りたい...

  20. None

  21. ❗❗

  22. 砂金だ！！！！！！ さ きん

  23. None
  24. None
  25. None

  26. 砂金を撒き散らすカオナシから 逃げ続けるゲーム ルール 15秒間、ライフがゼロにならなければ プレイヤー（アヒル）の勝ち！

  27. None

  28. https://makecode.com/_cdYDaeDkWHe3 （PCだと音が出ます） ↓　遊んでみてね　↓

  29. つくったものをシェアしやすい！ オリジナルのデザインがつくれる！楽しい！ ブロックを組み合わせて数学的な論理を学べる！ かつ（and）/ または（or）/ 否定（not）... MakeCode Arcade のココが良い！ ↑

  30. None

  31. MakeCode Arcade のココが良い！ JavaScript (TypeScript) で書ける Github連携できる ‍ アドバンス編

  32. ブロックに対応したJavaScript (TypeScript) での記述

  33. Google翻訳機能を使っていると コードも翻訳してしまうので注意！

  34. Githubと連携するとMakeCode Arcade画面から コミット&プッシュやプルができる

  35. 今後の日本語対応に期待！ 　

  36. この夏はおやこで MakeCode Arcade

  37. None