2019年2月9日(土)プログラミング教室@中央公園文化センター

2019年2月9日(土)にプログラミング教室が行われました。
午後は大人向けJavaScript(ジャバスクリプト)プログラミングの講座、午後は子どもたち向けのマイクロビット(micro:bit)の講座でした。

本日は、3回シリーズの2回目です。
前回の記事はこちらです。

午前(大人向け)の講座はホームページ作成を通じてJavaScript(ジャバスクリプト)プログラミングを基礎から学びます。今回のテーマは変数と条件分岐です。

所長がwiki(ウィキ)にまとめてくれているではありませんか!☟

https://github.com/koichii/javascript-tutorial/wiki/javascript

この内容にそって説明しながら、ブラウザ画面上でスクリプトの動作を確認しました。F12 キーを押すとデバッガが出てくるので、コンソールにJavaScriptを入れて、動作を確認することができます。

午後はプログラミング教室の開始前に、VR(バーチャルリアリティ)とロボットカーで遊びました。
 未来美術部の方がいらっしゃって、本格的な機材で、バーチャルリアリティを体験して頂きました。ロボットカーのすもうもみんなでやってみました。ロボットカー同士がぶつかり合うのですが、結構人気でした。

午後はマイクロビット(micro:bit)の2回目の講座でした。
今回のテーマは「変数、条件分岐を学ぶ」です。
ロボットカーはこんなかんじ(↓)の配線などしなければならないので、スタッフがあらかじめロボットカーを組み立てておいて、子どもたちにはプログラミングをしてもらいました。

 

ロボットカーの動きを説明したあと、サンプル( ロボットカー入門)を好きなように改造してもらいました。今回は、プリントを用意してみました。プリントを埋めるようにして、プログラムを改造してもらいました。

最後にみんなでどんな数値をいれたのか、プリントの答え合わせをしました。

終わった人は、もう一台マイクロビットを使って、無線のコントロールに挑戦してもらいました。

参加してくれた皆様、ありがとうございました。

2019年1月18日(金)パソコンクラブでロボットカーを動かそう@北区立神谷小学校

2019年1月18日(金)、東京都北区にある神谷小学校のパソコンクラブへ行ってきました。クラブ活動は月1回で、1回45分です。今回は、パソコンルームで眠っていた💤「ロボットカー」を起こしました。
今回、起こされたのは「LEGO Mindstorms」のロボットカーたちです。わたくしはまったく触ったことなくて、どうしようかと思っていたのですが、
「やったことある人教えて 🙄 !!! 」
と子どもたちにヘルプ要請したら、な、なんとこどもたちが教えてくれました!
ということで、わたくしたちは、ロボットカーをとUSBケーブルで接続して、開発用ソフトを立ち上げて準備しただけです。あとは、ぜーんぶ、子供たちに教えてもらって一緒に楽しみました。

ロボットは2、3名で1台ずつです。
ガシガシうごいてました!

基本は、マイクロビット(micro:bit)と同じように、パソコン上でプログラムを作って、ロボットへダウンロードします。

1. PC上でソフトウェア(EV2-SW)を用いてプログラムを作成
2. USB/Bluetoothでロボットへダウンロード
3. ロボット上でプログラムを実行

スピードをあげたりして、どんどんパワーアップしてました。

昨年度もパソコンクラブに在籍していた子どもたちは、昨年パソコンクラブでロボットカーを使ったことを覚えていたようです。(わたくしなんて、物忘れが気になるのに…。)

ほんと、よく覚えているし、のみこみがはやいです!

ビジュアルブロックでプログラミングをしていくので、直感的にできたようです。
「ロボットカーから音をだしたい!」と質問されて、わたくしも子どもたちと一緒に考えました。あれこれとブロックや設定を一緒に探して何度もためしてみました。

クラブ活動の最中に、後輩である3年生がクラブ見学に来ていました。来年度にどのクラブ活動に所属するかを決めるためだそうです。今回のクラブ活動も大いに盛り上がっていましたので、神谷小学校のパソコンクラブは人気がでそうです。10代の頃の「好きなこと」は大人になって「趣味」につながったりします。
わたくしは、10代の頃、旅が好きになって、青春18切符を使って鉄道旅行したり、YAMAHAのオートバイ/TZR250(後方排気になる前の初期型)やSERROW(2台乗りつぶした)に乗ってました。真面目なライダーだったので、ちゃんと峠を攻めたり、青森まで自走して稚内まで走り、テントも張って自炊してました。長期キャンプする人は、飯ごうでご飯を炊いたりしません。真のキャンパーは、袋ラーメンか食パンが主食です。(白米を炊くと英雄となり、みんなが集まってきます。)小学生の頃から魚釣りをしていたので、現地で魚を釣って食べたり、漁港でサケをもらったりもしました。毎年、北海道へいくたびに、北海道の方に親切にしていただき、おすそわけをいただいたりしました。(すでに一生分のバフンウニと花咲ガニと鹿肉を食べました 😆 。)雨が降るとテントが浸水してきたり、バイクのエンジンがかからず、毎回バイクを押しがけしたり、ガス欠で日勝峠を越えられず、日高で野宿したり…と数えきれないほどのアクシデントがありました。(あ、関係ない…小学生の頃やっていた釣りがとっても役にたったということで…)

いよいよ 💡 2019年1月27日(日)午後2時より
北区政策提案協働事業 第1回 北区こども プログラミング コンテスト
が開催されます。ぜひおこしください 😛 。

 

 

 

2019年1月12日(土)JavaScriptでプログラミング教室@中央公園文化センター

1月12日(土)に、プログラミング入門教室を行いました。 今回は3回シリーズの第1回目です。

プログラミング入門(中学生~おとな向け)
2019年1月12日(土)・2月9日(土)・3月9日(土)
開場 10:15、開始 10:30~12:30
場所:中央公園文化センター(王子駅または十条駅)

プログラミングが初めての方向けの講座なので、プログラミング言語の歴史や命令などを復習しました。
命令とは、

 指定したメモリから読む
 指定したメモリに書く
 足し算、引き算などの計算
 計算結果で、ジャンプする

です。歴史こんな感じで復習してみました。

 ■1970年 UNIX(オペレーティングシステム)
 ☆1972年 C言語(しーげんご、UNIXの開発用)
 ■1974年 パソコンCPU(8080, 6800)アセンブリ言語(機械語)
 □1975年 Microsoft BASIC(ベーシック、もともと教育用言語)
 ■1980年 MS-DOS(オペレーティングシステム)
 □1983年 C++(しーぷらぷら、クラスやオブジェクト)
 ■1990年 Windows 3.0(文字からグラフィックへ)
 ■1990年 WWWサーバとブラウザ(インターネットの普及)
 ■1991年 Linux(リナックス。オープンソースの普及)
 □1991年 Visual Basic (Windowsのアプリケーション開発用)
 □1994年 PHP(ピーエイチピー。WWWサーバ用の言語)
 ☆1994年 Python(パイソン。汎用言語)
 ☆1995年 JavaScript(ジャバスクリプト。ブラウザ用の言語)
 □1995年 Java(ジャバ。汎用言語)
 □1995年 Ruby(ルビー。汎用言語)
 ☆2006年 スクラッチ

GitHub.com (ギットハブ)にアカウントを作り、「リポジトリ」を「フォーク」して、自分のホームページを公開する方法を学びました。
なんて、小難しいことをなさっているのでしょう!

Gitとは、分散型バージョン管理システムの一つで、もともとLinuxのソースコードを効果的に管理するために開発されました。他にも Mercurial , Bazzar などの分散型と呼ばれるバージョン管理システムがあります。
亀さんマークのSubversion や CVS のように集中管理型(クライアント・サーバ型)もあります。
一度にプログラムを仕上げることはできないし、修正したり、機能を追加したり、みんなで開発したりしますので、バージョン管理はプログラミングで必ずといっていいほどやることです。

Gitでは、ファイルの状態を好きなときに更新履歴として保存しておくことができます。そのため、一度編集したファイルを過去の状態に戻したり、編集箇所の差分を表示したりすることができます。GitのHub(ハブ:集まり)はプログラムなどのファイルを公開することができるようにしたウェブサービスです。(昨年Microsoftさんが買収されましたね。)

リポジトリは、GitHub が、プロジェクトに関連するファイルをまとめて保管する単位です。
企業ベースだと、リポジトリをチーム内で共有して、作業目的ごとにブランチ (Branch:枝) と呼ばれるコピーを作り、適当なタイミングでブランチに対して行われた更新をマスター(Master:本流) に反映するというのが、開発の 1 つのパターンです。
個人でも、ファイル編集で「変更前にもどしたい」とおもったり、あれこれ手入れをするためにコピーしたり、備忘録としてファイルに日付を追加しますね。すると、どれが最新なのかわからなくなっちゃったりします。そういったバージョン管理の問題を解決するのがGitです。プログラムのソースだけじゃなくて、Excelファイルや、画像も管理できます。(特にExcelファイルはどれが最新なの~ってなっちゃいますよね。…Excel禁止令がでたことがあります…)

GitHub のアカウントを持っていると、自分のアカウント内に既存のリポジトリのコピーを作れます。これが、フォーク(食器のフォークみたいに分かれていくかんじかしら?)です。フォークしたリポジトリは自分の所有物なので、自由に更新ができます。これなら、安心してたくさん失敗できますね。

■GitHubにアカウントをつくる方法
■今回の講座で作ってみたページ
■実際のプログラムはこんなかんじ👇(講座で実際に作ってみたソース

皆さんこれで、立派なプログラマーです。新しいこと始めるっていいですね。わたくしも初めてです。

次回はギットハブを使って、JavaScriptをさらに深く学びます。

午後は 未来美術部の方がいらっしゃって、本格的な機材で、バーチャルリアリティを体験して頂きました。

午後の講座の記事はまた次回更新します。

地図とペア・プログラミング



地図ちずは、北を上にかきます。

きたNORTHノース
みなみSOUTHサウス
ひがしEASTイースト
西にしWESTウエスト

ペア・プログラミングとは

1台のパソコンを使って、二人でプログラムを作ることです。
くるま運転うんてんして、らないところにいくときは、だれかがナビ(地図ちずを見る)をするのと同じです。
ひとりが、パソコンの前にすわって、パソコンをうごかします。もうひとりは、よこにいて、パソコンにはさわりませんが、質問しつもんをしたり、おしえたり、相談そうだんしながら、いっしょに考えて二人でプログラムを作ります。
パソコンの前にすわる人は、順番じゅんばん交代こうたいします。

いこと わるいこと
質問しつもんする 命令めいれいする
説明せつめいする 話を聞はなしきかない
仲良なかよ交代こうたいする パソコンを取り合とりあ
相談そうだんする けんかする

プレイラボで、おはなしを作ろう


プレイラボで、おはなしを作ろう

はじめかた

グループ「もも」は、ログインすると、プレイラボがでてくるよ。

おわったら

プログラムができたら、所長しょちょうに、レポートしよう。
ホームページで、プログラムを公開こうかいするよ。

パズルの最後さいご画面がめんで、「完了かんりょう」ボタンを押します。

共有きょうゆうする」がます。

出てきたアドレスを、下の「メッセージ」に入れて、[送信そうしん]ボタンをクリックしてください。

コピー([Ctrl]+[C])とペースト([Ctrl]+[V])を使つかって、アドレスをコピーしてみよう。



JavaScriptに、ちょうせん


JavaScriptジャバスクリプト挑戦ちょうせんしよう。
これは、おとなでもむずかしいよ。

はじめかた

ここをクリックして jsbin を開いてね。
http://jsbin.com/leregem/edit?html,output

おわったら

プログラムができたら、所長しょちょうに、レポートしよう。
ホームページで、プログラムを公開こうかいするよ。

jsbin の [Share] をクリックして出てきたアドレスを、下の「メッセージ」に入れて、[送信そうしん]ボタンをクリックしてください。

コピー([Ctrl]+[C])とペースト([Ctrl]+[V])を使つかって、アドレスをコピーしてみよう。



タッチタイピングとは


タッチタイピングは、キーボードを見ないで、キーをたたくことです。

キーボードの「F」と「J」は、マークが付いてます。ここに「ひとさしゆび」をあわせます。これを、「ホームポジション」と言います。

どのゆびで、どのキーをたたくか、色でわけてあります。(たとえば、みぎの、ひとさしゆびでは、みどり色のキーをたたきます。)

タッチタイピングで、はやくキーをたたけるようになると、カッコイイよ。

「ABCのうた」をうたいながら、練習れんしゅうしよう。

※参考:http://himetorao.nobody.jp/type/touch.html
※「ブラインドタッチ」は、和製英語わせいえいごなので、「タッチタイピング」とびましょう。

ここで、れんしゅう

そのあと・・・

じかいは、このゲームをみんなでやってみよう・・・かな。
http://www.kidsmathplay.com/sky-chase-typing-short-words/

GitHubにアカウントをつくる方法

GitHubの利用規約を読み直したところ、13歳未満は、アカウント作成が出来ない事がわかりました。
たいへん申し訳ありませんが、13歳未満の方は、アカウントは作らないでください。

GitHubギットハブは、Linuxリナックスなどを開発かいはつしている、とても有名ゆうめいなサイトです。
ここでは、世界中せかいじゅうのプログラマーが、おたがいにたすい、おしい、いっしょにプログラムを開発かいはつするために、プログラムのソースコードを公開こうかいしています。
プログラムを公開こうかいする場合ばあいは、利用料りようりょう無料むりょうです。(公開こうかいしない場合ばあいには、有料ゆうりょうになります)
GitHubギットハブでプログラムを開発かいはつするために、アカウントをつくりましょう。

  1. メールアドレスを用意よういします。
  2. なんでもいですが、どこでつくったらいかわからない場合ばあいは、マイクロソフトが運営うんえいする outlook.comアウトルック コム無難ぶなんです。

    http://outlook.com で「サインアップ」をえらびます。

    ※メールアドレスが出来できたら、つぎすすんでください

  3. GitHubギットハブひらきます
  4. http://github.com

  5. [Sign up for GitHubサインアップ フォー ギットハブ]ボタンをクリックします
  6. 以下いかれて、[Create an accountクリエイト アン アカウント] をクリックします
  7. Usernameユーザーネーム:アルファベットで、きな名前なまえをいれます。本名ほんみょうれないでもいです

    Email Addressイーメイル アドレス:メールアドレスをれます

    Passwordパスワード英数字記号えいすうじきごうでパスワードをれます。7文字もじ以上いじょうながさが必要ひつようです。

  8. メールがとどいたら、リンクをクリックします

グループにわかれてネ


きょうは、「うめ」、「もも」、「さくら」、の3グループにかれます。だいたい、こんなかんじにかれてすわってください。

うめ

マウスやキーボードがむずかしい、ちびっ子はこちら。きょうは、「コース1」から、はじめてみよう。

もも

きょうは、「コース2」をやってみよう。わったら、コース3、コース4にすすもう。

さくら

きょうは、「コース2」をやってみよう。じかいはJavaScriptジャバスクリプトや、ホームページ作成さくせい挑戦ちょうせんするよ。