「プログラミングを学びたい」「興味がある」という人に、プログラムの考え方が学べるゲームのご紹介です。スポンサードリンク単純に「プログラム」と言ってもたくさんの言語があります。ウェブ製作で身近な言語といえばJavascript/PHP、システム系でいえばRuby/Java/Perl/C/C++など。他にも様々な言語がありますし、各言語ごとに特徴や得意ジャンルがあるので、やりたい方向性によって学ぶべき言語は違ってきます。プログラムにさわったことがない人には、「どの言語から学ぶか」よりも「どんな世界なのか」を知ることから入ったはうがいいと思うんですよね。そんなざっくりとした入り口でもいいと思うんです。はじめからワケも分からずにプログラムの本なんて読めないですから。あなたがもし「プログラミングって楽しそう」「やってみたい」と興味を持っているなら、まずは以下でご紹介するゲームをしながら、プログラムの基礎に触れてみるのもいいかもしれません。Partoviという兄弟がアメリカのコンピュータサイエンス(計算機科学)やSTEM(科学技術)教育の普及を支援するために2012年に立ち上げたサイトで、この中のチュートリアルを通じてプログラミングの基礎に触れることが出来るようになっています。ゲーム概要AngryBird(赤い鳥のキャラ)を緑のブタにぶつける、という至極簡単なゲームです。AngryBirdを動かすためには、ブロックを使ってプログラムを組み立てなくてはなりません。「右に回転」→「前に進む」など。ステージを進むごとに難易度は上がってきます。プログラムで使う「if文」とか「loop」に相当する思考が必要になってくるので、上手にゴールを目指しましょう。チュートリアルをやってみるCode.orgにアクセスしたら、「開始します」をクリック。日本語でチュートリアルを体験したい場合は、「あなたの言語のチュートリアル」と書かれた項目内の「行く」をクリック。チュートリアル画面に移動します。英語で解説が表示されると思うので、まずは「×」をクリックしてコメントを消しましょう。ゲームの遊び方は下図の通り。最初のステージはこんな感じ。前に2回進めばゴールです。この場合は、「前に移動」→「前に移動」でOK。複雑になってきましたね。ちなみに右上の「コードの表示」をクリックすると、組み立てたプログラムを見ることが出来ます。下図が上記で組み立てたブロックのプログラムです。実際は、このプログラムを動かすために裏側でもっと細かい仕様が定義されているので、このプログラムをコピペしただけでは動きませんが、それでもなんとなく眺めるだけでいいと思います。上記プログラムですが、翻訳をするとこんな感じです。/whileは繰り返すという意味。「ゴールじゃない」なら以下のプログラムを繰り返す。//ここで「ゴールじゃない」が終了こんな感じに、プログラムは色々な動作や判定を行いながら組み立てていきます。プログラムは分からなくても、組み立て方の雰囲気は感じられるのではないでしょうか。全20ステージをクリアすると、修了書が発行されます。Code」というキャンペーンを開始しまして、希望すればコンピュータサイエンスについて1時間の授業が受けられます。このキャンペーンには、MicrosoftやAppleにGoogle、そのほかYahooやDisneyなどなど、色々な企業が支援していたりするので、興味があれば受けてみるのもいいかも(ただし、英語力必要...)。IDを退会・削除する方法ウェブサイト製作でたまにオープンID系の機能を導入することがあります。ツール・サービスウェブデザインのアイデアを探す時に役立つ、海外のウェブデザインリンク集ウェブデザインのアイデアが出てこない時やデザインの引き出しを増やす機会作りに使える、海外のオシャレなサイトを集めたウェブサイトのデザインリンク集のご紹介。ツール・サービス無料のオンラインストレージ「box」を導入してみた最近、「box」というあまり聞きなれない無料のオンラインストレージサービスを知ったんですが、海外では大手がこぞって採用しているビジネス標準的なサービスのようです。YSlowでサイトのパフォーマンスを計測してみたYSlowというYahooが提供しているサイトのパフォーマンス検証ツールを使ってこのサイトの検証をおこなってみました。現在表示しているページのリンク切れチェックを自動で行ってくれる、便利なFirefoxのアドオン「LinkChecker」を使ってみました。Gmailを送受信する方法2012年6月の時点でユーザー数が4億人を突破したといわれているGmail。その中の1人に私が入ります。画像ページの先頭へ某企業のウェブ担当を経て2012年に独立。現在は東京・神奈川を中心にウェブ企画/デザイン/コーディングなどウェブ製作業務に従事してます。