inflearn logo
inflearn logo

JavaScriptコードをより簡潔に!Lodashで学ぶ実戦データ処理

複雑なデータフローを、Lodashで宣言的に変えてみましょう。 mapやfilterにとどまらずチェイニングや高度なユーティリティまで、実務ですぐに使えるLodashの使い方を学びます。

40名 が受講中です。

難易度 入門

受講期間 無制限

JavaScript
JavaScript
Functional Programming
Functional Programming
lodash
lodash
JavaScript
JavaScript
Functional Programming
Functional Programming
lodash
lodash
날개 달린 동전

講座 を紹介して、成長と収益を得ましょう!

날개 달린 동전

マーケティングパートナーズ

講座 を紹介して、成長と収益を得ましょう!

受講後に得られること

  • lodash

  • 関数型コーディング

講義のテーマ🎯

Lodashで学ぶ本番データ処理、より短く簡潔に!

複雑なデータ処理ロジック、長くて複雑なJSコードで苦労していますか?
このレッスンでは、JavaScriptユーティリティライブラリLodashを活用して、よりきれいで宣言的なコードに置き換える方法を学びます。
実務でよく使われるデータ処理フローを中心に「本物の役に立つLodash」を身につけることができますよ!


受講対象/講義目的👀

こんな方にオススメです!

  • mapfilterreduceは知っていますが、もっと簡単に処理する方法が気になる方

  • JSデータ処理ロジックが汚れて読みやすくなると感じる方

  • Lodashを理論ではなく本番の例として身につけたい方

  • 実務でいつLodashを書いて、いつJSで十分か判断基準が必要な方


講義の特徴

  • 🔄JS対Lodash本番の比較:同じ仕事をJSとLodashで両方扱ってください!

  • 🧩実務シナリオベースのミニプロジェクト3種を含む

  • 🔗_.chainで宣言型データフローを学ぶ

  • 🚀よく使うLodash関数の要約+実際の公式文書を見るためのヒント

  • 🔧 LodashやTypeScriptのように書く方法まで紹介!


学習内容🧠

🔹 Part 1. Lodash 基本機

  • Lodashのインストールと構造

  • JS対Lodashの例による関数の使用法の比較

🔹 Part 2. 高度なユーティリティを扱う

  • .groupBy、 .uniqBy、_.orderByなどのコア関数

  • JSで編むと複雑になるロジックをLodashで簡単に!

🔹 Part 3. Chainingで宣言型コードを書く

  • _.chain 基礎と実践例

  • map→filter→sortフローを1行にリンクする

🔹 Part 4. UX 改善のための関数

  • .debounce, .throttle, _.memoize 活用法

  • ユーザー入力処理最適化のヒントまで!

🔹 Part 5. 本番ミニプロジェクト

  • 管理者ダッシュボード:最近の活動分析

  • 掲示板検索の改善:検索キャッシュ、フィルタリング

  • チャットアプリログ分析:活発なチャットルームを探す

🎁ボーナス

  • Lodash公式文書の読み方

  • 最新JSとの比較

  • TypeScriptとLodashを一緒に書くためのヒント


予想される質問 Q&A 💬

Q. JSだけうまく使ってもいいんじゃないですか?
A. そうなんですが、JSだけでは長くなるコード、繰り返しパターンをLodashでスッキリ減らせますよ。

Q. Lodash 最近も使っていますか?
A. それでも、現代のフロントエンド/バックエンドの両方で多く使用されています。

Q. コードレベルは難しいですか?
A. JSの基本文法とmapfilterreduceに慣れていれば、十分に従うことができます。


受講前の注意📌

  • 練習環境:オンラインコードサンドボックス

  • 提供資料:サンプルコード&レクチャーノート

  • 選手の知識:JS基礎文法+高次関数(map/filter)について

  • Reactは主なトピックではありませんが、簡単な使用例は含まれています


知識共有者の紹介👋

8年目のフルスタック開発者として数多くのデータ処理状況を経験し、
**「コードが短くて読みやすいのが本当に良いコードだ」**という結論に達しました。
この講義は単にLodashの使い方ではなく、
実務でコードの質を高める考え方とパターンを一緒に紹介します。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 複雑なJavascriptコードを簡潔にしたい方

  • 複雑なデータを直感的に処理したい方

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

  • javscript

  • タイプスクリプト

こんにちは
neverlishです。

カリキュラム

全体

23件 ∙ (1時間 54分)

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

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

似ている講座

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

¥695