강의

N
챌린지

멘토링

N
클립

로드맵

/

Webゲームを作成して学ぶJavaScript

本講義ではJavaScriptを活用してプログラミングする練習を行います。ウェブゲームである球球団をはじめとする、数字野球、チックタクト、宝くじ抽選機、はさみロック、地雷探し、カードマッチングゲーム、ジャスストン、2048ゲーム、テトリスまで一緒に作ってみましょう。

（4.8）受講レビュー 79件

受講生 8,059名

  • zerocho
JavaScript

学習した受講者のレビュー

講義プレビュー😊

JavaScriptは、コンピュータにコマンドを入力するときに使用する言語の1つです。過去にウェブサイトを作成することに限られていたなら、現在はウェブアプリ、デスクトッププログラムの作成にも活用されています。インスタグラムやFacebookなどのアプリの一部を作るのにも活用されています。本講義ではJavaScriptを学び、プログラミングする練習をします。ウェブゲームである球球団をはじめとする、数字野球、チックタクト、宝くじ抽選機、はさみロック、地雷探し、カードマッチングゲーム、ジャスストン、2048ゲーム、テトリスまで一緒に作ってみましょう。

この講義の目標🙂

  • JavaScriptの文法を一目でわかるようになります。
  • 「プログラマー」なら、必ず持っていなければならない事故を備えることができるようになります。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • Javascript開発入門者

  • Webフロントエンド開発入門者

  • Javascriptを活用してWebゲームを開発したい方

こんにちは
です。

65,828

受講生

1,633

受講レビュー

9,720

回答

4.8

講座評価

22

講座

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

カリキュラム

全体

114件 ∙ (21時間 35分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

79件

4.8

79件の受講レビュー

  • blockmonkey1992님의 프로필 이미지
    blockmonkey1992

    受講レビュー 11

    ∙

    平均評価 4.8

    5

    100% 受講後に作成

    まだ半分しか見ていないし、完璧な受講評を残すことはできませんが、あまりにも感謝してこんなにまず受講評を残します。 本来3ヶ月ほど生活xxからHTML - CSS - JS - Node - Express - DBまでサイクル回りながら勉強しました。 そして、就職支援、中級のJavaScriptの書籍を探し始めました。 それで気づいたのですが、まだJavaScriptを基礎文法だけ '理解のみ'する水準ですね。 ＆quot;まだ私が基礎もよくわからないレベルなんです。素質はありませんか？しています。あきらめようとした刹那、ゼロチョ様講義を見ました。 多くのゲームを作って学ぶと、概念だけどれくらい理解を持っていたのが今私のものになる感じを確かめます。 生活xxで学習しながらコーディングに入門をして、全体的なコンテキスト、そして狭くても視野を持つことができたら、ゼロチョン講義ではそれを本当に私がシェフになって、調理する方法を講義で学んでいるという感じを受けます。 "親友、兄弟、弟のように私を教えてくれる人はいませんか？＆quot; ＆quot;なぜ私のコーディングのスキルはありませんか？＆quot; ＆quot;わかりますが、なぜそれを書かないのですか？＆quot; する方にとって本当に良い講義になりそうです。 ああ、一つの残念な点はYouTubeにあるES6 2020講義と、この講義の中でどんなことを受講するのか初めて多く悩んでいましたが、この点明確に表記していただければもっといいようです。

    • rancho9746937

      他のJS講義も10時間以上なので何かを聞かなければなりませんが悩んでいましたが、良い後期なので決めやすくなりました。

  • sansam7091113님의 프로필 이미지
    sansam7091113

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    一般的な本で言語を勉強すれば、ちょうど言語についての知識までしか得られません。 実際の結果物を作りながら勉強するので、退屈することなく楽しく勉強できます。

    • hwanggc35726436님의 프로필 이미지
      hwanggc35726436

      受講レビュー 4

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      実際にプログラムを作っていきながら学ぶから、達成感もできる良い講義

      • j0urneyk3210142님의 프로필 이미지
        j0urneyk3210142

        受講レビュー 1

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

        やはりゼロチョ.. こんな素敵な講座を無料で解放してくれます… ありがとうございます。 頑張りましょう！

        • milktea님의 프로필 이미지
          milktea

          受講レビュー 26

          ∙

          平均評価 4.8

          4

          32% 受講後に作成

          JavaScriptの文法講義を聞いて何をしますか？どのように活用しないのですか？を知らないときに聞いていい講義です。

          公開していない講座のため、受講が制限されます。
          非公開講座

          zerochoの他の講座

          知識共有者の他の講座を見てみましょう！

          React Native with Expo: ゼロチョから正しく学ぶHình thu nhỏ khóa học

          React Native with Expo: ゼロチョから正しく学ぶ

          zerocho

          Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。

          Cơ bản

          Cơ bản

          React, React Native, Hybrid App

          React Native with Expo: ゼロチョから正しく学ぶHình thu nhỏ khóa học

          React Native with Expo: ゼロチョから正しく学ぶ

          zerocho

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習までHình thu nhỏ khóa học

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

          zerocho

          ノードとは何か、最新のJavaScript文法、ノードのAPI、npm、モジュールシステム、データベース、テストなどについて学び、5つの実例を使ってプロジェクトを作成します。サービスをクラウドにデプロイしたり、ノードプロジェクトをTypeScriptに変換したりすることもできます。

          Cơ bản

          Cơ bản

          Node.js, Express, MySQL

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習までHình thu nhỏ khóa học

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

          zerocho

          TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶHình thu nhỏ khóa học

          TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

          zerocho

          タイプスクリプト/JavaScriptでペイントを作成し、さまざまなデザインパターンの使い方と長所と短所を学びます。 canvas apiを学べるのはボーナス！

          Trung cấp trở lên

          Trung cấp trở lên

          Design Pattern, oop, TypeScript

          TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶHình thu nhỏ khóa học

          TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

          zerocho

          Next + React Query で SNS サービスを作成するHình thu nhỏ khóa học

          Next + React Query で SNS サービスを作成する

          zerocho

          React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택을 사용하여 Twitter(X.com)와 유사한 SNS 서비스를 만들어보겠습니다. 마지막으로 검색 엔진 최적화를 위한 SSR까지!

          Trung cấp trở lên

          Trung cấp trở lên

          Next.js, React, react-query

          Next + React Query で SNS サービスを作成するHình thu nhỏ khóa học

          Next + React Query で SNS サービスを作成する

          zerocho

          [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編Hình thu nhỏ khóa học

          [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

          zerocho

          タイプスクリプトの基本的な文法を学んだことで、有名なライブラリの複雑なタイプを分析する方法を学びましょう。

          Trung cấp trở lên

          Trung cấp trở lên

          TypeScript

          [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編Hình thu nhỏ khóa học

          [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

          zerocho

          [リニューアル]タイプスクリプトオールインワン：Part1。Hình thu nhỏ khóa học

          [リニューアル]タイプスクリプトオールインワン：Part1。

          zerocho

          タイプスクリプトの基本文法を学び、他の人が作成したタイプを分析する方法と、私が直接タイプを作成する方法を学びます。

          Cơ bản

          Cơ bản

          TypeScript

          [リニューアル]タイプスクリプトオールインワン：Part1。Hình thu nhỏ khóa học

          [リニューアル]タイプスクリプトオールインワン：Part1。

          zerocho

          テスト with Jest: ゼロ秒に正しく学ぶHình thu nhỏ khóa học

          テスト with Jest: ゼロ秒に正しく学ぶ

          zerocho

          このレッスンでは、テストが必要な場合とテストを行う際の利点をJestフレームワークで紹介します。リアクト、Expressなどにユニットテスト、統合テストを適用してみます。

          Cơ bản

          Cơ bản

          Software Test, Jest, react-testing-library

          テスト with Jest: ゼロ秒に正しく学ぶHình thu nhỏ khóa học

          テスト with Jest: ゼロ秒に正しく学ぶ

          zerocho

          配信アプリ クローンコーディング [with React Native]Hình thu nhỏ khóa học

          配信アプリ クローンコーディング [with React Native]

          zerocho

          リアクトネイティブでライダー用の配信アプリを作成します。 6年間リアクトネイティブで5つ以上のアプリを作成し、カカオモビリティに売却した開発者の講義です。

          Trung cấp trở lên

          Trung cấp trở lên

          React Native

          配信アプリ クローンコーディング [with React Native]Hình thu nhỏ khóa học

          配信アプリ クローンコーディング [with React Native]

          zerocho

          VueでNodebird SNSを作成するHình thu nhỏ khóa học

          VueでNodebird SNSを作成する

          zerocho

          VueとNuxtフレームワークを使用してSNSサービスを作成します。サービスに必要なフルスタックの知識を学びます。

          Trung cấp trở lên

          Trung cấp trở lên

          Vue.js, Node.js, AWS

          VueでNodebird SNSを作成するHình thu nhỏ khóa học

          VueでNodebird SNSを作成する

          zerocho

          Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]Hình thu nhỏ khóa học

          Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]

          zerocho

          Node.js の Spring と呼ばれる NestJS を学び、Dependency Injection の利便性を体験しましょう。API 開発から、Express との比較、デプロイ、テストまで、すべてを学びましょう。

          Trung cấp trở lên

          Trung cấp trở lên

          NestJS, TypeORM, Express

          Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]Hình thu nhỏ khóa học

          Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]

          zerocho

          Webゲームを作成して学習するReactにTypeScriptを適用するHình thu nhỏ khóa học

          Webゲームを作成して学習するReactにTypeScriptを適用する

          zerocho

          リアクトで作ったウェブゲームとReact Router、Redux、MobXにタイプスクリプトを貼り付けてリアクトとタイプスクリプトを一緒に使ってみましょう。

          Trung cấp trở lên

          Trung cấp trở lên

          React, TypeScript

          Webゲームを作成して学習するReactにTypeScriptを適用するHình thu nhỏ khóa học

          Webゲームを作成して学習するReactにTypeScriptを適用する

          zerocho

          非専攻者の専攻者追いつく - 資料構造(with JavaScript)Hình thu nhỏ khóa học

          非専攻者の専攻者追いつく - 資料構造(with JavaScript)

          zerocho

          アルゴリズム勉強の必須選手科目である資料構造！ 様々な資料構造をJavaScriptで学びましょう！

          Cơ bản

          Cơ bản

          JavaScript, Algorithm, Coding Test

          非専攻者の専攻者追いつく - 資料構造(with JavaScript)Hình thu nhỏ khóa học

          非専攻者の専攻者追いつく - 資料構造(with JavaScript)

          zerocho

          非専攻者の専攻者追いつく - データベース、SQLHình thu nhỏ khóa học

          非専攻者の専攻者追いつく - データベース、SQL

          zerocho

          すでに開発者や開発者になりたいのですが、コンピュータ学科を専攻していないため、データベースが弱い方、この講座一つで生涯知識を得てください！

          Nhập môn

          Nhập môn

          DBMS/RDBMS, SQL, MySQL

          非専攻者の専攻者追いつく - データベース、SQLHình thu nhỏ khóa học

          非専攻者の専攻者追いつく - データベース、SQL

          zerocho

          非専攻者の専攻者に追いつく - ネットワーク、HTTPHình thu nhỏ khóa học

          非専攻者の専攻者に追いつく - ネットワーク、HTTP

          zerocho

          HTTPを扱う開発者であるか、開発者になりたいのですが、コンピュータ学科を専攻していないため、ネットワークが弱い方、この講座一つで生涯知識を得てください！

          Nhập môn

          Nhập môn

          Network, tcpip, websockets

          非専攻者の専攻者に追いつく - ネットワーク、HTTPHình thu nhỏ khóa học

          非専攻者の専攻者に追いつく - ネットワーク、HTTP

          zerocho

          [リニューアル]コーディング自律学習ゼロ秒のJavaScript入門Hình thu nhỏ khóa học

          [リニューアル]コーディング自律学習ゼロ秒のJavaScript入門

          zerocho

          本講義ではJavaScriptを活用してプログラミング思考力を養う練習を行います。ウェブゲームである球球団をはじめとする、数字野球、反応速度テスト、チックタクト、宝くじ抽選機、はさみロック、カードマッチングゲーム、テキストRPG、地雷探し、2048ゲーム、ほくろ捕獲まで一緒に作ってみましょう。

          Cơ bản

          Cơ bản

          JavaScript

          [リニューアル]コーディング自律学習ゼロ秒のJavaScript入門Hình thu nhỏ khóa học

          [リニューアル]コーディング自律学習ゼロ秒のJavaScript入門

          zerocho

          Slack クローン コーディング [React を使用したリアルタイム チャット]Hình thu nhỏ khóa học

          Slack クローン コーディング [React を使用したリアルタイム チャット]

          zerocho

          Slack サービスを参考に、本格的な React Web 開発を始めましょう。会員登録、ログイン、ルームの作成、リアルタイム チャットまで!

          Trung cấp trở lên

          Trung cấp trở lên

          Clone Coding, React, TypeScript

          Slack クローン コーディング [React を使用したリアルタイム チャット]Hình thu nhỏ khóa học

          Slack クローン コーディング [React を使用したリアルタイム チャット]

          zerocho

          [リニューアル] ReactでNodeBird SNSを作成するHình thu nhỏ khóa học

          [リニューアル] ReactでNodeBird SNSを作成する

          zerocho

          リアクト＆amp;ネクスト＆amp;リダックス＆amp;リダックスサーガ＆amp; ExpressスタックでTwitterに似たSNSサービスを作成します。 最後に、検索エンジンの最適化後にAWSにデプロイします。

          Trung cấp trở lên

          Trung cấp trở lên

          React, Redux, Node.js

          [リニューアル] ReactでNodeBird SNSを作成するHình thu nhỏ khóa học

          [リニューアル] ReactでNodeBird SNSを作成する

          zerocho

          Node.jsにTypeScriptを適用する（feat. NodeBird）Hình thu nhỏ khóa học

          Node.jsにTypeScriptを適用する（feat. NodeBird）

          zerocho

          Node.jsにタイプスクリプトを適用し、既存のnpmパッケージにタイプを追加するか、直接タイプスクリプトライブラリを作成しましょう。

          Trung cấp trở lên

          Trung cấp trở lên

          Node.js, Web Application, TypeScript

          Node.jsにTypeScriptを適用する（feat. NodeBird）Hình thu nhỏ khóa học

          Node.jsにTypeScriptを適用する（feat. NodeBird）

          zerocho

          Redux vs MobX（両方を学ぼう！）Hình thu nhỏ khóa học

          Redux vs MobX（両方を学ぼう！）

          zerocho

          RedoxとMob Xを選ぶのを心配していますか？ 一度、両方を学んでから悩みましょう！

          Cơ bản

          Cơ bản

          Redux, MobX

          Redux vs MobX（両方を学ぼう！）Hình thu nhỏ khóa học

          Redux vs MobX（両方を学ぼう！）

          zerocho

          Webゲームを作って学ぶVueHình thu nhỏ khóa học

          Webゲームを作って学ぶVue

          zerocho

          簡単な8つのWebゲームを作成し、Vue.jsとVueで使用されるVuex、Vue Routerを学びます。

          Cơ bản

          Cơ bản

          Vue.js, Webpack, Vuex

          Webゲームを作って学ぶVueHình thu nhỏ khóa học

          Webゲームを作って学ぶVue

          zerocho