강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Programming Language

関数型プログラミングとJavaScript ES6+アプリケーション

このコースは、関数型プログラミングとJavaScript ES6 +のシリーズコースで、さまざまなアプリケーションケースをカバーしています。

（4.9）受講レビュー 117件

受講生 3,322名

  • mduniv
JavaScript
Functional Programming

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

こんなことが学べます

  • 関数型プログラミング

  • イタラブルプログラミング

  • 並行性プログラミング

  • フロントエンドで関数型プログラミングを適用する

  • バックエンドで関数型プログラミングを適用する

生産性を高める関数型コードを書く！
イタラブルプログラミングを応用します👊

何を学びますか？ 📖

JavaScriptはES6+になり、言語でイテラブルプロトコルを特に強調しています。イテラブルプログラミングを通じて命令型コードを置き換えます。シンボル/イタラブル/イテレータ/ジェネレータ、Promise/async/awaitなどのプロトコルが強調されています。以降のバージョンでもasync/await/for...await-of/Async Iteratorなどにプロトコルが発展しています。

このレッスンは、「 関数型プログラミングとJavaScript ES6 + 」の後続のレッスンで、関数型プログラミング、イテラブルプログラミングを幅広く応用します。このレッスンを聞くと、エラーが発生しやすいi ++、j ++、if、for、breakなどのコマンドコードを作成できなくなる可能性があります。エラー率が低く、生産性が高く、美しい表現力を持つ関数型コードを作成してみてください！



JavaScriptでのイタラブルプログラミングの利点💡

  • 言語レベルでサポートされているプロトコルを介して作成されるコードであるため、高い組み合わせ性があります。
  • 言語レベルでサポートされているエラー処理を使用できます。
  • 非同期/並行性プログラミングをより安全で簡単にすることができます。
  • コードの量を最小限に抑えることができます（トランスファイリングをしながらも変換されるコードの量を最小化できるアイデアも持っています）。

ES5文法プログラミングの不便さ🥲

  • i++, j++, if, for, break, 状態変更に依存したコードはバグが発生しやすいです。
  • 機能発展、企画変更に対応してみるとバグが発生しやすくメンテナンスが難しくなります。
  • 開発者によって好みのコードスタイルが異なり、互いのコードを解釈するのは難しいです。
  • 常にロジックを新しく作成する必要があり、それに伴うテストケースも多くなり、生産性が低下します。

知識共有者の一言😀

2008年度頃からリ習慣、イタラブル、リアクティブなどを基盤としたクロージャ、エリクサー、スカラーといった多様な関数型言語が生まれ、他の言語では多くの関連ライブラリが生まれ、最近に至っては現業で最もよく使われるJava、Swift、Cotlin、JavaScriptなど言語自体にLISPまたはFPが導入されました。より多様な状況で関数型プログラミングやイテラブルプログラミングが必要であるという認識が広がっており、これらの技術が実務で自然に使用されています。

関数型/イタラブルプログラミングがすべての言語に適用されているのは、実際的な価値のためです。イテラブルプログラミングは、問題を小さくし、組み合わせを向上させるのに最適なツールです。現在、ほとんどの言語に適用され、この方法は脱言語的な解決策になりました。

特にJavaScriptは、イテラブル/イテレータ/ジェネレータ/シンボルなどに基づいて非常に優れたプロトコルを持っています。これらのプロトコルは開発者に言語を扱うように言っています。 ES6+の本当の魅力はこの「イテラブルプロトコル」だと思います。イテラブルプログラミングは、生産性を高め、エラー率を下げ、メンテナンスが簡単なコードを書くことができる非常に優れたツールです。

サンプルコード📜

関連講義 🧑‍🏫

関数型プログラミングとjavascript ES6+
ES6+のイテラブル/イテレータ/ジェネレータ/同時実行プログラミングについて詳しく説明します。
関数型/イテラブルプログラミングに慣れていない場合は、このレッスンを最初に聞いてください。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • 関数型プログラミングを学びたい方

  • イテラブルプログラミングアプリケーションを知りたい人

  • 関数型/イテラブル/同時実行の実際の使用例が気になる方

  • 簡潔でエレガントなコードを書きたい人

  • JS開発者として一歩飛躍したい方

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

  • 関数型プログラミングとJavaScript ES6 +インフラストラクチャ

  • ES6+基本文法

  • イテラブル/イテレータ/ジェネレータ

こんにちは
です。

22,553

受講生

781

受講レビュー

457

回答

4.9

講座評価

5

講座

カリキュラム

全体

48件 ∙ (6時間 2分)

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

受講レビュー

全体

117件

4.9

117件の受講レビュー

  • pnmathgrading1107님의 프로필 이미지
    pnmathgrading1107

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    以前の講義を聞いて学んだ概念を適用して関数型ライブラリを使ってコーディングしてみたが、補助関数が長くなり、命令型コードを単に補助関数に置き換えたのではないか。感じを消すことができませんでした。 この講義を聞いてからmap、filter、reduceを眺める他の視点、イテラブル/イテレータを上記の関数で包み、モナドを通じた安全な関数合成、再利用性の高い関数を抽出して抽象化して使い続けるテクニックなど以前の講義ただ聞いて無作為のコーディングに駆けつけた時、不足している2%を埋めるほどの講義だったと思います。 まだこの講義を完璧に消化したわけではありませんが何度も繰り返し聞きながら勉強します。良い講義ありがとうございます。

    • mduniv
      知識共有者

      伝えたかった内容をたくさん覗いてくれましたね。 :) ありがとうございます。ファイティング！

  • frontdev님의 프로필 이미지
    frontdev

    受講レビュー 4

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    ＆quot;次の講義まで待つ最高の講義＆quot; 初めて聞くときはこれは何ですか？どうやって戻るの？という疑問がいっぱいですが、 コード一つ一つを吟味すると、JavaScript言語の魅力にすっかり落ちるようになり、 質感のある講義と伝達力に満ちてしまいます。 私はインストラクターが余裕を持っていて、次のコースを作ってくれることを楽しみにしています。 あります。 （次に実際のプロジェクトを一緒に作成する講義が追加されたら いいですね！）

    • mduniv
      知識共有者

      とても感謝しています。余裕になったらぜひご用意させていただきます:)

  • girili606534님의 프로필 이미지
    girili606534

    受講レビュー 5

    ∙

    平均評価 4.8

    5

    100% 受講後に作成

    本当に魅力的な関数型プログラミング..!!本当に良い講義です！百番おすすめ！

    • mduniv
      知識共有者

      fxtsも興味を持ってください！ :)

  • gunho10207289님의 프로필 이미지
    gunho10207289

    受講レビュー 10

    ∙

    平均評価 4.2

    5

    100% 受講後に作成

    関数型JavaScriptの実際の適用事例を見ることができてよかったです。特定のサービス、アプリケーションを関数型プログラミングを適用して作成するときに、どのように設計し、依存性はどのように管理するかなどの内容を教えていただければ幸いです。ありがとう:)

    • mduniv
      知識共有者

      詳細なレビューありがとうございます。一生懸命作った喜びがありますね！良いフォローアップコンテンツもおっしゃったようにぜひよく作ってみましょう:)

  • goohooh님의 프로필 이미지
    goohooh

    受講レビュー 6

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    一気に最後まで走ってきました。 実務に応用するには練習が必要ですが、 初めてaddMaker関数を作るように少しずつ適用していけばいいのかな と思っています。 よろしくお願いします。 お疲れ様でした！

    • mduniv
      知識共有者

      無駄に一気に！楽しく聞いてくれてありがとう。良い内容お届けできるようにさせていただきます。 ：＆gt;

￥5,187

mdunivの他の講座

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

関数型プログラミングとJavaScript ES6+강의 썸네일

関数型プログラミングとJavaScript ES6+

mduniv

ES6+と関数型プログラミングを学べる講義です。このコースでは、ES6+のイテラブル/イテレータ/ジェネレータプロトコルを詳細に扱い、応用します。 イテラブルに基づく関数型プログラミング、map/filter/reduce、パイプライン、ジェネレータによる遅延評価、Promise合成、同時性/並列性、async/awaitと非同期エラー処理などを学ぶことができます。このコースを習得して練習して、中級のJavaScript開発者に成長しましょう！

초급

초급

JavaScript, Functional Programming

関数型プログラミングとJavaScript ES6+강의 썸네일

関数型プログラミングとJavaScript ES6+

mduniv

マルチパラダイムプログラミング第1編：イテレータパターン & LISP (with TypeScript, Clojure, Kotlin)강의 썸네일

マルチパラダイムプログラミング第1編：イテレータパターン & LISP (with TypeScript, Clojure, Kotlin)

mduniv

中上級開発者として成長するための高度なプログラミング言語活用能力と、関数型、オブジェクト指向、LISPパラダイムを組み合わせたソフトウェアの設計および実装能力を養います。

중급이상

중급이상

multi-paradigm Programming, TypeScript, Functional Programming

マルチパラダイムプログラミング第1編：イテレータパターン & LISP (with TypeScript, Clojure, Kotlin)강의 썸네일

マルチパラダイムプログラミング第1編：イテレータパターン & LISP (with TypeScript, Clojure, Kotlin)

mduniv

JavaScript で学ぶ関数型プログラミング (ES5)강의 썸네일

JavaScript で学ぶ関数型プログラミング (ES5)

mduniv

マープル（http://www.marpple.com）のCTOユ・インドンが教えてくれる関数型プログラミングの講座です。 関数型プログラミングでライブラリを直接作成し、関数型プログラミングのパラダイムとコーディングの楽しさを感じることができます。

초급

초급

JavaScript, Functional Programming

JavaScript で学ぶ関数型プログラミング (ES5)강의 썸네일

JavaScript で学ぶ関数型プログラミング (ES5)

mduniv

似ている講座

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

関数型プログラミングとJavaScript ES6+강의 썸네일

関数型プログラミングとJavaScript ES6+

mduniv

ES6+と関数型プログラミングを学べる講義です。このコースでは、ES6+のイテラブル/イテレータ/ジェネレータプロトコルを詳細に扱い、応用します。 イテラブルに基づく関数型プログラミング、map/filter/reduce、パイプライン、ジェネレータによる遅延評価、Promise合成、同時性/並列性、async/awaitと非同期エラー処理などを学ぶことができます。このコースを習得して練習して、中級のJavaScript開発者に成長しましょう！

초급

초급

JavaScript, Functional Programming

関数型プログラミングとJavaScript ES6+강의 썸네일

関数型プログラミングとJavaScript ES6+

mduniv

HTML5 + CSS3 + JavaScript강의 썸네일

HTML5 + CSS3 + JavaScript

hiroad

本講座は、ウェブ開発の基礎であるHTML5、CSS3、JavaScriptを中心に、フロントエンド開発のコア技術を体系的に習得するコースです。受講生は、ウェブページの構造設計からスタイリング、動的機能の実装までの全体の流れを実習を通じて学び、実際のプロジェクトベースの学習を通じて実践力を強化できます。

입문

입문

JavaScript, html5, css3

HTML5 + CSS3 + JavaScript강의 썸네일

HTML5 + CSS3 + JavaScript

hiroad

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

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

zerocho

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

중급이상

중급이상

Design Pattern, oop, TypeScript

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

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

zerocho

JavaScriptで学ぶfullPage + anime + SVG Animationポートフォリオ

lizb

Vanilla Javascript + fullPage.js + SVG AnimationインタラクティブWebポートフォリオ！ 就職と転職のための必須コース！

초급

초급

Interactive Web, JavaScript

JavaScriptで学ぶfullPage + anime + SVG Animationポートフォリオ

lizb

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ강의 썸네일

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ

lizb

計画 - デザイン - 実装プロセスの3番目のプロセス - レスポンシブWebポートフォリオテンプレートの作成

초급

초급

Responsive Web, JavaScript, jQuery

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ강의 썸네일

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ

lizb

JavaScript ES6+基礎コア文法강의 썸네일

JavaScript ES6+基礎コア文法

erumcoding

JavaScriptに初めて入門された方が、最新のJavaScriptについて知る必要がある重要な文法を短く太字にまとめました。文法の勉強は一度に確実にそして短く終わり、貴重な時間は何かを作るのに投資してください！

초급

초급

JavaScript, ES6

JavaScript ES6+基礎コア文法강의 썸네일

JavaScript ES6+基礎コア文法

erumcoding

数行で終わるインタラクティブウェブ開発ノウハウ【初級編】

coding11

短時間で実務で最もよく使われるインタラクティブスキルをお知らせします。

초급

초급

Interactive Web, JavaScript

数行で終わるインタラクティブウェブ開発ノウハウ【初級編】

coding11

JavaScriptアルゴリズムベスト10강의 썸네일

JavaScriptアルゴリズムベスト10

The Oreum

最も出題されているタイプを収めた 'JavaScript アルゴリズムのベスト 10' で問題の核心を見つけて解く能力を育てましょう！

중급이상

중급이상

JavaScript, Coding Test, Algorithm

JavaScriptアルゴリズムベスト10강의 썸네일

JavaScriptアルゴリズムベスト10

The Oreum

Webプログラミング(HTML5+CSS+javaScript)강의 썸네일

Webプログラミング(HTML5+CSS+javaScript)

software25766

初心者のためのWebプログラミング講義。 HTML、CSS、JavaScriptの基本的な文法と活用法を段階的に学習できるように構成されています。 Webページの構造とデザイン、インタラクション機能の実装など、Web開発の重要な要素をカバーしています。

입문

입문

HTML/CSS, JavaScript, Responsive Web

Webプログラミング(HTML5+CSS+javaScript)강의 썸네일

Webプログラミング(HTML5+CSS+javaScript)

software25766

私もできる！SW講師！강의 썸네일

私もできる！SW講師！

jejucoding

SW講師を希望する皆様のための授業でカリキュラムと資料提供、15年目現職講師のノウハウとハチミツチップまで一度に解決できます。

입문

입문

HTML/CSS, JavaScript, Python

私もできる！SW講師！강의 썸네일

私もできる！SW講師！

jejucoding

まだ生きている不死の jQuery - 基礎から実務まで강의 썸네일

まだ生きている不死の jQuery - 基礎から実務まで

ezweb

全世界のウェブサイトで75%以上が使用しているJavaScriptライブラリ、jQuery！華麗な効果よりも原理を理解し、基礎を固められるように構成しました。jQueryの基礎から活用まで学習し、あなただけのポートフォリオを完成させたり、現場で即活用してみてください。

초급

초급

HTML/CSS, JavaScript, jQuery

まだ生きている不死の jQuery - 基礎から実務まで강의 썸네일

まだ生きている不死の jQuery - 基礎から実務まで

ezweb

JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）강의 썸네일

JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）

Kyo

JavaScriptでスタック、キュー、連結リスト、ソート、DFS/BFSといった主要なデータ構造やアルゴリズムを自身で実装しながら学習します。よく出題される問題形式を一緒に解きながら、コーディングテストや面接に必須の問題解決能力まで身につけることができます。

초급

초급

JavaScript, Algorithm, data-structure

JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）강의 썸네일

JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）

Kyo

コーディングのコーディング基礎とWebフルスタックの開発강의 썸네일

コーディングのコーディング基礎とWebフルスタックの開発

jocoding

コーディング1位 YouTubeのジョコーディングの本番圧縮！簡単で楽しいWebフルスタック開発講義

입문

입문

HTML/CSS, JavaScript, Node.js

コーディングのコーディング基礎とWebフルスタックの開発강의 썸네일

コーディングのコーディング基礎とWebフルスタックの開発

jocoding

KevinのわかりやすいRxJava Part 2강의 썸네일

KevinのわかりやすいRxJava Part 2

Kevin

リアクティブプログラミングという進入障壁を超えたいですか？ KevinのわかりやすいRxJavaがその壁を越える力をキーワードにします。

초급

초급

Functional Programming, RxJava, Reactive Streams

KevinのわかりやすいRxJava Part 2강의 썸네일

KevinのわかりやすいRxJava Part 2

Kevin

Node.jsでWebをクロールする강의 썸네일

Node.jsでWebをクロールする

zerocho

ネイバー、アマゾン、Twitter、YouTube、Facebook、Instagram、unsplash.comなどのサイトをクロールして本番に適用します。

중급이상

중급이상

JavaScript, Node.js, Web Crawling

Node.jsでWebをクロールする강의 썸네일

Node.jsでWebをクロールする

zerocho

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)강의 썸네일

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

codingworks

ウェブ パブリッシャー向けの JS 核心理論および実践例教材および完成版は、PDF で作成された講義教材です。この教材は、ウェブ パブリッシャーが必ず知っておくべき JavaScript と jQuery の基本を忠実に習得できる役割を果たします。この教材の特徴は、理論に関連するスモール ミッション (Small Mission) を通じて、理論をさらに強化できることです。特に、学習したすべての理論を活用した実践例も、忠実に準備された教材です。この PDF の全ページは、純粋な JavaScript (Vanlila JavaScript) と jQuery ページの数が 320 ページ以上で、CodingWorks が簡単に理解できるように十分な説明が追加されています。特に、パブリッシャーがウェブサイト作成のために必要な jQuery 相互作用の実践例を学習できます。

초급

초급

JavaScript, jQuery, HTML/CSS

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)강의 썸네일

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

codingworks

時間のウィザード RxJS - setTimeout は No!すべての非同期タスクを一方向に解決しましょう강의 썸네일

時間のウィザード RxJS - setTimeout は No!すべての非同期タスクを一方向に解決しましょう

namu

Javascriptを含む多くのプログラミング言語では、非同期操作は最も要求が厳しく、ソフトウェアの複雑さを高める要因の1つです。 setTimeout、setIntervalなどのプリミティブな非同期プログラミングは破棄され、RxJSを使用して複雑な非同期タスクを簡単に処理できます。

초급

초급

JavaScript, Functional Programming, RxJS

時間のウィザード RxJS - setTimeout は No!すべての非同期タスクを一方向に解決しましょう강의 썸네일

時間のウィザード RxJS - setTimeout は No!すべての非同期タスクを一方向に解決しましょう

namu

mongoDB基礎から実務まで（feat. Node.js）강의 썸네일

mongoDB基礎から実務まで（feat. Node.js）

sihoon

mongoDB、NoSQLは最近多く聞こえますが、まだ見知らぬデータベースですか？リレーショナルデータベース（RDS / SQL）のように使用していませんか？いくら良い技術も正しく使用しないと逆効果が発生します。だからモンゴディビの使用失敗事例もしばしば見えます。このレッスンでは、mongoDBをできるだけmongoDBで使用できるように、基本概念から実務ノウハウまで教えていきます。

초급

초급

MongoDB, REST API, Node.js

mongoDB基礎から実務まで（feat. Node.js）강의 썸네일

mongoDB基礎から実務まで（feat. Node.js）

sihoon

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）강의 썸네일

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

ウェブデザイン機能社出題基準 2023年バージョンに合わせて誰でも合格できるように製作しました。 5種類を学び、素早く合格しましょう！

초급

초급

HTML/CSS, jQuery, JavaScript

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）강의 썸네일

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

クリーンアップ JavaScript: ベース構築!강의 썸네일

クリーンアップ JavaScript: ベース構築!

tonextday

考え方を扱います。JavaScript の核心と本質を論理的に整理できます。JavaScript の経験を整理して、考え方を自分で整理できます。JavaScript の技術論理を確立できます。JavaScript 全体を見渡す視野を広げることができます。JavaScript の技術面接問題に対応できます。

초급

초급

JavaScript, Interview, Tech Interview

クリーンアップ JavaScript: ベース構築!강의 썸네일

クリーンアップ JavaScript: ベース構築!

tonextday