Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Programming Language

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

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

39名 が受講中です。

  • neverlish
데이터처리
JavaScript
Functional Programming
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

  • タイプスクリプト

こんにちは
です。

カリキュラム

全体

23件 ∙ (1時間 54分)

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

受講レビュー

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

¥672

似ている講座

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