
根本的なフロントエンドユニットテスト
sowhatcoding
フロント&ユニットテストのすべてをマスターできるように、 基本概念から状況別テスト作成法、高度なテスト知識まで全て集めてお届けします
初級
Software Test, TDD, Jest
Web開発の経験が最低1年以上の学生および実務者のための、上級フロントエンド講座です。実務で2〜3年以上の経験があり、スキルの停滞期を感じている方や、大企業で考慮すべき製品構造について学びたい方に最適な内容となっています。
受講生 249名
難易度 中級以上
受講期間 無制限
学習した受講者のレビュー
5.0
관태
自分だけが見たい利己的な講義.. フロントエンド志望、ジュニアレベルにいる段階ならレベルアップできる講義 基礎的な部分よりは応用に集中している講義 視野が広がり、ただ動くコードを書く人の中でもより良いコードを書きたい方におすすめ!
5.0
열람현
こんにちは。受講を申し込んでから5時間30分一気に視聴し、レビューを残します(全講義の10%ほど見終わりました)。 講義を受ける前の私のコーディングレベル - 1年半前、バイブコーディング(感覚的なコーディング)からスタート。最初は楽しかったのですが、開発知識がないため行き詰まる部分がもどかしく、YouTubeでHTML、CSS、JSの流れを勉強。 - この頃からAIとの協業がうまくいくようになり、自分が望むレベルのプログラムやホームページを完成させる過程も楽しく、少額のお小遣い稼ぎから始まり、今では本業と同じくらいの金額をコーディングの副業で稼げるようになりました。 - 年収が2倍になった計算ですが、Claude Opusモデルが登場してから強く感じているのは、非専門家の私がAIと協業するには、もはやAIの能力がとてつもなく高くなりすぎて、「もっと効率的にできるはずなのに…」と考えることが多くなりました。開発知識がないため、AIの能力を最大化することが不可能で、大きな壁を感じていました。 - 「やって」→「できないね、こんなエラーがあるからやり直して」→「今度はこんなエラーだよ」…このように原因もわからないまま、できるまでAIに頼り切る無限ループを1年以上続けてみて、疲れも感じましたし、AIエージェントを活用すべき時代において非効率的であることを痛感し、成長するために講義を探すようになりました。 この講義を選んだ経緯 - YouTubeに毎日溢れる、ありきたりなAIエージェント紹介動画に辟易。 - 自分が作ったサービスは一つもないのに、「どこどこの会社で何年目」という肩書きだけで勝負するコンテンツ。 - AIに聞けばわかるような知識をAIで台本にして、すごいことのようにパッケージングしたサムネイルとコンテンツに失望するばかりでした。 - 私のようにバイブコーディングで小さな成果でも出したことがある方ならわかるはずです。クリエイター開発者の方は、100の言葉よりも、直接作った一つのサービスが実力を証明するということを。この講師の方のサービスとYouTubeコンテンツを通じて、講義の内容の4分の1でも吸収できれば、大きく成長できると確信しました。 受講レビュー - すべての開発概念の知識を説明するというより、実務で直接使ってみた経験を共有してくれるので、差別化が明確で面白いです。ChatGPTでもできるような一方的な説明ではなく、経験を共有するスタイルなので、次の話が気になって集中して聴けます。 - AIも教えてくれない実務の技術が多すぎます。「これまで自分がやってきたことは全部無駄な足掻きだったんだな…」と感じています。この講義に出てくるやり方は、YouTubeでも一度も見たことがないものが多すぎます。これからも自分だけが知っていたいと思うほどです。 - エリートシニア開発者の方がどのように開発しているのかを見ることができるので、自分のAIパートナーをどう設定すべきか、どうやって一生モノの技術として身につけて進んでいくべきかが明確にわかり、本当に良かったです。 - 私たちバイブコーダーは会社に就職することが目標ではないので、開発知識を説明できるほど丸暗記する必要はありません。いかにAIを設定・構築し、効率的に最終目標を達成するかに集中するため、この目標を成し遂げたいバイブコーダーの仲間たちに強くおすすめします。自由を手に入れた気分です(笑)
5.0
mike1124
連休中に完走しようと思ったのですが、本当に量が多いですね。文字通りフロントエンド全体を一目で見ることができる総合ギフトセットのような講義です。全体的な流れを掴むことができ、核心的な内容や重要な内容は実務例題中心で説明してくださるので「これは連休明けにすぐ会社で使ってみよう」と思うほど没頭して聞くことができました。 バックエンドをある程度やったことがあるので理解するのにより役立ちました。 難しい部分も講義資料がよくできているので良かったです。 そして全般的に概念的な説明も一緒にしてくださるのでAI時代に適した良い講義だと感じました。この講義を聞いた後、以前は見えなかった不足している部分が見え、これはこのように改善することもできそうだという考えも浮かびました。この講義の目標がコードを見る以前と違う目を持てるようになることなのですが、本当に一つのコードを見ても多くの考えができるようになりました。良い講義をありがとうございます。
高度なフロントエンド開発手法
GoFのデザインパターン構造と、それを実務的に適用した例
学習対象は
誰でしょう?
実力の停滞期が訪れたフロントエンドエンジニア
最低1年以上のウェブ開発経験と経歴がある方
前提知識、
必要でしょうか?
プログラミングの基礎知識
最低1年以上のウェブ開発経験
基本的なHTML、CSS文法に対する理解
バニラJavaScriptに関する基礎的な理解
最低6ヶ月以上のReact.jsおよびNext.jsの使用経験
249
受講生
14
受講レビュー
14
回答
4.7
講座評価
1
講座
フルスタックエンジニアのハン・サンフンです。
YouTube: https://www.youtube.com/@hoony_han
全体
436件 ∙ (56時間 33分)
7. 7. this란
05:39
10. 10. 변수 객체
02:29
11. 11. 호이스팅
02:31
12. 12. 스코프 체인
04:24
15. 15. 힙의 특징
05:39
16. 16. 이벤트 루프
10:27
19. 19. 비동기란?
04:12
25. 25. p-limit
04:20
26. 26. Web API
19:32
30. 30. Map
04:29
33. 33. Set
16:07
36. 36. WeakSet
12:09
37. 37. Proxy 객체
13:26
42. 42. WeakSet 예시
04:42
50. 50. 빌더 패턴
17:38
53. 53. OCP
08:25
58. 58. 퍼사드 패턴
17:07
59. 59. 전략 패턴
11:06
71. 71. 상태 패턴
10:57
74. 74. 지연 평가
05:55
78. 78. 일급 함수
06:06
81. 81. 커링
02:38
93. Custom Hooks
09:39
97. Render Props
06:08
101. A:B:C:D 테스트
09:08
102. 메모이제이션
14:42
103. 가상화
01:17
108. Slot
14:38
109. State Reducer
14:53
110. Lifted State
06:51
全体
14件
4.7
14件の受講レビュー
受講レビュー 6
∙
平均評価 5.0
修正済み
受講レビュー 1
∙
平均評価 5.0
5
こんにちは。受講を申し込んでから5時間30分一気に視聴し、レビューを残します(全講義の10%ほど見終わりました)。 講義を受ける前の私のコーディングレベル - 1年半前、バイブコーディング(感覚的なコーディング)からスタート。最初は楽しかったのですが、開発知識がないため行き詰まる部分がもどかしく、YouTubeでHTML、CSS、JSの流れを勉強。 - この頃からAIとの協業がうまくいくようになり、自分が望むレベルのプログラムやホームページを完成させる過程も楽しく、少額のお小遣い稼ぎから始まり、今では本業と同じくらいの金額をコーディングの副業で稼げるようになりました。 - 年収が2倍になった計算ですが、Claude Opusモデルが登場してから強く感じているのは、非専門家の私がAIと協業するには、もはやAIの能力がとてつもなく高くなりすぎて、「もっと効率的にできるはずなのに…」と考えることが多くなりました。開発知識がないため、AIの能力を最大化することが不可能で、大きな壁を感じていました。 - 「やって」→「できないね、こんなエラーがあるからやり直して」→「今度はこんなエラーだよ」…このように原因もわからないまま、できるまでAIに頼り切る無限ループを1年以上続けてみて、疲れも感じましたし、AIエージェントを活用すべき時代において非効率的であることを痛感し、成長するために講義を探すようになりました。 この講義を選んだ経緯 - YouTubeに毎日溢れる、ありきたりなAIエージェント紹介動画に辟易。 - 自分が作ったサービスは一つもないのに、「どこどこの会社で何年目」という肩書きだけで勝負するコンテンツ。 - AIに聞けばわかるような知識をAIで台本にして、すごいことのようにパッケージングしたサムネイルとコンテンツに失望するばかりでした。 - 私のようにバイブコーディングで小さな成果でも出したことがある方ならわかるはずです。クリエイター開発者の方は、100の言葉よりも、直接作った一つのサービスが実力を証明するということを。この講師の方のサービスとYouTubeコンテンツを通じて、講義の内容の4分の1でも吸収できれば、大きく成長できると確信しました。 受講レビュー - すべての開発概念の知識を説明するというより、実務で直接使ってみた経験を共有してくれるので、差別化が明確で面白いです。ChatGPTでもできるような一方的な説明ではなく、経験を共有するスタイルなので、次の話が気になって集中して聴けます。 - AIも教えてくれない実務の技術が多すぎます。「これまで自分がやってきたことは全部無駄な足掻きだったんだな…」と感じています。この講義に出てくるやり方は、YouTubeでも一度も見たことがないものが多すぎます。これからも自分だけが知っていたいと思うほどです。 - エリートシニア開発者の方がどのように開発しているのかを見ることができるので、自分のAIパートナーをどう設定すべきか、どうやって一生モノの技術として身につけて進んでいくべきかが明確にわかり、本当に良かったです。 - 私たちバイブコーダーは会社に就職することが目標ではないので、開発知識を説明できるほど丸暗記する必要はありません。いかにAIを設定・構築し、効率的に最終目標を達成するかに集中するため、この目標を成し遂げたいバイブコーダーの仲間たちに強くおすすめします。自由を手に入れた気分です(笑)
受講レビュー 3
∙
平均評価 5.0
5
連休中に完走しようと思ったのですが、本当に量が多いですね。文字通りフロントエンド全体を一目で見ることができる総合ギフトセットのような講義です。全体的な流れを掴むことができ、核心的な内容や重要な内容は実務例題中心で説明してくださるので「これは連休明けにすぐ会社で使ってみよう」と思うほど没頭して聞くことができました。 バックエンドをある程度やったことがあるので理解するのにより役立ちました。 難しい部分も講義資料がよくできているので良かったです。 そして全般的に概念的な説明も一緒にしてくださるのでAI時代に適した良い講義だと感じました。この講義を聞いた後、以前は見えなかった不足している部分が見え、これはこのように改善することもできそうだという考えも浮かびました。この講義の目標がコードを見る以前と違う目を持てるようになることなのですが、本当に一つのコードを見ても多くの考えができるようになりました。良い講義をありがとうございます。
受講レビュー 1
∙
平均評価 5.0
受講レビュー 3
∙
平均評価 5.0
同じ分野の他の講座を見てみましょう!