2020年4月から小学校でプログラミング教育が必修化された。既存の算数や理科といった科目の中で、物事を論理的に考えるプログラミングの要素を取り入れていくことになる。25年には大学入学共通テストでも、プログラミングなどを扱う「情報I」が科目として追加される予定だ。 こうした背景から、数年前から小中学生を対象としたプログラミング教材が多く登場している。その中の1つ、6月25日にセガが発表した「ぷよぷよプログラミング」（以下ぷよプロ）は、子どもから大人までなじみのある対戦アクションパズルゲーム「ぷよぷよ」を使った無料のプログラミング教材だ。コーディングで「ぷよ」を動かせるようにし、ゲームを完成に近づけていく。 果たしてプログラミングを習得できるのか？　ゲームを完成できるのか？――筆者と中学1年生の息子が挑戦してみた。 ●必要なものは“気合い” ぷよプロはぷよぷよのソースコードをそのまま書き写す（

この3つの原則は書籍の構成にも現れています。 第一部の基本文法で「書き方」を学び、第二部のユースケースで「作り方」を学べるようになっています。 「学び方」は、章としてではなく全体的な流れとして取り入れることにしました。 なぜなら、「学び方」自体は学びたいことによっても異なる方法を取る場合があります。 そのため、「学び方」で個別の章とするよりは、他の章で「書き方」や「作り方」と一緒に見たほうがよいと考えたためです。 たとえば、基本文法などの学び方にはMDNのようなリファレンスサイトを見たほうがいいし、 アプリケーションの作り方は実際のサイトなどを参考にしたほうがよいためです。 第一部と第二部がどのように書かれたのかをざっくりと振りかえってみます。 第一部: 基本文法 第一部: 基本文法はJavaScriptの基本的な文法について扱っています。 プログラミングの入門書で文法については避けること

無料で学べる「JMOOC」というオンライン講座があります。 JMOOCの中に、JavaScriptの講座もありました。 JMOOC https://www.jmooc.jp/ www.jmooc.jp ja.wikipedia.org 一般社団法人日本オープンオンライン教育推進協議会（Japan Massive Open Online Courses Promotion Council）は、2012年より米国で始まった無償教育サービス「MOOC」（オンラインで大学レベルの授業を無償で公開し、終了条件を満たした受講者に修了証を提供する）の日本語での無償提供及びその普及・拡大を目的とし、2013年11月に設立された非営利団体である。 略称は「JMOOC（ジェイムーク）」。 JavaScript講座 https://www.fisdom.org/F00000125/ www.fisdom.org

この度、5秒で始められるゲームプログラミング学習サービス「プロアカ」をリリースしました。1人での開発でしたが月額課金制度まで実装しており、少し大きなプロダクトになったので知見を共有したいと思いました。 また、新型コロナの影響で自宅待機の時間が長くなっている方が多いため、自宅学習できる当サービスについて知っていただければと思いました。休校中の学生の方もぜひプログラミングを学んでいただければと思います。サービスサイトはこちらです。 #目次 作ったサービス サービス内容で工夫したこと 使用した技術 開発期間は半年間 リリース後 終わりに #作ったサービス 今回開発したゲームプログラミング学習サービス「プロアカ」は、JavaScriptプログラミング及びJavaScriptゲームプログラミングを学習できるサービスです。また、学習を終えた人がオリジナルゲームを開発するための開発ツールもあります。 J

新型コロナウィルスの臨時休校期間中は無料のものがたくさん ディズニー・プログラミング教材「テクノロジア魔法学校」も！ 2020/3/17まで無料⇒５/12まで無料 HTML/CSSやJavaScript、Processingなどを使って本格的なデジタル作品を制作 マウスの操作方法からスタート どこからでも始められる（簡単な部分を飛ばしてもOK） プログラミング言語JavaScriptの部分の例 プログラミング言語が苦手な大人も一緒に！ 新型コロナウィルスの臨時休校期間中は無料のものがたくさん 新型コロナウィルスの臨時休校期間中に多くの企業が無料でいろんなものを提供されていますね。 少し前回の記事に書きましたが、もう載せきれないくらい次々と一般のニュースからも情報が入ってきて、ワタミのお弁当宅配の話を聞いた時はびっくりしました。 prtimes.jp 我が家は利用しませんが、お昼の用意が大変

JavaScriptでエラーの原因となるHoisting（巻き上げ）はなぜ起こるのか、その仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🔥🕺🏼 JavaScript Visualized: Hoisting by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScript Hoisting（巻き上げ）の仕組みをGIFアニメで分かりやすく解説 Hoisting（巻き上げ）は、JavaScriptでのエラーの原因をGoogleで検索しても分からず、StackOverflowなどで質問した際に目にする用語の1つです。「そのエラーはHoisting（巻き上げ）が原因で発生している🙃」と言われることがあります。 Hoisting（巻き上げ）とは何のことでしょうか？

「プログラミングを学んで、自分に向いているならエンジニアとして転職したいけど、最初に学ぶ言語ってどれがいいんだろう？」 「2020年にプログラミングを学び始めるなら、どの言語をどんな目的で学べばいいんだろう？」 と、最初のプログラミング言語って何がいいのか、悩んでしまいますよね。 ぼく自身も未経験からエンジニアに職種を変更する決断をしたとき、最初に学ぶべきプログラミング言語がわからなかったので、いろんな記事を読みあさった記憶があります。 今回は、2020年これからプログラミングを学び始めるならどの言語がオススメなのか、現役Webエンジニアとして働いている立場のぼくが「初心者の学習のしやすさ」と「求人・案件数の多さ」と「今後の需要が伸びる可能性」の観点から紹介していきます。 プログラミング初心者が最初に学ぶ言語の重要性 プログラミングを勉強する上で、なぜ最初に学ぶ言語選びをこだわる必要がある

こちらの記事は、Indrek Lasn 氏により2017年 12月に公開された『 The Secret to Being a Top Developer Is Building Things! Here’s a List of Fun Apps to Build! 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek 少し考えてみてください。あなたがもし健康に関する書籍をたくさん読んだとしても健康になることはありません。実際には、ジムに行き数時間運動をして汗をかかなければ健康は手に入りません。 同じことが開発にも言えます。努力なしに優れたデベロッパーになることはできないのです。 そこで、コーディング力を鍛える8つの素晴らしいプロジェクトを紹介します。 あなたの好きなテクノロジースタックを使っ

このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav

このリストは何？ MDN web docs を、あたかも書籍の目次かのごとく整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。 なぜこれが必要になったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃お世話になっている MDN web docs を教材として扱いたいなと思ったからです。慣れてきてもよく参照するし「アレどこだっけなぁ？」を軽減もしやすいかなって。 MDN web docs は内容そのものはかなり充実しているものの、リンクがあらゆる方向に張り巡らせられており ある一定の流れに沿って読む ということが少々難しい側面もあります。特に初学者にとっては、迷子になりやすいかもしれません。 ですので、初学者でも学習しやすいように MDN web docs 全体の

id:daido1976 です。入社してからあっという間に1年が経っていました。 直近3ヶ月ほどプライベートでフロントエンド開発の勉強をしていたのですが、ここ数年で CSS の Grid や React の Hooks が新しく導入されたことなどもあり、少し古いコンテンツだと教材として役立たない1 と感じることが多かったので、本記事では私が実際にやってみた中で 2019年時点で オススメできると判断した教材や学び方を皆さんにご紹介したいと思います。 はじめに やったこと JavaScript MDN の JavaScript の部分を読む & 手を動かす JavaScript Primer を読む YouTube 動画で Promise を学ぶ デバッグ方法を学ぶ React React 公式のチュートリアルを2周する egghead.io の動画で Redux を学ぶ ヘルシンキ大学の

posted articles:JavaScript:55%TypeScript:20%関数型プログラミング:14%ECMAScript:13%Elm:13%

学ぶ。をちゃんとをコーポレートテーマに、プログラミング・クリエイティブを学びたい人を応援しています。YouTube動画の他、Udemyでの動画教材販売、書籍等の執筆や販売を行っています。【お仕事のお問い合わせ】https://funmake.net/promotion/tomosta@funmake.net たに...

はてなブックマークでVue.jsのYouTube動画が人気を集めていました。 b.hatena.ne.jp 動画を見てみたら、「たにぐち まことのプログラミング学習応援チャンネル」というコンテンツでした。 https://www.youtube.com/user/tomostajp/playlists www.youtube.com たにぐちまことさんと言えば、HTMLやJavaScriptの本を書かれている方ですね。 twitter.com www.amazon.co.jp 本屋で、たにぐちさんの著書をよく見かけます。 これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん 作者: たにぐちまこと 出版社/メーカー: マイナビ出版 発売日: 2017/03/27 メディア: 単行本（ソフトカバー） この商品を含むブログを見る さて、動画チャンネルを見たら、Vu

概要プレスルーム著作権お問い合わせクリエイター向け広告掲載開発者向け利用規約プライバシーポリシーとセキュリティYouTube の仕組み新機能を試してみる© 2024 Google LLC