강의

멘토링

커뮤니티

BEST
Game Dev

/

Game Programming

Webゲームを作って学ぶインタラクティブWeb! JAVASCRIPT

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業!

難易度 初級

受講期間 無制限

  • ggangcoding162118
Interactive Web
Interactive Web
JavaScript
JavaScript
HTML/CSS
HTML/CSS
Interactive Web
Interactive Web
JavaScript
JavaScript
HTML/CSS
HTML/CSS

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

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

4.7

5.0

이거사면공부할까?

100% 受講後に作成

興味深く繰り返しのコードを使用することで、クラスの概念と配列とオブジェクト管理の理解がさらに高まったことをお勧めします。 一応他よりゲームを作ると思うので講義を聞き続けたくなっておすすめ

5.0

박박하다

100% 受講後に作成

インタラクションに興味があって聞くようになりましたが、難しいjsのオブジェクトとクラス、配列、繰り返し文などを簡単に面白く解いて理解が上手になったと思います! 私は二度繰り返し作り、学んだ概念を活用して私だけのゲームを作っていきます。 良い川のありがとう〜!

5.0

jinuLee

100% 受講後に作成

講義のおかげで、さまざまな機能と実装方法がわかりました。何よりもObject、Classの概念をしっかりとつかむことができました。この理由は、1つだけ聞くのに十分です:D良い講義ありがとうございます。

受講後に得られること

  • ゲームを作成し、自然にWebアニメーション、インタラクティブWeb実装の原理を習得!

ゲームも作って、FEウェブ開発スキルも身につけて!

講義紹介

Webゲームプレイビデオ

最近の作業プロジェクト

様々なモーションを作ってみて!

キーに反応するヒーローの様々な動作やモンスター、修理剣、ダメージエフェクトなど様々なモーションを作ってみます。

集まるモンスターを防ぎなさい!

衝突機能を実装して集まるモンスターを防ぐゲームステージを実装してみます。無限に繰り返されるステージを作成し、開発者が直接指定する2つのゲームステージを作成してみます。

NPCと会話を交わしてクエスト遂行!

ゲームクエストを作成し、NPCと会話する機能を作成します。そしてクエストを完了すると報酬を受けます。

レベルアップとヒーローステータス調整!

ヒーローの体力と経験値を管理してレベルアップ機能を作り、ヒーローのステータスも変更してみます。

クラスの特徴

  • クラスはバニラJSに進みます。
  • セクションをできるだけ分割して退屈することなく理解しやすくしました。
  • 順次一緒に作って学びます。
  • ゲームを作って進行する授業だから面白いです。
  • 配列、オブジェクト、繰り返し文をたくさん扱います。
  • ゲームを作成し、フロントエンド開発で使用するさまざまなWebスキルを学ぶことができます。
  • キャンバスでゲームを作る原理に似ています。しかし、HTML / CSSを一緒に使用してアクセスするのは簡単です。
  • 約9時間分!できるだけ詳しく説明します。 (合計52クラス)
  • あなたの年俸を上げる様々なスキルを学びましょう。

知っておいてください

  • JavaScript ES6文法を使用します。
  • オープンソースライブラリを使用しません。
  • クラスに関わる疑問は、いつでも質問と回答に投稿してください!心強い支援群があります。
  • 正式リリースを目指すゲームを作る講義ではありません。 HTML、CSS、JavaScriptを活用して、簡単にWebで楽しめるWebゲームを作成します。
  • HTML、CSS、JavaScriptの基本を知っている必要があります。授業で基礎文法の説明はしません
  • 基礎文法を除く実装原理は順次作成し、できるだけ詳細に説明します。
  • 授業の割合はJavaScript約80% 、HTML / CSS約20%で構成されています。
  • クラスから出てくるコードを無料で配布することを禁止します。
  • ゲームはシステム、ブラウザ環境によって若干の違いがある場合があります。

予想される質問 Q&A

Q. どのブラウザで動作しますか?
A.レッスンで作成されたゲームは、最新バージョンのChrome、Safari、Opera、Firefox、EDGEでテストされました。
Q. システム環境とブラウザによってどのような違いがありますか?
A. ブラウザで動作するゲームだから、細かいスムースさの違いがあるかもしれません。
Q. 非専攻者も聞くことができますか?
A. HTML、CSS、JavaScriptの基本文法を知っていれば、非専攻者も十分に聞くことができると思います。

52強約9時間分の充実したカリキュラム!
以下で確認してください。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • UI/UXに興味のある方々!

  • 特別なポートフォリオを作りたいと思う就学生の方々!

  • Webアニメーション!インタラクションに興味のある方!

  • 様々なフロントエンドスキルを学びたい方!

  • スキルを増やして年俸上げたい方々!

前提知識、
必要でしょうか?

  • JAVASCRIPT、CSS、HTML

こんにちは
です。

1,345

受講生

79

受講レビュー

163

回答

4.7

講座評価

3

講座

こんにちは。バックエンドエンジニアからスタートし、フロントエンドエンジニアに転向してUI開発に夢中になっているカンコーディング(Kkang-Coding)です。 :)

10年余りの間、多数の企業サイトやショッピングモール、SI、小規模事業者向けのホームページ制作を通じて培ってきたUI/UX制作技法のノウハウなどを共有するために、この講義を始めることになりました。国内の様々な大企業のプロジェクトを経験し、小規模事業者に焦点を当てたホームページ制作事業も行ってきました。

私は時折、国内のコーディング関連コミュニティで、趣味で作ったApple風のインタラクションや創作インタラクションを共有し、面白い技術を紹介してきました。

多くの方々に関心を持っていただき、このように講義まで作ることになりました。

私が制作していく講座では、標準ブラウザを考慮し、実務で使用可能な、思わず感嘆の声が漏れるような多様で素晴らしいインタラクションやモーショングラフィックスの制作方法をお教えする予定です。また、フロントエンド開発者やウェブパブリッシャーがソリューションを利用して、ホームページやショッピングモールなどをゼロから構築できる講座も制作する予定です。

 

それでは授業 お会いしましょう :)

カリキュラム

全体

55件 ∙ (8時間 54分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

26件

4.7

26件の受講レビュー

  • truefalse님의 프로필 이미지
    truefalse

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    興味深く繰り返しのコードを使用することで、クラスの概念と配列とオブジェクト管理の理解がさらに高まったことをお勧めします。 一応他よりゲームを作ると思うので講義を聞き続けたくなっておすすめ

    • ggangcoding162118
      知識共有者

      こんにちは:) 大切な受講評 ありがとうございます。 ^^..

  • pjg408님의 프로필 이미지
    pjg408

    受講レビュー 2

    平均評価 3.0

    5

    100% 受講後に作成

    インタラクションに興味があって聞くようになりましたが、難しいjsのオブジェクトとクラス、配列、繰り返し文などを簡単に面白く解いて理解が上手になったと思います! 私は二度繰り返し作り、学んだ概念を活用して私だけのゲームを作っていきます。 良い川のありがとう〜!

    • ggangcoding162118
      知識共有者

      こんにちは:) ジュンギュ 機能実装の質問を投稿して覚えていたのですが、一人で解決しましたね :) おめでとうございます。大切な受講評価ありがとうございます:)

  • sprout0719002828님의 프로필 이미지
    sprout0719002828

    受講レビュー 6

    平均評価 4.7

    5

    100% 受講後に作成

    講義のおかげで、さまざまな機能と実装方法がわかりました。何よりもObject、Classの概念をしっかりとつかむことができました。この理由は、1つだけ聞くのに十分です:D良い講義ありがとうございます。

    • ggangcoding162118
      知識共有者

      こんにちは:) 助けてくれて嬉しいです!大切な受講評 ありがとうございます。明けましておめでとうございます^_^

  • 1988bgh님의 프로필 이미지
    1988bgh

    受講レビュー 7

    平均評価 5.0

    5

    36% 受講後に作成

    インフラストラクチャでインタラクティブWebを作成する講義をたくさん聞きましたが、本当にたくさんの有益で役に立ちます!講義時間も良く、内容も本当にいいですね!良い講義ありがとうございます。私もたくさん訓練して後で誰かに役立つ講義を作りたくなりますね! 2022年明けましておめでとうございます!

    • ggangcoding162118
      知識共有者

      こんにちは :) 新年からこんなに気持ち良くなる文を見るようになり、一方では心が重いですが、一方では大変でとても嬉しいですね:) ありがとうございます。明けましておめでとうございます。

  • vxggangxv0556님의 프로필 이미지
    vxggangxv0556

    受講レビュー 7

    平均評価 5.0

    5

    55% 受講後に作成

    フレンドリーで段階的な講義が際立っています!〜 あえていいよ

    • ggangcoding162118
      知識共有者

      こんにちは:) 助けてくれて嬉しいです!大切な受講評価ありがとうございます:D

¥10,819

ggangcoding162118の他の講座

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

似ている講座

同じ分野の他の講座を見てみましょう!