Home » Announcers » 女子アナ » Canva×ChatGPT~アプリを作成してみよう!(プログラミングに挑戦)~

Canva×ChatGPT~アプリを作成してみよう!(プログラミングに挑戦)~

by ANNAPOST



今回のスライド
https://www.canva.com/design/DAF6tpjKfD0/LxJejKrMLGB6-r-zFgaVZA/edit?utm_content=DAF6tpjKfD0&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton
p5js
https://p5js.org/
ChatGPT
https://chat.openai.com/
https://bit.ly/3sgLC91
チャンネル登録よろしくお願いします
━━━━━━━━━━━━━━━
おススメ再生リスト
━━━━━━━━━━━━━━━
ChatGPT・AI・人工知能

━━━━━━━━━━━━━━━
関連動画
━━━━━━━━━━━━━━━
【ChatGPT】GPT4VのDALLE3画像生成が凄いを通り越して凄まじい!あなたも明日から4コマ漫画家になれるかも!?

【LIVE】ChatGPT・DALL-E3でパラパラ漫画を作ろう!

チャットAI ChatGPTが凄い!学校の宿題はAIが解決する時代の到来!

【ChatGPT】通信簿の所見や大学の推薦書をAIが自動生成~先生お助けツールAI所見くん~スプレッドシートで楽々業務改善

AI素材.comが凄い!加速度的に進化するAI。シンギュラリティは2030年には来るかも!

━━━━━━━━━━━━━━━
SNS(気軽にフォローください)※FBは一言メッセージいただけると助かります
━━━━━━━━━━━━━━━
Facebook
https://www.facebook.com/noboruand0
Instagram
https://www.instagram.com/noboruando
━━━━━━━━━━━━━━━
動画で使用している撮影器材(リンクURLはAmazonアソシエイトを使用)
━━━━━━━━━━━━━━━
【メインカメラ】ソニー Vlog用カメラ VLOGCAM ZV-E10
https://amzn.to/3zqqC1Q
【レンズ1】SONY広角ズームレンズ E 10-18mm F4 OSS ソニー Eマウント用 APS-C専用 SEL1018
https://amzn.to/3EyhVpV
【レンズ2】SONY E PZ 18-105mm F4 G OSS※Eマウント用レンズ(APS-Cサイズ用) SELP18105G
https://amzn.to/3nLRpUg
【サブカメラ】ソニー Vlog用カメラ VLOGCAM ZV-1
https://amzn.to/3hOQ5sY
【ガンマイク1】SONY ショットガンマイクロフォン ECM-B1M
https://amzn.to/3nMBZPE
【ガンマイク2】ゼンハイザー MKE600
https://amzn.to/3iLbrc2
【ガンマイク3】ゼンハイザー MKE200(ポータブルカメラマイク)
https://amzn.to/3nSS06m
【ピンマイク】ソニーデジタルオーディオインターフェース対応ワイヤレスマイクロホン ECM-W2BT
https://amzn.to/3Cst4GT
【ヘッドセット】Sennheiser PCヘッドセット VoIP PC 5.2 CHAT
https://amzn.to/3hT5rN4
【サウンドミキサー】ZOOM PodTrak P4
https://amzn.to/2RLjoSK
【スイッチャー1】Blackmagic Design ATEM Mini Pro ISO
https://amzn.to/3nMdbaw
【スイッチャー2】Blackmagic Design ATEM Mini Pro ISO
https://amzn.to/3iPCNhp
━━━━━━━━━━━━━━━
プロフィール
━━━━━━━━━━━━━━━
Microsoft Innovative Educator Fellow 2020-21 安藤昇
1968年生まれ 栃木出身 55歳
映像制作歴 22年(2000年に作った文化祭の動画:昆虫戦隊タイツマン https://youtu.be/l1xHz2P_uE8)
現職 青山学院中等部 数学科講師
日本大学理工学部物理学科卒。前任校ではNHK杯全国高校放送コンテスト創作テレビドラマ部門において、全国大会準優勝2回、3位1回の放送部を指導。
プライベートスタジオを持ち、映像クリエイターとしての仕事もしている。
現在Huluにて配信中の「めざせ! プログラミングスター~プロスタ★キッズ大集合~」(出演:郡司恭子アナウンサー、若旦那、イコールラブ、ノットイコールミー)では、プログラミング講師として出演。
また、chromebook、windowsタブレットの教育機関への導入の先駆者であり、実践経験を活かし多くの学校のGIGAスクール導入マネージメントを行っている
https://ict-enews.net/zoomin/13sanonichidai/
━━━━━━━━━━━━━━━
お問合せ
━━━━━━━━━━━━━━━
https://forms.gle/2KJSie8XQpg5T7ea8
※お仕事の相談以外の問合せには対応いたしかねますのでご了承ください
一般的な質問はYouTubeにコメントください

#edge #ChatGPT #canva

はい皆さんこんにちは今回はキャンバを 用いましてアプリ要するにプログラミング ですねこれをやってみたいと思いますはい でやり方なんですけどまず最初にですね 作成するアプリの図を書いてみますはいで はまスライドでも何でもいいんですけどま この真っ白なねこのキャンバスを用意し ましてここに簡単なま図を書いてきますま どういうアプリを作るかというと例えば ですねまこの落下するリンゴですね例えば こういう丸いものが落下してきてまこれを キャッチするようなゲームを作っています はいでははいこれでまこれいくつかね こんな風に落ちてくるんですけどはい こんな風にま落ちてきてで落ちる様子は ちょっとペンで書きましょうじゃペンで はいここで色は黒にしますかはいでま こんな風にま落ちてくる感じですねはい これを書いてあげますはい はい はいはいこんな感じですねでこれをま キャッチしてそれでポイントが入るという ゲームにしたいと思うのでま素材からま 図形でまこれ箱なので黒にしましょうね はいで黒にしてでこれをコピーしてで ちょっと箱箱っぽくしますね箱っぽくする ためにこれを白にしてでこんな風にま箱 っぽくしてみましたでこの箱を矢印機です ねこれで動かしてで操作するということな んで矢印をねこんな風にまつけてき ましょうこんな風にね矢印で動きますよと でこの赤いのをキャッチするとま点数が 入りますよとまこんなゲームを作るという ことですはいでこの図がかけたならばこれ をねなんとチャットGPTに受け渡して あげてそれでゲームを作りますはいじゃ どうやるかって言うとまこれスクリーン キャプチャーでもこのスライドをま ダウンロードしてもいいんですけどまこ風 にはいコピーしてはいでコピーしたものを これをチャットGPTですねはいこちらに この貼り付けますはいそしたならばこの ゲームはまどういうゲームかっていうのを 言葉でねはい入力してあげますまこれはね ま各自生徒とかに考えさせるといいと思う んですけどま簡単なとしてまこんな風な 例えばまこの図は上から落ちてくるリンゴ を箱でキャッチするゲームだよと言って あげてで箱はキーボードの矢印キで左右に 移動するとかねリンゴが箱に入った時は1 ポイント入る10ポイントだったらゲーム クリアですよみたいなこんなような文章ね まこの部分を生徒に考えさせるといいです はいでこっから上はね特に理解してなくて もいいですはいじゃこれをねちょっと

コピーをして はいで先ほどのこのチャットGPTのね ずっと一緒にはいこうやってはいでこれで 実行するとはいそうするとなんとこの チャットGPTがねこの図とねこの文章を 元にはいプログラムを作成してくれますま 今英語になってるんですけどまこのまま やってき ましょうはいそうするとねはいこれ プログラムを書き始めまし た はいこのようにスクリプトを書いてくれ ましたでこの完成したプログラムこれを まずコピーしますでどこで動かすかと言う とまずはコピーしますねはいこれキャンバ の方に戻りましてはいこれですP5.JS というサイトあるのででここをクリックし ますはいでここでねstartCRE withtheP5エターをここを クリックしましてでここですねはいここに 貼り付けるだけですはいで実行してみます ねはいそうすると今はい上からあれ落ちて こないですねはい落ちてこないですねはい あ矢印でもまだちょっと動かないようです けどとりあえずゲームっぽいのができまし たねでもしこれ動かなかったらはいここの ところでねはいチャットGPTの方ですい ません えすいませ んりんごが落ち てきません落ちきませんあと 矢印キでえ動きませ んはいこんな風に入れてあげるとこれ修正 したものをはい書き出してくれますはい じゃこれちょっと待ちますねはい はいでこれで修正したコードとでこの修正 したコードちょっと時間かかるのでもう 事前にね準備してありますのではいこちら はいここですね完成したものこれですで これをコピーしましてコピーしてでこれを はいここに貼り付けてあげますじゃこれで 実行してみますねこれで実行してあげると はいこのようにはいでこれではい カースルを動かすとこんな風にねはい スコアも上がってくというようなゲームが できましたはいじゃあ1回止めますねで あとはこのプログラムに背景つけたり音楽 をつけたりというのをチャットGPとに 聞けばあとは完成系のゲームができてくる と思いますはいま意外と簡単にこれでき ますよねはいじゃこの容量で例えばこんな 風にね図を書いてはいまこれスイカゲーム なんですけどこんなのをね貼り付けてま チャットGPTでまゲームを作ってみると 面白いかもしれませんはい今回はキャンバ

を使ってまゲームアプリを作るということ でした是非チャレンジしてみてください それではまたじゃあの

You may also like

Leave a Comment