![見出し画像](https://assets.st-note.com/production/uploads/images/82262548/rectangle_large_type_2_e13fe3e0a129f0e268e39ea362e225ef.png?width=1200)
ボードゲームをアプリ化する方法★<第11回ゆるIT講座サマリ>
A. SDGsボードゲームとは
![](https://assets.st-note.com/img/1657266193759-7LhgUeUFCk.png?width=1200)
B. SDGsボードゲームアプリ デモ
![](https://assets.st-note.com/img/1657266364098-8jYWJSkyU1.png?width=1200)
![](https://assets.st-note.com/img/1657266401215-1ewLUmci9O.png?width=1200)
![](https://assets.st-note.com/img/1657266461789-A5FfMV9Fm1.png?width=1200)
C. サイコロの作り方1:画像
![](https://assets.st-note.com/img/1657266524240-kFRXrdky63.png?width=1200)
D. サイコロの作り方2:コーディング
言語は、HTML, CSS, Javascriptで書いています。
ライブコーディングでご紹介しました。
![](https://assets.st-note.com/img/1657266789264-OaheDsO851.png?width=1200)
E. サイコロの作り方2:コーディング1_HTML
![](https://assets.st-note.com/img/1657267024970-0eqQRoTN4l.png?width=1200)
F. サイコロの作り方2:コーディング2_CSS
![](https://assets.st-note.com/img/1657267143869-3StWxeE48a.png?width=1200)
G. サイコロの作り方2:コーディング3_Javascript
![](https://assets.st-note.com/img/1657267177558-LqqiZFHroi.png?width=1200)
H. 未経験からアプリ制作する方法
![](https://assets.st-note.com/img/1657267243864-zYs5w5SO2M.png?width=1200)
まとめ
![](https://assets.st-note.com/img/1657267276957-BGV19Z2zF0.png?width=1200)
もっと知りたい方は(講座動画,次回案内)
以上、「ボードゲームをアプリ化する方法〜サイコロの作り方を学ぼう〜」、ゆるIT講座第11回より抜粋して紹介しました。
詳細が気になった方は、実際の講座の動画↓をご覧ください。
動画を目次からサクサク見たい!という方は、
長方形内左下の「見る▷YouTube」をクリックしYouTubeページを開き、
「コメント欄」に本動画の各章を頭出しした目次がありますので、そちらからご覧ください。
原則毎月第一月曜日の20:00~20:30に「8時だヨ!ゆるIT講座」をZoomで開催していますので、お気軽にご参加ください。
以下イベントサイトで「シンギュラリティ・ラボ」をフォローいただき、新着情報を入手してくださいね。
Techplay
https://techplay.jp/community/futuretech-assotiation/event
Peatix
https://future-tech-association.peatix.com/
Connpass
https://future-tech-association.connpass.com/
この記事が気に入ったらサポートをしてみませんか?