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
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
あなたとJIT, 今すぐアセンブ ル
Avatar for monochrome sisshiki1969
1
650
11年かかって やっとVibe Codingに 時代が追いつきましたね
Avatar for yimajo yimajo
1
260
Android 15以上でPDFのテキスト検索を爆速開発！
Avatar for tonionagauzzi tonionagauzzi
0
200
リッチエディターを安全に開発・運用するために
Avatar for una unachang113
1
380
Portapad紹介プレゼンテーション
Avatar for KAKERU gotoumakakeru
1
130
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
150
Gemini CLIの"強み"を知る！ Gemini CLIとClaude Codeを比較してみた！
Avatar for Kota Hisafuru kotahisafuru
3
1k
新世界の理解
Avatar for Akihito Koriyama koriym
0
130
#QiitaBash TDDで(自分の)開発がどう変わったか
Avatar for Tommy(sigma) ryosukedtomita
1
360
実践！App Intents対応
Avatar for 野瀬田　裕樹 yuukiw00w
1
270
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
Avatar for yoshi takumiyoshikawa
2
280
Understanding Ruby Grammar Through Conflicts
Avatar for yui-knk yui_knk
1
100

Featured

See All Featured
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.1k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.5k
Side Projects
Avatar for Sacha Greif sachag
455
43k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k

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