# オープニング みなさんこんにちは。先生ハウスラジオの園野です。 この番組は先生ハウスでの学びを耳で学べる形でお送りしております。 さあみなさん、三連休いかがお過ごしでしょうか。 月曜日担当となるとですね、やっぱり祝日担当みたいな感じで この連休の過ごし方どうするか問題みたいな話題がね、たびたび出るんですよ。 私はね、この三連休は家族で、結婚記念日やったので ちょっとご飯食べに行ったりとか あと妻の誕生日もあったので一緒にケーキ食べたりとか あと地区の運動会に出てパン食い競争に参加したりとか そういう風にしてのんびり過ごさせていただきました。 今回はですね、そういった中で クロードコードオーパス5.5がですね、なかなかコスパよく しかも高性能でいろいろ作れるっていうところで 今私が契約している内容だと結構 その料金が余ってしまうっていう問題があったので 問題というか、まあっていうことがあったので どうにかして有効活用できないかなということで 私がこの三連休でやってきたことをお話ししたいと思います。 ジェミニのCanvasってあるじゃないですか。 チャットで頼むとその場で動くアプリ作ってくれる機能ですよね。 スライドとかも作ってくれますけど、いろいろ作ってくれるんですけど この三連休で授業で使うCanvasアプリっていうのにですね AIを活用しながらなんとなく作っていきました。 結構このクロードのコードで使ってガンガン作ってみたんですよね。 その報告をしたいと思います。 今ですね、三連休の2日目なんですけども 現段階で今19本ぐらいもうクロードコードが どんどんどんどん作ってくれていて その中で良かったものを紹介したいなと思っています。 教科でいうと国語算数、生活音楽、図工、体育、道徳、特別活動と いろんな教科まんべんなく作ってねってやったので そういうふうにしてなんとなく作ってはくれています。 小学校2年生向けですね。やってますね。 今日からですね、3回に分けてこういったジェミニのアプリ CanvasのアプリってAIが作ったアプリについて 安全の考え方であったりとか作り方であったりとか あとその教科ごとの設計だとか そういったところをお話ししたいと思います。 それでは次のチャプターへどうぞ。 # 作ろうと思ったきっかけ 作ろうと思ったきっかけからなんですけども、 最初はそのクロードオーパス5、5.5の クレジットが余ってきたっていうところから どんどんどんどん動かして アプリ作らせられるんじゃないかなと思って 今私はですね、クロードコードを Obsidianと連携して日々の振り返りをして 毎朝金限を3つ送ってもらうみたいな そんな設定にして 日記みたいな感じで活用してたんですけども それ以外でも、クロードコードの毎日繰り返しの機能で アプリできるんじゃないかなと思って 作らせてみたのがきっかけになります。 ただ、3連休っていうのもあって 1本じゃなくてずっとできるんじゃないかと思って 今は毎時間、前のアプリが完成してから 次のアプリを提案するっていうような感じで 今運用しているというようなところです。 それで、頼む内容って何かというと まず同じ依頼文っていうのを1つ決めておいて 毎回それを使いました。 中身はですね、5つに分けられます。 1つ目の頼んだことっていうのが 小学校で使えるキャンバスアプリを作ること 強化が偏らないようにするっていうことですね。 他には3点セットですね。 コピー用のコードを作ってねっていうところと 確認用の画面、HTML作ってねっていうのと 先生向けの使い方ガイドもPDFで出力してください っていうふうに最終的になります。 最初はこれ全部あったわけじゃないんですけど 対話していくうちにはこれも必要だよなっていうので 入れています。 あと、もう1つは安全面のところで 子どもの名前とか個人情報は クラウドにもブラウザにも保存しないでね。 あと、カメラを使う場合、キャンバスアプリって 認証、承認を要求してくるんですけど OKを押すと最初のアプリの画面に 1回リセットされるんですね。 それでもう1回最初からやり直しっていうふうになるので そういったカメラを使うアプリの場合は 起動したときにそれを確認するっていうことを 設定しました。 あとは今の学習指導要領に合わせて 作ってねっていうことは一応知事として出しています。 実際に運用してみてちょっと気づいたこととして Chromebookですね。 うちの自治体使ってるんですけども 結構これ画面がなんだろうな 解像度っていうところもあると思うんですけど アプリ自体を縦長に作ってしまうと スクロールしないとボタンが押せなかったりとかするんですよね。 だから子どもはスクロールしないでも使えるような 画面構成にしてねっていうふうにお願いしてあります。 結構お願いしてますよね。 あと最後に公開する前のつもりで ちゃんと安全点検してねっていうところも入れました。 昨今ですねやっぱりAIが作ったアプリって結構流行っていて そういった中で 個人情報をちゃんと守れているかっていう視点で きちんと確認しないといけないなというふうに思ったので そういった結構厳しめなチェックをしてもらって アプリ作成した後に危険度順にそれを並べてもらって これはOKだなとかこれちょっと直したほうがいいなっていうのを 私がすぐ判断できるようにしています。 ここら辺が安全設計っていうところはもう少し 次回に詳しく話したいなと思うんですけども やっぱり毎時間毎時間作らせると これは使いそうだなとかそういうのも選べるんですよね。 そうなると自然的に質も高まっていくのかなというふうにも思います。 # Claudeでたたき台、Geminiで仕上げ では、具体的な作り方なんですけども、使ったAIは2つになります。 CloudとGeminiですね。 まず、Cloudでアプリの叩き台っていうのを作りました。 コードと言われたらHTMLですよね。 あと、PDFも説明書作ってもらうんですけど、結構直しが入る。 最初はなくてもいいのかなとは思うんですけどね。 ここら辺も作ってもらってました。 まず、HTML出してくれるから、そこをクリックすると自分のブラウザでどういうふうに動くのかっていうのはある程度確認はできます。 それを対話しながらやっていって、ある程度できたなと思ったら、まずコードをコピーしてGeminiのキャンバスのチャット欄に貼り付けます。 プラスでキャンバス機能を付加して、そこでチャット欄にコードそのまま、特に日本語とかも何も入れずにピッと貼り付けると、 だいたいGeminiが理解してくれて、コードが長くて全部入らないんですけど、無視します。 それで全部貼り付けちゃいます。 そうすると、だいたいある程度理解して作ってくれるんですね、最初のアプリを。 そしたら、だいたい全部入り切らないので、あとはGeminiのほうでそんたくなんとなく仕上げてくれるんですけど、 やっぱり足りない部分があるので、キャンバスを見るんですよね。 一回プレイをしてみて、全画面表示にして見てみる。 その後にコードを見るボタンがあるので、コードモードにして、そこにクロードで作ったコードを全部コピペして貼り付けます。 もう一回アプリ画面に移すと、そのコードを反映させたものがしっかり出ると。 ぶっちゃけGeminiのほうで作らせてるというか、クロードのほうにほぼ全部作らせてるっていうような感じにはなるんですけども、 またそのうち、もうすぐGeminiのほうもアップデートくると思うので、そっちのほうでコード組めるようになるといいんですけどね、と思っています。 そんなこんなで最初のククアプリができたっていうところから、2個目、3個目だとどんどんクロードがこういうアプリどう?って提案してくるんですけども、 毎回ゼロからそれを作っていくっていうわけではなくて、ログイン画面とか先生の画面とか写真だとかバックアップだとか、 そういう共通の部分は前のアプリから引き継ぐように設定しました。 あとバックアップの話なんですけど、やっぱりアプリを子どもたちにちょっといじらせ、触ってもらった後にもうちょっと修正したいなっていうのがあったりするので、 バックアップ機能もちゃんとつけてねっていうふうにお願いしておくのが大事かなと思います。 アプリを更新したときにも、それがきちんと引き継げるようにっていうような機能ですよね。 エクスポートとバックアップですね。 こういう共通の部分は前のアプリから引き継ぐようにする。 その強化だとか、単元ならではの部分、例えば選ぶボタンだとか集計だとか、カメラ使う、録音使うとか、そういったところだけは作り変えていくというふうにしました。 作った後はですね、AIが自動でテストするようにっていうところでバグを修正してもらっていましたね。 架空の自動名と架空のノートの写真を入れたデモ版っていうのを自動で作ってもらって確認して、これもだからクロードがここまでやってくれるわけですよね。 画面の大きさもChromebookで子どもの画面をスクロールしないで収まるかっていうところを毎回測ってもらっています。 使い方ガイドは1本あたり10ページから14ページぐらいに収まるんですけども、これも最初は本当にいそうな名前の子どもでやってたので、全部架空の名前にしてもらいました。 掛け算だったらクク掛けようとか、なんかそういうの絶対いないだろっていう名前にしてもらいました。 だいたいこのアプリ1本作る、こだわっていけば本当に人間の作業時間で言うと、細かく細かく10分ぐらいの指示を出して、もう1回時間経って出来上がったよっていうふうに何回か繰り返していったんですよね。 ククアプリはバージョン6までいったんです。多分2、3時間ぐらいなのかな、実度。そのぐらいで作っているようなイメージになります。 これね、やっぱりAIが全部任せてできるかというと、そうではなくてその人の思想だとか、ここは子どもに任せたいよなとか、ここまでは学習設計として自動で子どもたちがやれるけども、その先の思考を深める場面っていうところだったり、授業で何するかっていうのは授業者によって変わってくるのかなというふうに作りながら思っていました。 # 九九アプリちょっと使ってみた 今回、3連休でクックアプリ以外の 19本アプリをどんどん作らせていくという前に、 先週の段階で1回クックアプリの テスト版みたいなのを作ってたんですよね。 今週ちょっと時間があったので、 かけ算クックにももうすぐ入るというところで、 クックアプリを実体把握も兼ねて やらせたいなと思ってやらせてみたんです。 使わせてみると、面白く学べればいいなと思って バトル機能とかモンスターとのバトルみたいなのを入れてみたんですけど、 やっぱりそこに夢中になるなというのは思いました。 練習をほとんどしない。 1の段から9の段まで結構丁寧に作ったんですけど、 そこはガン無視しますね。 だから、仕組みとしてそこをちゃんと経由しないと バトルに行けないであったり、 先生とのやりとりの中で、 先生にテスト申し込むというようなボタンも追加して、 それは対面ですよね。 先生の管理画面のところに申し込んだ順に 子供が並ぶようになっていて、 先生がこの子申し込んでるなって言って、 呼んでテストする。 それで合格ボタンで物理というか、 担任の判断で押すと。 それが溜まっていくとモンスターが出現していくよ というような仕組みにしてみました。 だから、その仕様にしたのはまだ三連休なので、 来週以降試せたらいいなと思うんですけど、 やっぱりモンスターバトルに 注目しちゃうよなというのはありましたね。 運用してみていいなって思ったのが、 かけ算苦手な子が得意な子にメモを書いてもらって、 それを見ながら攻略しようとしてた。 早速攻略本が子供たちの紙でやりとりさせて、 何の何の答えが全部書いてあるんですけど、 それでも最初はいいかなって思いました。 でもやっぱりその場面を見て、子供たち全体に、 もちろん足場としてはやってみてもいいと。 ただ、その先にちゃんと自分が覚えられるかどうかが 大事だよねっていうような話はしました。 だから、ここでやっぱり先生チェックというか、 対面できちんと確認するっていうところを アプリの中に仕込めたのは よかったなというふうに思っています。 ゲーミフィケーション的な仕組みって入れていくと、 やっぱり子供は乗ってくるんですよね。 ただ、その乗って練習した先が クックの練習になっていくのか、 それともゲーム的な部分だけに 囚われてしまうのかっていうところをちゃんと見て、 それをきちんと子供たちに伝えていかなきゃ いけないなというふうには思いましたね。 # アプリのお試し版もあるよ はい、ということでここまで説明をして聞いていただいて、 先生たちの中にも自分で作ってみたいという方もいらっしゃると思います。 まずですね、作っていく中で気をつけてもらいたいというか、 やるべきこととしては依頼文というのをちゃんと考えて、 毎回同じものができるようにしていくというところが大事かなと思います。 というのも1個目練り上げるじゃないですか。 1個目練り上げて、ここの仕様とここの仕様は他のアプリに共通していきたいなというところをちゃんと取っておく。 作り終わった後に、じゃあこことここの部分はまた引き継げるように文章にプロンプトにまとめてくださいとやっておくといいと思います。 そうすると作り直しが少なくて済む。 もう1つはですね、作ったら自分でプレイしてみるというのはやっぱり大事かなと。 自動のテストをAIがテストしてやってても、やっぱり実際触ってみると、 ここら辺はもっと直したいなというのがどんどんどんどん出てくるわけですね。 ふくんのアプリもバージョン6ぐらいまで作りましたけど、 やっぱりテストプレイしてみてシャワー浴びてるときに、ここ直したいなとか思ったりもしますので、 そういうふうにして改善していくといいなと思います。 特に1個目は。 2個目、3個目は結構そこら辺のノウハウを引き継いで作ることができるので、 その1個目はちょっと、しかも自分が作りたい楽しいアプリでやってみるといいかなというふうにも思います。 今回作った掛け算クク、そして時計のアプリ、あと足し算引き算。 これも本当1、2年生向けで申し訳ないんですけど、ククアプリは3年生、4年生でも使えるかな。 結構楽しいと思うんです。 それのアプリの試作版も概要欄にリンクで貼ってありますので、ぜひ試して触ってみてくれたらいいかなと思います。 お試し版にしてあるので、ログインもデータの保存もありません。 だからブラウザで更新するとデータ消えちゃうかもしれないんですけども、 授業でどこまで使えそうかっていうのは見てもらえたらいいかなと思ってます。 次回はアプリの安全性の考え方についてもうちょっと詳しく話したいなというふうに思います。 AIに毎回点検をさせて、その指摘が次のアプリにどう繋がっていったかっていうところですね。 いかがでしたでしょうか。 皆さんはキャンバスでどんなアプリを作っていますでしょうか。 また作ってみたいでしょうか。 ぜひもしよかったらコメントでお聞かせいただけるとありがたいです。 それでは月曜日、良い休日をお過ごしください。 ご視聴ありがとうございました。