子どもたちのプログラミングへの情熱に火をつける_html/css_WEB-ITnose

子供たちのプログラミングへの情熱に火をつける

約 1 年前、インドネシアにいる甥のエフレイムから Facebook メッセージを受け取りました。エフライムは学校のプロジェクトがあると言い、手伝うことができるかどうか私に尋ねました。 「コンピューター関連のことをしなければならない」と彼はメッセージの中で述べた。

私は彼に、HTML5、CSS、JavaScript を使用した簡単な Web サイトを作成することを提案しました。私と数回チャットし、Codecademy からいくつかのことを学んだ後、彼はプロジェクトを完了しました。彼の先生は彼の結果をとても誇りに思っていました、そして私もそうでした。

これは甥っ子だけでなく、他の子供たちにとっても楽しくて役に立つかもしれないと思い始めました。そこで私は、子供たちがコーディングを学び、アプリを開発し、Web サイトをデザインし、テクノロジーに精通したいという情熱に火をつけるために、CodingStuff.org というプロジェクトを立ち上げました。

8月、私はオランダのメッペルにある高校の母校、スタッド＆エッシュを訪問しました。この学校に通っている間、私と友人数人で、Optisoft と呼ばれるコンピューター クラブを設立しました。私たちはいくつかの小さなアプリを開発し、多色のスプライトについてとても楽しく話し合いました。

またやってみようかなと思いました。私はスタッド＆エシュ高校に「学校でハッカソン@スクールイベントを開催したいと思っています」とツイートしたところ、学校からの返答は率直で、「それはいいですね。予約しましょう。

現在、私はそうしています。」私はスタッド＆エシュ中等学校で客員教師をしています。 2015年1月から子供たちにプログラミングを教え始めました。昨年の 6 月、私は Red Hat Summit の前に Devoxx4Kids 向けのワークショップを開催しました。

プログラミングが重要なのはなぜですか?

1982 年、私がまだ 12 歳だったとき、私は Commodore VIC-20 を与えられました。プログラミング方法についてのチュートリアルが記載されたマニュアルが付属しています。このチュートリアルに従い、雑誌を読むことで、まだ幼い頃からコーディングを始めました。小さなプログラムを書いただけでしたが、問題や問題を解決する方法、論理的に考える方法を学びました。

私はプログラミングを学ぶことにとても情熱を持っています。トゥエンテ大学でコンピューター サイエンスを学び、ソフトウェア開発者になりたいと思っています。 Commodore 128、Atari 1040 ST、Philips P3105 などのコンピュータで BASIC、Pascal、Turbo Vision などのプログラミング言語でプログラミングした後、私はついにトゥウェンテ大学で勉強できる年齢になりました。

大学卒業後、私は多くの企業の複数のプロジェクトに参加し、いくつかの補助プロジェクトにも参加しました。私のプログラミング スキルと経験は、常に変化するテクノロジー環境に適応する創造的なソリューションを見つけるのに役立ちます。

今日、誰もが携帯電話かコンピューターを持っており、ほとんどの人が両方を持っています。子どもたちは、私が幼い頃とはまったく異なる世界に住んでいます。世界には、YouTube、Netflix、Facebook など、生活の重要な部分を占める Web サービスが溢れています。

今ではどの企業もソフトウェア会社です。物理的な商品を出荷する企業であっても、何らかのデジタル プレゼンスが必要です。医学について知っておくと医師とより有意義なコミュニケーションが取れるのと同じように、テクノロジーの仕組みについて知っておくと、この時代にうまく対処できるようになります。

将来的には、テクノロジーの量とテクノロジーへの私たちの依存度は増加する一方です。今日の学生は、テクノロジーを使用できるだけでなく、それを理解し、制御できる必要があります。

スタッド＆エッシュ中等学校はこれを理解し、11 歳から 13 歳までの子供たちにプログラミングと関連テクノロジーを週に 1 時間教えるよう私に依頼しました。

Hackathon@School

私は、子供専用のハッカソンである Hackathon@School からコースを開始しました。ハッカソン (ハッカー デイ、ハックフェスト、コードフェストとも呼ばれる) は、グラフィック デザイナー、インターフェイス デザイナー、ソフトウェア プロジェクト マネージャーなど、コンピューター プログラマーとその他の人々が緊密に連携して行われるソフトウェアおよびハードウェアの開発コンテストです。

私はハッカソンを使用して、別の方法でクラスを開始します。ただ話して説明するだけでなく、子供たちに練習させることもできます。私が簡単に説明すると、子どもたちはお互いに助け合いながら練習を始めました。今回のハッカソンでは、HTML5やCSSの基礎知識を集中して学び、とても楽しみました。

もちろん、本物のハッカソンのように、パズルで終わりました。通常、教室内での飲食は禁止ですが、ハッカソンはオンラインでの開催を学校が認めてくれました。今では、子供たちは毎回のセッション後のパズルを楽しみにしています。

コース

ハッカソン@学校イベントの後、コースのスケジュールを決める必要がありました。

私の目標、そして学校の目標は、子どもたちのテクノロジー、主にプログラミングに対する情熱に火をつけることです。これらのコースは必須ではなく、あらゆる学年の学生が参加します。私はコースが彼らにとって興味深く、気分が良くなるようにしたいと思っています。 Webやスマホに関わるものを作ってみたいと思いました！ HTML、CSS、JavaScript から始めるのは明らかです。これらのテクノロジーの利点の 1 つは、追加のソフトウェアをインストールする必要があまりないことです。必要なのはブラウザとエディタだけです。

授業スケジュールをいくつかの部分に分けることにしました。私たちは HTML、CSS、JavaScript の入門から始まり、Flappy Bird というゲームの開発に進み、最後にすべてのテクノロジーを統合して完成しました。モニターアプリを作成しました。

最も重要な目標は、子供たちにプログラミングに興味を持ってもらい、勉強しながら自宅で練習したり、プログラミングクラブを結成したりできるようにすることです。子どもたちがコーディングを学ぶもう一つの場所である CoderDojo に参加したり、13 歳のニック ジョーダンが設立したオランダ語のオンライン コーディング スクールである Jorcademy.nl と呼ばれる別の素晴らしい場所に参加したりするかもしれません。

私のコースの基本構造は常に未来テクノロジーに関するレッスンから始まり、ロボット工学や 3D プリンティングなど、あらゆる種類の新しいクールなテクノロジーについて話します。ロボットのダンスに関するこのような YouTube ビデオを再生します。この後、私たちのコースが始まります。

各レッスンごとに、説明と宿題を含むデモンストレーションを用意しました。最初にいくつか説明をしてから、子どもたちに課題を出します。それから子供たちは宿題をやりに行きました。彼らはグループを形成し、お互いに助け合います。質問によっては、私が答えられないこともありますが、必ず答えをくれる優秀な子どもたちがいます。

My Friends App

私たちは HTML と CSS を学ぶことから始めました。その後、これらのテクノロジーを使ってスマートフォン アプリケーションを開発するのは素晴らしいだろうと思いました。 Friends Books は、親友に関する情報を収集するための人気のあるアプリです。そこで、My Friends アプリを思いつきました。アプリには友達のリストが記載されたページがあります。趣味やなりたい人物など、各友達の好みに関する情報を含む詳細ページもあります。

子供たちは、HTML と CSS のみを使用してエディターで作成し、ブラウザーでこれらのページを閲覧します。子供向け Web ページをスマートフォンで実行できる実際のアプリに変換するために、Ionic を使用しました。 Ionic は、ハイブリッド モバイル アプリケーションに使用できる完全なオープンソース SDK です。 AngularJS と Cordova 上に構築された Ionic は、HTML5 や CSS などの Web テクノロジーを使用してモバイル アプリケーションを開発するためのツールとサービスを提供します。

Ionic に基づいてモバイル アプリケーションを生成するツールを作成しました。Web ページの準備ができたら、このツールを使用して Web ページをモバイル アプリケーションに変換します。子どもたちは、自分のスマートフォンで自分のアプリケーションが実行されているのを見てとても誇りに思っています。

Flappy Bird

ゲームをするのはいつも楽しいので、ゲームを作ってみませんか? Phaser など、ゲーム開発に役立つフレームワークが多数あります。私のワークショップでの講演では、独自の Flappy Bird ゲームを作成する方法を説明しました。

もう一度 HTML と CSS から始めます。このようにすべてを説明する必要はありません。たとえば、私たちは主に Web サイトをより美しくするために CCS を使用します。私たちは HTML と CSS を練習するために CSSDesk のようなサンドボックス サイトを使用します。

次に JavaScript について、JavaScript とプログラミング言語全般について説明しました。また、ライブラリの使用方法についても説明しました。すべてを自分で行う必要はありません。 Flappy Bird の開発には、ブラウザ ゲームを作成するための高速で楽しいオープンソース フレームワークである Phaser を使用しました。

Flappy Bird ゲームを書くための宿題を用意しました。宿題を完了する過程で、子供たちはゲームに鳥を追加したり、鳥を変更したり、パイプを追加したりします。最後の課題を完了したら、有名な Flappy Bird ゲームをプレイする時間です。

独自のアプリを開発する

場合によっては、本当に驚くようなことになることがあります。私の生徒の 1 人が私のところに来て、「ヘンク先生、あなたが仕事でやっているのと同じように、私たちも実際に本物のアプリを作りたいのです!」と尋ねました。

私はフロントエンド開発者で、アプリケーションを開発するためのイオンフレームワーク。なぜそうではないのかと思いました。

NodeJS、NPM、Ionic のインストールを開始します。各ステップについて説明します。コースの後半では、Android を構成しました。11 歳の子供が、コンピューターに Android エミュレーターがあることを私に教えてくれました。

最後のレッスンでは、Ionic サンプル アプリを変更しました。子供たちは、独自のアプリを開発してスマートフォンにインストールするのが本当に素晴らしいと感じています。来年度はアプリ開発をさらに深めていきます。

モニター アプリケーション

これまでに学んだことを組み合わせるために、モニター アプリケーションを開発します。モニターは、カメラとスマートフォン アプリを備えた Raspberry Pi で構成されます。

ウェブサイトの画像を表示できるアプリの開発を開始しました。アプリが完成したら、Raspberry Pi に接続しました。 Jacob Salmela の記事「MJPG-Streamer を使用したインターネット上の Raspberry Pi Webcam」を参照して、カメラで画像をキャプチャできるように Raspberry Pi を構成します。

モニター申し込みが完了しました。教室にカメラを設置すると、アプリで画像を見ることができます。これは本当に楽しいですね！

Devoxx4Kids Boston

6 月、Devoxx4Kids は私にボストンでワークショップを行う機会を与えてくれました。 Red Hat が主催する年次イベントである Red Hat Summit でも、2015 年に初めて devoxx4kids が開催されました。 Devoxx4Kids は、若者にコーディング、ロボット工学、エンジニアリングを楽​​しい方法で紹介することに専念しています。私のワークショップ「独自の Flappy Bird ゲームを開発する」を通じて、10 代の若者が Flappy Bird ゲームを開発する際に HTML5、CSS、JavaScript について学ぶことができれば幸いです。

私のワークショップには6歳から16歳までの約20人の子供たちがいます。彼らは皆非常に情熱的です。この日は6つのワークショップがあり、私のワークショップは10時から始まりました。お土産やドロップスというオランダの伝統的なお菓子を持っていきましたが、あまり興味を示されませんでした。私は、HTML と CSS から始まり、クールな Flappy Bird ゲームで終わる将来のコースのビデオを披露しました。

子供たちはこのワークショップをとても楽しみ、多くのことを学びました。彼らの多くは、HTML、CSS、JavaScript を初めて使用します。これらの子供たちは Windows に慣れていますが、私たちのラップトップには Linux システムがインストールされていますが、これは子供たちにとって問題ありません。

まとめ

この 6 か月間で、私は子供たちにプログラミングを教える方法について多くのことを学びました。複雑なことを明確にする方法を学び、教えるスキルが向上しました。この新世代の子供たちを決して過小評価しないでください。彼らはあなたが思っているよりも多くのことを知っており、情報を見つける方法を知っており、情報を実行する方法を知っています。

オランダでも米国でも、彼らは皆賢く、やる気があり、熱心です。私たちがしなければならないのは、彼らのプログラミングへの情熱に火をつけ、興味深くクールなコースでプログラミングに関する指導を提供し、魔法が起こるのを待つことだけです。

今確実にわかっていることは、私は教えることが大好きだということです。つまり、次世代の子供たちにプログラミングとテクノロジーを教えることです。私の夢は、いつか生徒たちが「ヘンク先生のおかげでプログラミングへの愛を発見できた」と言ってくれることです。

だから私はこれからも教え続け、世界中の子供たちに私の愛の経験を共有していきます。これからも学校や Devoxx4Kids で教えていきたいと思っています。さらに、コーディング関連プロジェクトを拡張したいと考えています。

インドネシアに行って、そこの子供たちのコーディングに対する情熱に火をつけたら素晴らしいと思いませんか?

著者について

Henk Jurriens は、コンピューター サイエンスの修士号を取得したテクノロジー擁護者およびソフトウェア開発者です。ヘンクは情熱的で、学習意欲が高く、プログラミングが大好きです。彼は人々を新しいテクノロジーに興奮させるために懸命に働いています。ソフトウェア開発者として働くことに加えて、ヘンクは子供たちにコーディングの仕方を教えるプログラム、Coding Stuff を作成しました。ヘンクは中学校の客員教師でもあり、子供たちにプログラミングを教えています。余暇には、旅行や犬の散歩を楽しんでいます。彼の LinkedIn プロフィールにアクセスするか、Twitter でフォローしてください。

英語の原文を表示: Igniting Kids’ Enthusiasm forcoding