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
230
20201104_OpenWeatherMap_API
Avatar for pentake pentake_de
0
120
20201028_VIoTLT_vol.5_今、リモート会議中かどうかを家族に伝えてみた
Avatar for pentake pentake_de
0
310
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
180
20191218 Beginnerコース＠オンライン (1/2)
Avatar for pentake pentake_de
3
240

Other Decks in Programming

See All in Programming
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
8
1.4k
Gleamという選択肢
Avatar for Comamoca comamoca
6
760
生成AIで日々のエラー調査を進めたい
Avatar for aboy yuyaabo
0
650
エラーって何種類あるの？
Avatar for Takuma Kajikawa kajitack
5
310
「ElixirでIoT!!」のこれまでとこれから
Avatar for takasehideki takasehideki
0
370
F#で自在につくる静的ブログサイト - 関数型まつり2025
Avatar for pizzacat83 pizzacat83
1
310
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
Avatar for Hayato OKUMOTO falcon8823
4
940
XSLTで作るBrainfuck処理系
Avatar for MakKi makki_d
0
210
A2A プロトコルを試してみる
Avatar for azukiazusa azukiazusa1
2
1.1k
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
2
500
GraphRAGの仕組みまるわかり
Avatar for とすり tosuri13
7
480
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
100

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k

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