Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SBC.オープンマイク #60 資料

SBC.オープンマイク #60 資料

2022/08/20 SBC.オープンマイク #60で発表した資料です。

More Decks by NPO法人 まちづくりエージェント SIDE BEACH CITY.

Other Decks in Programming

Transcript

  1. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    2022/8/26 プログラミングをはじめよう 1

    View full-size slide

  2. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    大まかな予定
    •全5回の連続講座:1回2時間半
    • 9月に1回
    • 10月に1回
    • 11月に3回
    • 1日目、2日目は大きく開くので独立した内容
    • 3,4日目に自由制作・5日目に発表会
    2022/8/26 プログラミングをはじめよう 2

    View full-size slide

  3. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    生徒について
    •中学生1~3年生20人程度
    • プロゼミ利用経験あり(小学生時代:大半)
    • Scratch利用経験あり(一部生徒)
    2022/8/26 プログラミングをはじめよう 3

    View full-size slide

  4. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    そのほかの情報は?
    •今のところなし
    • 兵庫県三田市のHONEY FMで
    中学生の声コーナーあり
    2022/8/26 プログラミングをはじめよう 4

    View full-size slide

  5. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    予定
    •1日目:プログラミング入門編 Scratch
    • 生徒の理解度を測る
    •2日目以降
    • ついていけそうであればJavaScript
    • ついていけなさそうならScratch継続
    2022/8/26 プログラミングをはじめよう 5

    View full-size slide

  6. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    プログラミングを
    はじめよう
    NPO法人 まちづくりエージェント SIDE BEACH CITY. 高見知英

    View full-size slide

  7. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    高見知英です!
    フリーランス
    プログラマ
    書籍製作
    Udemy動画
    IT利活用支援
    SBCast.
    SBC.オープンマイク
    地域
    オンラインイベント
    まちづくり
    エージェント
    SIDE BEACH CITY.
    2022/8/26 プログラミングをはじめよう 7

    View full-size slide

  8. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    1日目
    プログラミング入門編 Scratch
    2022/8/26 プログラミングをはじめよう 8

    View full-size slide

  9. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    Scratchとは
    •ブロックプログラミングの環境
    • ブロック組み合わせて、画面上のキャラクター
    を動かす
    • 楽しみながら
    プログラミングの
    基本がわかる
    2022/8/26 プログラミングをはじめよう 9

    View full-size slide

  10. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    実際のScratchプログラムの例
    見てみましょう
    2022/8/26 プログラミングをはじめよう 10

    View full-size slide

  11. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    今回作るもの
    •正多角形をつくる
    • 角の数を答えると、その数の多角形を描く
    2022/8/26 プログラミングをはじめよう 11

    View full-size slide

  12. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    さっそくつくってみよう
    2022/8/26 プログラミングをはじめよう 12

    View full-size slide

  13. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    おまけ課題
    •プログラミングの会社ではたまにでてくる
    FizzBuzz
    •3の倍数ではFizz
    •5の倍数ではBuzz
    •公倍数ではFizzBuzz
    •それ以外は数字
    2022/8/26 プログラミングをはじめよう 13

    View full-size slide

  14. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    さっそくつくってみよう
    2022/8/26 プログラミングをはじめよう 14

    View full-size slide

  15. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    これから先へ
    •今、実際にアプリを作るためには、
    他の言語を使う
    •基本的な仕組みは
    変わらない
    •基本を知るなら
    Scratchで覚える
    2022/8/26 プログラミングをはじめよう 15

    View full-size slide

  16. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    新しいものがどんどん出る
    •プログラミングの世界は「新しいもの」が
    いっぱい
    •ここでプログラミングの言語を覚えても…
    • 皆さんが大人になる頃その言語は使わないかも
    • 仕組みや考え方はそうそう変わらない
    2022/8/26 プログラミングをはじめよう 16

    View full-size slide

  17. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    分岐1:来月のおしらせ
    •JavaScriptという言語を使おう
    • おみくじプログラムを作ろう
    2022/8/26 プログラミングをはじめよう 17

    View full-size slide

  18. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    分岐2:Scratchをもっと深く!
    •Scratchでもっとプログラムを書いてみよう
    2022/8/26 プログラミングをはじめよう 18

    View full-size slide

  19. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    2日目
    プログラミング入門編 JavaScript
    2022/8/26 プログラミングをはじめよう 19

    View full-size slide

  20. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    おみくじプログラムを作る
    •おみくじを引く
    • ランダムで凶、小吉、
    中吉、大吉が出る
    •もうちょっと簡単な
    課題も予定中
    •実際に見てみよう
    2022/8/26 プログラミングをはじめよう 20

    View full-size slide

  21. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    こんなこともプログラミング
    •音楽を鳴らすプログラム
    • たぶん、見せるだけ
    • 実際に見てみよう
    2022/8/26 プログラミングをはじめよう 21

    View full-size slide

  22. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    SIDE BEACH CITY.としての
    今後
    2022/8/26 プログラミングをはじめよう 22

    View full-size slide

  23. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    プログラミングは
    プログラマだけのものじゃない
    • 料理のプロは、レストランにいる
    • 家庭料理を作る人も、自炊する人もいる
    たとえば料理
    • 家具を作るくらいなら個人でもDIYがある
    • プロは「長寿命で安全な」作り方を知ってる
    たとえば大工
    2022/8/26 プログラミングをはじめよう 23

    View full-size slide

  24. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    プログラマもおなじ
    より長持ちで、拡張性のあるプログラムは
    プログラマが
    単機能だけど自分に最適なプログラムは個人が
    2022/8/26 プログラミングをはじめよう 24

    View full-size slide

  25. 特定非営利活動法人
    まちづくりエージェント
    SIDE BEACH CITY.
    2022/8/26 プログラミングをはじめよう 25

    View full-size slide