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
260
20201104_OpenWeatherMap_API
Avatar for pentake pentake_de
0
130
20201028_VIoTLT_vol.5_今、リモート会議中かどうかを家族に伝えてみた
Avatar for pentake pentake_de
0
320
20201027_FGDC_LowCodeプラットフォームNoodlでブラウザゲーム開発！
Avatar for pentake pentake_de
0
170
20200325_Noodl_v2_hands-on_スライド資料
Avatar for pentake pentake_de
1
310
20200323_OpenWeatherMap_API
Avatar for pentake pentake_de
1
360
Noodlもくもく会#4
Avatar for pentake pentake_de
0
190
20191218 Beginnerコース＠オンライン (1/2)
Avatar for pentake pentake_de
3
250

Other Decks in Programming

See All in Programming
見せてもらおうか、 OpenSearchの性能とやらを！
Avatar for shunta ichikawa shunta27
1
140
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
Avatar for Seitaro Fujigaki seitarof
3
1.3k
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
540
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
240
Claude Code Skill入門
Avatar for maya mayahoney
0
430
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
Avatar for hideki kinjyo o0h
PRO
0
150
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
150
20260320登壇資料
Avatar for 松井遼(まついはるか) pharct
0
120
飯MCP
Avatar for Yusuke Wada yusukebe
0
360
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
Avatar for ハゲワシ hagevvashi
0
560
野球解説AI Agentを開発してみた - 2026/02/27 LayerX社内LT会資料
Avatar for Shinichi Nakagawa shinyorke
PRO
0
370
コードレビューをしない選択 #でぃーぷらすトウキョウ
Avatar for Takuma Kajikawa kajitack
3
1.1k

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
290
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
120
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
280
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
150
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.2k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
130
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
860
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
230
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k

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