PC未経験6歳児のLINE Bot開発 冬休みの親子時間に😉

 こんにちは🤗[おきなかがいこつ](https://twitter.com/okinakamasayos1)です!
 [沖中塾(初心者向け記事) アドベントカレンダー 2022](https://qiita.com/advent-calendar/2022/okinakajyuku)、最終日の記事です。

https://qiita.com/advent-calendar/2022/okinakajyuku

昨日のめっちゃ面白い記事は[こちら](https://qiita.com/watanabe-tsubasa/items/e268c68a34ca514bad53)です!!

https://qiita.com/watanabe-tsubasa/items/e268c68a34ca514bad53

# 初心者初心者ゆうとりますが

 記事に沿ってやってみようとすると、当たり前のように専門用語が並んでいたり
 部分部分の手順しか載っておらず「ついていけへんのやけど…」と思った経験ありませんか？

 今回は **いわゆる「プログラミング初心者」** ではなく
 <font color="Red">**「PCすら触ったことのない」6歳の愛娘と、LINE Bot開発にトライ！**</front>

 全工程解説しますので、冬休みの親子時間にぜひトライしてみてください🙌

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
 【意味不明の方は読み飛ばしてください】

 今回使用するノーコードツール「ふろちゃでぼっと」は
 使い勝手の良いビジュアルプログラミングというだけでなく
 **LINE公式アカウントを作成しなくてもオリジナルBotが作れます**
 はじめてBot作成されるかたにオススメです！

 https://protopedia.net/prototype/3586

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

# かんせいず
 ![4ad82724-9b0c-405a-aae8-ef2cbae262fa.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/9286da29-0860-f4ca-c8f4-86a27d127731.jpeg)

:::note warn
 メッセージに「うた」の語句が含まれれれば「自転車のれたよ」と返信
 「そら」が含まれれば「すべりだいしたよ」と返信
 「てんき」が含まれれば「てんきをしりたい？ はい いいえでこたえて」と問いかける
 「はい」なら明日の天気を予想してくれる
 含まれていない語句が入力されればスタンプで返信
:::

 # ふろちゃでぼっと にろぐいん

 それでは一緒にやっていきましょう
 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/3cfc27f8-3392-9b26-1fe0-19787e4d5240.png)

 まずは [ふろちゃでぼっと](https://debot.vercel.app/login) にログイン

 https://debot.vercel.app/login

 LINEでログイン→QRコードでログイン→新しいBotを作る→準備完了

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/5a1d7793-776a-2f8e-0541-9c55b0419d3a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/c87e5ee4-2b91-dd33-e57d-f3e68fa53d4c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/f3d1e11c-f4fa-fc8e-7a05-524ebf6abc62.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/7413ffe1-be77-43d2-35c3-b56a43fc9e56.png)

 # ありがとう → どういたしまして

 「ありがとう」という語句が含まれていれば「どういたしまして」と返すようにします
 なんの語句に対してどう返すか 子どもに考えさせると完成したときとても喜びます😉

 左から①ユーザーの入力 ②○○を含む 含まない ③○○と出力 をマウスでクリックしながら運び
 オレンジの玉と緑の玉をつなぎます
 下記の通り 入力します

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4457fab0-90a2-6a49-7c88-1f3f77883bf2.png)

 右側のウィンドウで「ありがとう」と入力してみましょう 「どういたしまして」となれば成功
 「保存して利用する」→ QRコード読み込み

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/d8847099-8393-6e44-86c1-992355ff505a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/1baa01a2-aa40-e89f-9c90-13c7e08cdf2e.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/585af761-5a80-07f8-7615-4cd5ba1b1374.png)

 画面に沿って進めばこれでBot完成です！

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/9d2843d9-45da-60db-b665-6f1cb86dd5df.png)

 共有URLコピー LINEシェアも簡単にできて便利 

 はじめてのキーボードも頑張りました(ひらがな入力にしてあげましょう)

 https://twitter.com/okinakamasayos1/status/1607055971809128451

 # てんきよそうぼっと

 ①メッセージに「うた」の語句が含まれれれば「自転車のれたよ」と返信
 ②「そら」が含まれれば「すべりだいしたよ」と返信
 ③「てんき」が含まれれば「てんきをしりたい？ はい いいえでこたえて」と問いかける
 ④「はい」なら明日の天気を予想してくれる
 ⑤含まれていない語句が入力されればスタンプで返信

 の5つの機能を実装していきます 下記の通りつなぎましょう

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/71711e82-df91-5486-708c-9c0b61c0b0de.png)

 プログラミング未経験の方は「含まれる」「含まれない」などの階層理解が難しいと思います。

 右枠の「実行フローをエディタに反映する」にチェックを入れて 「入力値」を
 いろいろ試してましょう 紫色でフローの様子を示してくれて少しわかりやすくなると思います

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/cbbf7312-1bfe-f8b4-959f-174f62c37788.png)
完成図
 ![4ad82724-9b0c-405a-aae8-ef2cbae262fa.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/9286da29-0860-f4ca-c8f4-86a27d127731.jpeg)
 # おかあさん おとうさんにみせよう

 生まれてはじてのPCとLINE Bot 誇らしげです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/ad100a03-9d59-6e73-1637-48bae8a03321.png)

 おかさんに見せましょう QRコードですぐシェアできるのがステキ 
 うごくかな・・・ドキドキ・・・

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/d104563f-d251-a57a-d4d5-82959119dbc9.png)

 動きました🙌次女もとりあえず喜んでいます😉

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/7a1885bf-4601-299a-5403-506d2d82ef61.png)

 よくがんばったね たくさん褒めてもらって嬉しそう

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/f3b92d7a-ed74-39e8-7386-1eb1391c1edb.png)

 少し基礎を教てあげれば PC初心者でも無事にLINE Botが開発できました
 キーボードもひらがな入力にしてあげれば 夢中になってトライしてくれると思います
  <font color="Red">**冬休みの親子時間にぜひ試してみてください！**</front>

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/6acef1d8-bafb-6ba9-dba9-1ea864b61dae.png)

# 初心者向け記事 紹介中🙋

 お付き合いありがとうございます！
 上手くいかなかったから[DM](https://twitter.com/okinakamasayos1)かコメント下さい。
 その他の初心者向けの記事もおすすめですので、ぜひ[こちら](https://qiita.com/advent-calendar/2022/okinakajyuku)もご覧ください！

 まずは「やってみよっかな！」と思える初心者向け記事が盛り沢山👍
 一緒にものづくりを楽しみましょう～😍

https://qiita.com/advent-calendar/2022/okinakajyuku