Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
250
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
350
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
AIエンジニアリングのご紹介 / Introduction to AI Engineering
Avatar for r-kagaya rkaga
3
1.1k
sbt 2
Avatar for kenji yoshida xuwei_k
0
190
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
Avatar for Rodrigo Ramirez xpromx
0
270
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
Avatar for Atsushi Kawamura (atzz/a2c) atzzcokek
0
190
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
110
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
Avatar for Takumi Abe east_takumi
0
300
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
Avatar for HideyukiKitao panda728
PRO
16
9.4k
テストやOSS開発に役立つSetup PHP Action
Avatar for Atsushi Matsuo matsuo_atsushi
0
140
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
25
21k
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
140
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
270

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.3k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k

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