Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SBCamp. プログラミングの仕組みを学ぶ、オトナScratch講座
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
NPO法人 まちづくりエージェント SIDE BEACH CITY.
June 06, 2020
Programming
190
0
Share
SBCamp. プログラミングの仕組みを学ぶ、オトナScratch講座
高見知英がSBCamp. プログラミングの仕組みを学ぶ、オトナScratch講座で使用した資料です。
NPO法人 まちづくりエージェント SIDE BEACH CITY.
June 06, 2020
More Decks by NPO法人 まちづくりエージェント SIDE BEACH CITY.
See All by NPO法人 まちづくりエージェント SIDE BEACH CITY.
政策デザインデザイン勉強会 vol.60(志田プレゼン資料)
cityagentsbc
1
460
SBC.オープンマイク #60 資料
cityagentsbc
0
110
まちづくりエージェント SIDE BEACH CITY.の活動紹介
cityagentsbc
1
490
Zoom学習会 ホスト開催編
cityagentsbc
0
540
SBC.オープンマイク #19 SBCast.の作業内容を展開します
cityagentsbc
0
110
SBC.オープンマイク #16 これからのSBC.活動紹介
cityagentsbc
0
170
ビオガーデン防災機能及びパーゴラ・プロジェクト
cityagentsbc
0
180
地域でのオンラインセミナー開催の可能性と課題
cityagentsbc
0
91
https とは何かを学ぶhttps 対応研修
cityagentsbc
0
490
Other Decks in Programming
See All in Programming
メソッドのジェネリクスでGoの夢は広がるか? / Kyoto.go #65
utgwkk
3
430
プロパティの順序で型推論が壊れる!? TypeScript6.0の修正からContext-Sensitivityの仕組みを追う
bicstone
2
1.3k
OCRを使ってゲームのアイテムをデータ化する
kishikawakatsumi
0
130
TypeSpec で繋ぐ複数プロダクトの型安全
maroon8021
1
330
Oxcを導入して開発体験が向上した話
yug1224
4
280
OSもどきOS
arkw
0
400
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
shogogg
0
190
密結合なバックエンドから TypeScript のコードを生成する
kemuridama
1
690
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
manfredsteyer
PRO
0
210
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
yukukotani
3
2.2k
oxlintはeslint/typescript-eslintを置き換えられるのか
shomafujita
2
310
AI時代の仕事技芸論 — ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ
kuranuki
1
600
Featured
See All Featured
For a Future-Friendly Web
brad_frost
183
10k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
200
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
270
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
250
Believing is Seeing
oripsolob
1
140
How to Ace a Technical Interview
jacobian
281
24k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.7k
Music & Morning Musume
bryan
47
7.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.5k
Transcript
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. プログラミングの仕組みを学ぶ 大人Scratch講座 NPO法人 まちづくりエージェント SIDE
BEACH CITY. 高見知英
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 自己紹介 • 高見知英 名前 •
まちづくりエージェントSIDE BEACH CITY.理事 • インターネット上の告知・イベント配信を担当 活動 • プログラミング・書籍作成 • イベント開催 分野 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 2
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 画面の共有をお試しください 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 3
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 今回の流れ プログラミングとは Scratchで流れをつかもう 今後に向けて 2020/6/6
プログラミングの仕組みを学ぶ 大人Scratch講座 4
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. プログラミングとは 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 5
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. プログラミングって? •コンピュータを動かすために、 コンピュータ向けの手順書を作ること 2020/6/6 プログラミングの仕組みを学ぶ
大人Scratch講座 6
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. コンピュータは色々な物の 組み合わせで動いている アプリ/ ソフト OS
機械 部品 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 7 これを作るのが、今回の プログラミングの目的
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. プログラミングの流れ •コンピュータに 「このような処理を行いなさい」 という司令を行う •コンピュータ処理の「レシピ」
2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 8
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 今使われている手法は •英語ベースの言語で命令を記述 • 数千・数百の部品が絡み合うことで、 複雑な処理を実現
2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 9
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. どんな感じ? 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 10
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 実際いきなり それは難しいので… 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座
11
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. それで、Scratch •プログラミングの仕組みを学ぶ • プログラミングの流れを知る •プログラミングの難しさを知る
2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 12
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. Scratchって なんだろう? 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座
13
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. Scratchって? •学習用プログラミング環境 • ブロックを組み合わせて、画面の絵を動かす •
アニメーション • ゲーム 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 14
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 実際に さわってみよう 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座
15
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. プログラミングの基本+α 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 16
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 順次実行 •上から順に 命令を実行する 2020/6/6 プログラミングの仕組みを学ぶ
大人Scratch講座 17 終了 開始
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 繰り返し •条件を満たす (満たさない)間 同じ処理を繰り返す •ずっと繰り返す
も可 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 18 終了 開始
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 判断 •条件を満たす時だけ 処理を実行する 2020/6/6 プログラミングの仕組みを学ぶ
大人Scratch講座 19 終了 開始
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. バグ(不具合) •プログラムの誤りのこと • 考えていたものが環境にあっていなかった •考えていたものの仕組みが間違っていた
コンピュータは思った通りに動く コンピュータは(命令を)書いたとおりに動く 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 20
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 組み合わせて処理を実現 •アルゴリズム • 問題を解決する方法・手順 •多くの問題に対し、複数の解決方法がある
•やりたいことを細分化して考える •コンピュータができる最小範囲まで分解する 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 21
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. Scratchで実践 Scratchで絵を描こう 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座
22
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. その後に向けて Scratchの環境は まだ閉じないでください 2020/6/6 プログラミングの仕組みを学ぶ
大人Scratch講座 24
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. データの保存 •アカウントを作成すると 制作物を保存できる 2020/6/6 プログラミングの仕組みを学ぶ
大人Scratch講座 25
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. これから先へ •ここで学んだのは プログラミングの「流れ」 •料理で言うなら 調理器具の一般的な使い方を覚えた
2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 26
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. プログラミングで使うのは •文字でパソコンへの命令を記述する • プログラミング言語 •
用途別に様々な言語がある • 学習用 • ゲーム開発用 • スマートフォンアプリ開発用 • ミッションクリティカルな(失敗が許されない)処理用 • 大まかな語順は同じ。処理順序が異なることも 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 27
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. テクノロジーの進化 •パソコンの世界は時間の流れが違う • 言語自体が更新されたり、 時代にあった新たな言語が開発されたり
• ネット上に点在するノウハウ記事や、 時に公式ドキュメントも 最新の環境では使えないことがある 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 28
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 使い方ではなく仕組みを把握 •言語の使い方ではなく、 その処理で「何が起こったか」を把握する 2020/6/6 プログラミングの仕組みを学ぶ
大人Scratch講座 29
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 小さい物で作り慣れる •料理と同様、経験豊富な方が有利 • 様々な環境の差異を意識できる •「ここはこうした方が後で困らない」
ということが感覚でわかる 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 30
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. まずは単純な環境から • 数式の組み方に感覚が生きる • マクロも作成可能
Excel • 単純な作業を簡略化 • 本格的なプログラムも可能 スクリプト言語 • IFTTT • Zaiperなど Webツール 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座 31
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. 質疑応答 なにか質問はありますか? 2020/6/6 プログラミングの仕組みを学ぶ 大人Scratch講座
32
特定非営利活動法人 まちづくりエージェント SIDE BEACH CITY. おわり 本日はご参加ありがとうございました なお、アンケート記入お願い致します。 2020/6/6 プログラミングの仕組みを学ぶ
大人Scratch講座 33