inflearn logo
知識共有
inflearn logo

ちゃんと学ぶJavaScript - by Yalco

初心者でもついていける親切な講座! 現役エンジニアをJavaScript博士へと導く決定版講座!

難易度 初級

受講期間 無制限

JavaScript
JavaScript
JavaScript
JavaScript

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

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

4.9

5.0

sangpark

100% 受講後に作成

ブラウザコンソールを活用してJavaScriptを研究、分析するように学んでいく過程がとても楽しかったです。これまでjsを適当にだけ知ってリアクトランノードを使ってきたが、この講義を聞きながら、ああ、これはこういう原理だったんだと悟ったのが本当に多かったです。ヤルコ様らしい簡単な説明のおかげで、高度な概念も簡単に学ぶことができました。 Jsを講義のタイトルのようにきちんと掘り下げて勉強してみたい方には本当に楽しい講義になりそうです。現業でjsを使う方に特に強力おすすめです。

5.0

우주사막

95% 受講後に作成

これまで講義評 一度も残したことがないのにこれは本当に..ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 非専攻者なのですが、この講義でJavaScriptを始めることになり、誠に幸いです。後で他の言語を勉強するときにも役に立つと思います。メモリアドレス扱ってくださるのを見て感動しました。 。以前にC++を少し勉強したとき、メモリ部分でヒープ、スタックがとても混乱していましたが、もう少し整理になりますね。 。とても面白いです。 実はヤルパクなコーディング辞典というニックネームのために軽く心配しながらも内容が軽くて早く済ませられるという考えで決済しましたが途方もない反転ですね。 これは本当にその分野を深く理解している人だけが撮れる講義だと思います。これまで私が勉強した基本文法はあまりにも軽さそのものだったことに気づきました。次に準備しておられる講義は何ですか..本当に期待されますね..

5.0

jungsik park

56% 受講後に作成

9講まで聞いて中評残します。 このレッスンは、プログラミング入門者のためのプログラミング言語レッスンではなく、 他の言語を少なくとも入門段階までは終えた人を対象とする講義で感じられます。 ゆっくりとプログラミングの味を見せるというよりは、JavaScript言語自体に対して掘り下げる感じです。 講義が難しく感じられる方はあまり無理に覚えようとしないで、簡単な問題プールや作品開発をしながら'コーディングちゃん'を満たしてからまた戻ってもいいようです。 (もちろん無料講義パートがご理解のあった方はおびえずに決済してもいいと思います) 私はJavaの経験がある程度あると聞いたので理解するのは難しくありませんでした。 開発経験が全くない状態で聞いたら理解できない内容がほとんどだったようです。 そして、インストラクターがコードを見ながら、このような結果は、次のようになります。のような指示代名詞を多く使用しますが、 受講者が川の流れに完全に追いつくと同時に講師のマウスカーソルの動きを集中していない以上 'これ'が何を言っているのかを理解するのは難しいので、指示代名詞の使用をわざわざ避けることは講義の理解に良いと思います。 ex) toString 関数をこうして実行したところ、このような結果が出ましたね。 ex) toString関数引数として2を入れて実行したところ、0b11という文字列が出ました - O 受講評が酷評のように聞こえますが、私はとても満足して聞いています。 サンプルコードと結果値をすばやく確認し、結果を分析する講義の流れのおかげで 伸びないように短い分量に多くの情報を盛り込んで、 入門者が理解しにくい説明があると思われますが、それが説明が不親切であるという話ではありません。 どの程度のプログラミング経験がある人がJavaScriptという言語がどんな言語なのか知りたいのなら、定価5万どのくらいにこの程度によく圧縮され、よく準備された講義を購入することは非常に良い判断と考えられます。 *発音の話がありましたが、発音が変なのは一度も感じられませんでした。 ヤルコ様のYouTubeとインフラの川の両方をよく見ています。

受講後に得られること

  • JavaScriptの基礎から詳細な文法、そして高度な使い方まで

  • 最新の文法と現代的なJavaScriptの活用法

  • JavaScriptに関する深い理論と実践的な知識

  • JavaScriptによるオブジェクト指向と関数型プログラミング

  • レキシカルスコープ、クロージャ、動的バインディングなどの高度な概念

  • プロミスやasyncなどを通じた非同期プログラミング

  • モジュール、バドリング、コンパイル、ドキュメント化など、役立つ実践的な活用法

  • DOMを通じてウェブ開発に活用する

一度受講すれば他の講義は必要ないほど
本格的にJSを掘り下げてみましょう 🛠️

https://youtu.be/8kmtCVgqM34

上記のYouTube動画(本講義の公開パート)に高評価とコメントを残していただいた後、
yalco@yalco.krへスクリーンショットをお送りいただければ、
講義を半額で受講できる割引クーポンをお送りいたします。

 

 

JavaScript言語 集中攻略 🔥

一度受講すれば、他の講義を聞く必要がないような講義を作りたいと思いました。初心者として基礎講義を受けた後、実務に飛び込んだ時に何か物足りなさを感じる方も多いのではないでしょうか?上級講義やコンテンツを探し回って渇きを癒やす手間を省いて差し上げるべく、🍼 入門者のための超基礎から 🍺 実務者のための高度な概念と活用まで一気にしっかりと掘り下げる講義を企画し、長い準備の末に完成させました。

この講座はJavaScriptという言語を集中的に深く掘り下げる講座であり、ウェブ開発への適用は最後のセクションで核心部分のみを扱います。受講前にカリキュラムをご確認ください。

基礎から応用までの
文法と機能を詳しく

オブジェクト指向、関数型プログラミング
良いコードを書くためのノウハウまで

レキシカルスコープ、クロージャなど
難解な高級概念も分かりやすく


このような方におすすめです 🙋‍♀️

🍼

開発に入門して、たった今
コーディングを学び始めた方

🎨

HTML & CSSを学び、
JavaScriptを学ぼうとしている方

🪴

ReactやVueなどを使っているが
JSの基礎が物足りない開発者

⛏️

JavaScriptを本格的に
深掘りしたい現役エンジニア

🟨

Node.js、React Nativeなど
JSを使う分野の開発者


この講義だけの特長 ✨

素早く簡単な
動画講義 🚀

無駄のないスピーディーな進行で、皆さんの大切な時間を節約します。(受講者によっては速度が速く感じられる場合がありますので、あらかじめご了承ください。必ず無料公開動画を確認してから受講してください!)

YouTuberヤルコの簡単で明快な説明

説明しすぎな解説者の
ディテールにこだわった講義 🎙️

JavaScriptの文法とその単純な使い方だけでなく、ブラウザのコンソールを活用してJavaScriptがどのように動作するのか、使用されるデータがどのような構造で構成されているのかなどを深く掘り下げます。詳細な学習のために、数多くのサンプルコードが用意されています。

こだわり抜いた例題と詳細な解説を通じて、徹底的に掘り下げる学習

ウェブページによる
便利な実習 🖥️

各講義ごとに動画の主要ポイントやコピー&ペースト可能な実習コマンド、コードがウェブページにまとめられているため、これに従って応用しながらスムーズに実習を進めることができます。エディタを別途使用する必要はなく、ブラウザのコンソール機能を活用して、手軽かつより効果的に実習が進められます。

講義ページとブラウザコンソールを活用した便利で効率的な実習

基礎内容
無料公開 😎

学生の方々も負担なく勉強できるよう、半分ほどの分量をプレビューを通じて無料で公開します。


この講義を受けると
何が変わるでしょうか? 💪

  • ✅ 入門者や非専門家の方は、コーディングに対する恐怖心がなくなります。
  • ✅ 漠然としか知らなかった部分や、よく分からずに使っていた部分を明確に理解できるようになります。
  • ✅ 高級機能や難解な概念を確実に理解し、実務に活用できるようになります。
  • ✅ JavaScriptのコードをより効率的で、かつ洗練された形で書けるようになります。
  • ✅ JavaScriptを自ら分析し、深く掘り下げることができる実力を身につけることができます。

どのような内容を
学ぶことになりますか? 📚

🏁 Section 0. イントロ

  • JavaScript言語の紹介
  • 受講方法 (⚠️ 必須視聴) / 受講のための環境設定


🌱 Section 1. JavaScriptの基本的な使い方

  • コンソールとコメント、セミコロンの使用法
  • 変数と定数の概念と内部原理 / メモリの概念


🎲 Section 2. データ型と演算子

  • データ型の概念と動的型付け / 浮動小数点誤差の概念
  • プリミティブ型のデータ型、共に使用される演算子たち
  • 原始タイプと参照タイプの概念と原理


🚥 Section 3. 制御文

  • ブロック文とスコープの概念 / スコープチェーンとスタック
  • 条件文(if、else、switch)と実践的な活用法
  • for文(一般、オブジェクト、配列) / (do) whileによる反復


🦾 Section 4. 関数

  • 関数と形態、そしてその使い方
  • 第一級オブジェクトの概念と基礎的な関数型プログラミング
  • 引数関連の機能 / その他関数関連の高度な概念と活用チップ


🧇 Section 5. オブジェクトとクラス

  • オブジェクトの概念と文法および活用法 / 新規の簡略文法
  • コンストラクタ関数とクラス / アクセサプロパティと活用
  • JavaScriptのオブジェクト指向プログラミング


⚙️ Section 6. 主要な組み込みオブジェクト

  • グローバルオブジェクト、標準ビルトインオブジェクトの概念
  • 主要な組み込みプロパティおよびメソッド
  • ラッパーオブジェクト、Math、Dateなど、ビルトインオブジェクトの詳細な活用法


🍡 Section 7. 配列

  • JavaScript配列の特性と使い方
  • 配列関連の新しい簡便文法と基本メソッドたち
  • 高次関数メソッドとチェイニングによる関数型プログラミング


🩻 Section 8. オブジェクトを深く扱う

  • Objectオブジェクトと主要なメソッド / プロパティ・アトリビュート
  • 深い凍結およびコピー / JSONによるシリアル化およびパース


🧮 Section 9. 追加のデータ型

  • 数値型の他進法 / ビット演算 / BigInt
  • シンボルの概念と文法、活用法


🚃 Section 10. イテラブルとジェネレーター

  • SetとMapの文法と使い方
  • イテラブルとジェネレーターの実装と活用法


⛑️ Section 11. 問題への備え

  • エラーハンドリング / タイプ別の対処とカスタマイズ / バブリングの概念
  • varの問題点 / 厳格モード / オプショナルチェイニング


📦 Section 12. スコープとバインディング

  • レキシカルスコープの概念 / 環境レコード
  • クロージャの概念と活用法
  • 静的バインディングと動的バインディング / アロー関数の特性と活用


🧬 Section 13. プロトタイプ

  • プロトタイプとチェーンの概念 / アプローチと活用法
  • インスタンスとプロトタイプのプロパティ
  • プロトタイプを活用した継承 / ミックスインの概念の実装


🛣️ Section 14. 非同期プログラミング

  • 非同期の概念と実装
  • プロミスの文法と活用、関連メソッドたち
  • async & await による簡略化
  • プロミスとasyncのネットワーク上での活用


💻 Section 15. コードファイルの扱い

  • HTMLへの読み込み方式 / モジューリング
  • バンドリングと旧バージョンコンパイル
  • JSDocによるヒンティングと自動ドキュメント化 / デバッグ


🌐 Section 16. ウェブページでの活用

  • DOMの概念とJavaScript上の内部構造
  • 要素の選択と操作、イベントの実装と活用

受講前のご案内 📢

実習環境

  • オペレーティングシステムおよびバージョン(OS): Windows、Mac、Linuxのすべてで学習いただけます。
  • 使用ツール:ブラウザ(ChromeまたはEdgeを推奨)でほとんどの実習が行われます。
  • エディタ: 講義ではVSコードを使用します。(講義の後半部のみ必須インストール)

学習資料

前提知識および注意事項

  • 프로그래밍을 처음 시작하는 사람들도 수강할 수 있도록 제작했습니다.
    • HTML、CSSに関する知識は、16個のセクションのうち最後のセクションでのみ必要となります。
  • 수강자에 따라 강의 속도가 빠를 수 있으니 무료 파트를 먼저 살펴보세요!
    • 講義ページを併用しながら、一歩ずつ授業を進めていくことができます。
  • 質問は必ず講義ページでご案内した方法(メール)でお送りください。

よくある質問を
確認してください 💬

Q. JavaScriptを学べば何ができるようになりますか?

A. 今日、JavaScriptの活用範囲は無限大です。フロントエンド開発者としてウェブサイトを作れるだけでなく、Node.jsベースのサーバーも構築できます。モバイルアプリやデスクトッププログラムも作れますし、機械学習にも活用できます。

Q. プログラミングが初めてなのですが、受講できますか?

A. コーディングが初めての方でもついていけるように、講義を企画・制作しました。非専門家の方でも無理なく理解できるよう平易な用語を使用し、プログラミング経験がない方のためにコードの動作原理を詳細に説明します。ブラウザのコンソールを活用するため、複雑なインストール作業なしで受講でき、講義ページを補助教材として活用しながら実習を落ち着いて進めることができます。ただし、受講生によっては進行が非常に速く感じられる場合がありますので、ヤルコ(Yalco)の講義が初めての方は無料パートを必ず事前に確認してください。

Q. すでにJavaScriptで実務を行っていますが、講義はどれくらい役に立ちますか?

A. JavaScriptを「なんとなく」知っているだけでも開発は可能ですが、これを「しっかりと」深く学んだ経験がなければ、この言語の特性や強みを実務で引き出すには限界があります。JavaScriptを徹底的に掘り下げる本講義を受講すれば、JavaScriptを「JavaScriptらしく」使いこなせるようになり、これまで使ってきた機能を分析し、より効果的に活用する方法も学ぶことができます。また、JavaScriptについて知っていることと知らないことの曖昧さから抜け出し、この言語で何でもできるという自信を持つことができるでしょう。

Q. この講義を受ければ、ウェブ開発ができるようになりますか?

A. 本講義は、JavaScriptという言語自体の文法や理論的知識、そして高度な活用法などを深く掘り下げるために作られました。全16セクションのうち、最後のセクションでDOMを学び、HTMLやCSSと連携してウェブサイトに活用する実習を行いますが、これらについては核心的な部分、およびJavaScriptの観点から深層的に分析する内容を中心に扱います。フロントエンド開発を本格的に実習するウェブ開発講義は、機会があれば別途作成するようにいたします。

Q. HTMLとCSSに関する知識は必要ですか、あるいは役に立ちますか?

A. (上記の質問に関連して)ウェブページにJavaScriptを活用する部分は最後のセクションにのみ登場するため、それ以前の15のセクションではHTMLとCSSに関する知識がなくても受講に支障はありません。基礎的な知識をお持ちであれば、セクション16も大きな無理なく受講いただけます。

Q. 講義のスピードが速くて難しくないでしょうか?

A. 映像の進行は速いですが、各講義ごとに講義ページがリンクされており、映像の内容を快適に復習・実習できるようにしてあります。ページ内の至る所にある例題やブラウザのコンソールを活用することで、皆さんの時間効率を最大限に高めた学習を進めることができるはずです!


ヤルコ(YALCO)は誰ですか? 😀

YouTubeチャンネルヤルパクなコーディング辞書を配信しているYouTuberであり、IT書籍を執筆している作家です。フルスタックエンジニアとして働いてきた経験を活かし、難しいプログラミングの概念を初心者でも理解しやすいよう、比喩や簡単な例、時にはアニメーションを用いて解説するコンテンツを制作しています。

🎬   YouTube 얄팍한 코딩사전(薄っぺらなコーディング辞書)チャンネル (クリック!)
📕  ヤルコの本を見に行く (クリック!)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • コーディングを学び始める人

  • Web開発を始めたい人

  • ReactやVueを扱っているが、JavaScriptの知識の深さに物足りなさを感じている開発者

  • JavaScriptを「しっかりと」掘り下げてみたい現役エンジニア

  • JavaScriptをより使いこなしたい人

こんにちは
yalcoです。

34,166

受講生

1,961

受講レビュー

96

回答

4.9

講座評価

17

講座

YouTubeチャンネル 浅いコーディング辞書を運営するYouTuberであり、IT書籍を執筆する作家です。フルスタックエンジニアとして働いてきた経験を活かし、難しいプログラミングの概念を初心者でも理解しやすいよう、比喩や簡単な例、時にはアニメーションを用いて解説するコンテンツを制作しています。

🎬 YouTube 浅いコーディング辞書 チャンネル (クリック!)
📕 ヤルコの本を見に行く (クリック!)

もっと見る

カリキュラム

全体

81件 ∙ (13時間 3分)

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

受講レビュー

全体

129件

4.9

129件の受講レビュー

  • spacecat님의 프로필 이미지
    spacecat

    受講レビュー 3

    平均評価 5.0

    5

    95% 受講後に作成

    これまで講義評 一度も残したことがないのにこれは本当に..ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 非専攻者なのですが、この講義でJavaScriptを始めることになり、誠に幸いです。後で他の言語を勉強するときにも役に立つと思います。メモリアドレス扱ってくださるのを見て感動しました。 。以前にC++を少し勉強したとき、メモリ部分でヒープ、スタックがとても混乱していましたが、もう少し整理になりますね。 。とても面白いです。 実はヤルパクなコーディング辞典というニックネームのために軽く心配しながらも内容が軽くて早く済ませられるという考えで決済しましたが途方もない反転ですね。 これは本当にその分野を深く理解している人だけが撮れる講義だと思います。これまで私が勉強した基本文法はあまりにも軽さそのものだったことに気づきました。次に準備しておられる講義は何ですか..本当に期待されますね..

    • yalco
      知識共有者

      助けてくれて本当に嬉しいですㅠㅠ一生懸命準備したやりがいを感じます!次の講義はやはり韓国で広く使われているJavaを準備しています。さらに良いコンテンツに仕上げてお披露目いたします。ありがとうございます!

  • smreoml5127님의 프로필 이미지
    smreoml5127

    受講レビュー 1

    平均評価 5.0

    5

    70% 受講後に作成

    初めて開講した時数日見て会社日の言い訳で釘よりが最近また見ています! 従来は本でどんどん見た内容であり、しっかり理解がうまくいかなかったのですが、基本から上級概念まで本当に簡単によく説明してくれます。 どんなフレームワークを使っても、jsの基本は基礎になるべきだと思いますが、基本を着実に固めるのにとても素晴らしい講義です! 頑張った後も混乱したら探してみながら繰り返し受講しなければなりそうです〜!

    • yalco
      知識共有者

      学習に役立てて嬉しいです!受講していただきありがとうございます~~

  • newbieccc님의 프로필 이미지
    newbieccc

    受講レビュー 22

    平均評価 4.8

    5

    100% 受講後に作成

    'バックエンド'を目指し、'フロント'は単に機能の実装だけに目を引いた先日を反省するようになりました。 基礎から深化内容まで頑張ってみるとこんなに面白い言語だったことがわかりました。 もう一度振り返って繰り返し学習しなければならないようで(ちゃんと面白く知りたくて)もう少し可愛いコードを作らなければならないと思います!良い講義でした。 ありがとうございます。

    • yalco
      知識共有者

      講義が助けてくれて本当に嬉しいです!ありがとうございます!

  • sangpark님의 프로필 이미지
    sangpark

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    ブラウザコンソールを活用してJavaScriptを研究、分析するように学んでいく過程がとても楽しかったです。これまでjsを適当にだけ知ってリアクトランノードを使ってきたが、この講義を聞きながら、ああ、これはこういう原理だったんだと悟ったのが本当に多かったです。ヤルコ様らしい簡単な説明のおかげで、高度な概念も簡単に学ぶことができました。 Jsを講義のタイトルのようにきちんと掘り下げて勉強してみたい方には本当に楽しい講義になりそうです。現業でjsを使う方に特に強力おすすめです。

    • yalco
      知識共有者

      ㅠㅠ一生懸命準備しただけにやりがいのあるコメントありがとうございます!

  • limyeheew5363님의 프로필 이미지
    limyeheew5363

    受講レビュー 2

    平均評価 5.0

    5

    56% 受講後に作成

    9講まで聞いて中評残します。 このレッスンは、プログラミング入門者のためのプログラミング言語レッスンではなく、 他の言語を少なくとも入門段階までは終えた人を対象とする講義で感じられます。 ゆっくりとプログラミングの味を見せるというよりは、JavaScript言語自体に対して掘り下げる感じです。 講義が難しく感じられる方はあまり無理に覚えようとしないで、簡単な問題プールや作品開発をしながら'コーディングちゃん'を満たしてからまた戻ってもいいようです。 (もちろん無料講義パートがご理解のあった方はおびえずに決済してもいいと思います) 私はJavaの経験がある程度あると聞いたので理解するのは難しくありませんでした。 開発経験が全くない状態で聞いたら理解できない内容がほとんどだったようです。 そして、インストラクターがコードを見ながら、このような結果は、次のようになります。のような指示代名詞を多く使用しますが、 受講者が川の流れに完全に追いつくと同時に講師のマウスカーソルの動きを集中していない以上 'これ'が何を言っているのかを理解するのは難しいので、指示代名詞の使用をわざわざ避けることは講義の理解に良いと思います。 ex) toString 関数をこうして実行したところ、このような結果が出ましたね。 ex) toString関数引数として2を入れて実行したところ、0b11という文字列が出ました - O 受講評が酷評のように聞こえますが、私はとても満足して聞いています。 サンプルコードと結果値をすばやく確認し、結果を分析する講義の流れのおかげで 伸びないように短い分量に多くの情報を盛り込んで、 入門者が理解しにくい説明があると思われますが、それが説明が不親切であるという話ではありません。 どの程度のプログラミング経験がある人がJavaScriptという言語がどんな言語なのか知りたいのなら、定価5万どのくらいにこの程度によく圧縮され、よく準備された講義を購入することは非常に良い判断と考えられます。 *発音の話がありましたが、発音が変なのは一度も感じられませんでした。 ヤルコ様のYouTubeとインフラの川の両方をよく見ています。

    • yalco
      知識共有者

      [2023/11/1 追加回答です。] 申し上げた内容を反映し、講義を全般的に再編集しました。 画面切り替えなどが早すぎる部分に少し余裕を与えて体感速度を下げました。 ビデオで話す部分を画面上で見つけやすいようにマーカーを追加しました。 時間がとても長くかかる作業だった点ご了承ください。 今再び映像を見れば、以前よりずっと受講する方が良いでしょう。 貴重なフィードバックをいただき、講義を向上させていただきありがとうございます。 良いフィードバックのおかげで講義を全体的に改善することになりました。もう一度ありがとう! - - - - - 詳細で思いやりのある講義評に感謝!おかげで、未だ思っていなかった点を確認することができ、どんな部分をより具体的に改善すべきか、入門者の方々をどのようにさらに配慮できるかについてもっと考えてみることができました。 教えてくれた部分を次の講義に最大限反映して、より良いコンテンツを作ってみたいと思います。 講義がパク・ジョンシクに助けてくれて本当に幸いで嬉しいです。受講していただきありがとうございます!

yalcoの他の講座

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

似ている講座

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

¥7,042