JestからVitestまで、JSテストコード入門

JSを使っていながら、なぜ動くのか説明するのが難しいなら、この講義がその答えを提示します。 実行コンテキスト、クロージャ、イベントループから、Promiseの並行性、プロトタイプ、仮想DOM、メモリリーク、バンドル最適化まで。JSの高度な概念18チャプターを、ただ読むのではなく、シミュレーターで直接目の前で確認しながら学習します。 チャプターごとにコードベースのクイズが提供され、チキン1羽分の価格で一生所有することができます。

この講義は、Gitを初めて使う人でもファイルの変更を安全に記録し、GitHubを通じた共同作業の流れまで理解できるように構成された入門講義です。単にコマンドを暗記するのではなく、status、diff、logを通じて現在の状態を読み取り、add、commit、restore、reset、revertを状況に合わせて選択する感覚を養うことに焦点を当てています。 序盤では、なぜGitが必要なのか、ファイルの保存とバージョン管理の違いは何なのかという点から始めます。その後、実際にリポジトリを作成してREADME.txtファイルをコミットし、Gitが変更事項をどのように追跡するのかを実習します。GitHubのリモートリポジトリを作成し、push、cloneの流れまで扱うことで、個人プロジェクトをオンラインにバックアップして共有する基本スキルを身につけます。 中級パートでは、ブランチ、merge、conflict、pull/push、PR、rebase、stashを扱います。作業をブランチに分け、変更事項をマージし、競合（コンフリクト）が発生した際にファイルを読み取って整理する方法を学びます。また、PR（プルリクエスト）中心の共同作業の流れとreset/revertの違いを通じて、実務で頻繁に発生するGitのトラブルを判断する力を養います。 最後のパートでは、GitHub Flowと運用ブランチ戦略を扱います。dev → stg → prdの流れを中心に、機能ブランチが開発ブランチに統合され、QAを経て本番環境へと昇格していく過程を説明します。hotfix、release branch、tag、一部デプロイ、緊急修正、ロールバックの判断まで扱い、実際のチーム開発でGitがどのように運用されているかを理解できるように構成しました。

この講義は、合格率5.34%だった改訂後初の情報処理技師実技試験を直接突破した経験をもとに作成しました。 情報処理技師の実技は、もはや単純な暗記だけでは対策が困難です。特にC、Java、Python、SQLコードの実行フローを読み取り結果を追跡する能力、そして短答式の概念を正確に区別して解答として書き出す能力が重要になっています。 この講義は、プログラミングに初めて触れる初心者の方でもついていけるよう、変数表の作成からC・Java・Python・SQLのコード追跡、実技の核心用語、筆記1〜5科目まで段階的に学習できるように構成しました。 動画中心の講義ではなく、素早く読んで繰り返し学習できるテキストベースの講義です。必要な部分を後から探しやすく、コードと解説を直接追いながら、試験会場で答えを導き出す練習に集中します。 1次アップデートでは、実技のプログラミングパートであるC、Java、Python、SQLを扱います。 2次アップデートでは、実技の短答式に必要な核心用語と概念を整理し、コード追跡を直接練習できるステッパーシミュレーターを併せて提供する予定です。 3次アップデートでは、筆記1科目から5科目まで順次拡張します。 ステッパーシミュレーターは、単に解説を読んで終わるのではなく、コードが一行ずつ実行される際、変数の値がどのように変わるのかを直接追いながら理解できるように構成する予定です。 受講中に不明な点があれば、質問を残してください。学習が滞らないよう、可能な限り迅速に回答いたします。

JavaScriptを学んだ後にTypeScriptを始めると、新しい文法よりも「なぜこの型を使わなければならないのか？」という部分でつまずくことがよくあります。 基本の型からユニオン、型絞り込み、ジェネリック、keyof、Pick、Omitまでを繋げて学習します。また、練習問題を別途ミッションとして提供し、学んだ内容を直接適用できるように構成しました。 受講後は、型の受講エラーをむやみに隠すことなく原因を読み解けるようになり、繰り返される型を安全に減らし、コードの意図を型で表現できるようになります。

JavaScriptを学んだものの、実際のプロジェクトで行き詰まっていませんか？ forEachは使えるけれどreduceには手が出ない、非同期コードを見るたびに頭が痛くなる、コンポーネントを作ってもなぜこのように書くべきなのか理由がわからない、そんな方々のためにこの講義を作りました。 この講義は単に文法を説明するものではありません。「なぜこのように使うのか」を中心に、実務ですぐに活用できるコードの感覚を養います。

こんにちは、4年目のフロントエンドエンジニアのカムジャ（じゃがいも）です。 私が初めてJavaScriptを学んだ時のことを思い返すと、YouTubeや本を見ながらコードを写している時はすべて理解したつもりになっていたのに、いざ真っ白なエディタを開くと頭が真っ白になってしまう経験が何度もありました。 最初はただググって見つけたコードをコピー＆ペーストすることに必死でした。そのため、エラーが発生するとどこから手をつければいいのか分からず、徹夜をして何日も挫折を味わうこともありました。その時、身に染みて悟りました。「他人のコードを100回コピーするよりも、自分で原理を理解して1行書いてみることこそが本当の実力だ」ということを。 多くの入門者の方々が、JavaScriptの高い壁を前にこのように悩んでいます。 🚨 "HTML/CSSで画面は綺麗に作れたけれど、動かそうとすると途方に暮れてしまいます。" 🚨 "変数や関数の文法は全部覚えたけれど、これを実戦でどう組み合わせればいいのか分かりません。" 🚨 "イベントバブリング、DOM操作といった用語を聞くだけで頭が痛くなります。" そこで、この講義を準備しました。私が数多くの試行錯誤の末に習得した「最も確実な近道」だけを整理してお伝えします。 資料を準備するにあたって、難しい開発用語を並べ立てることはしませんでした。分厚い専門書に出てくるような、今すぐには使わない文法は思い切って捨てました。代わりに、実務で呼吸をするように使う核心的な原理を、「ベルトコンベア」や「絵の具のパレット」といった日常的な比喩を通して、皆さんの頭の中に直感的に叩き込みます。 この講義では、単に理論だけを学ぶのではありません。 理論を学んだらすぐに、アコーディオン、タブメニュー、ダークモードの切り替えなど、フロントエンドの実務で必ず遭遇する4つの核心的なUIを、私と一緒にゼロから直接作ってみます。 講義を完走した後は、もう他人のコードをコピーして祈りながら実行ボタンを押すような人ではなくなっているはずです。画面をどう構成するかを自ら設計し、自分の意図通りにJavaScriptのコードを書き進めていける、本物のフロントエンドエンジニアへと生まれ変わることでしょう。 私の実務ノウハウをすべて詰め込みました。真っ白なエディタの前で、もう立ち止まらないでください。さあ、始める時間です。

私たちは果たしてHTMLとCSSを正しく活用できているでしょうか？ 複雑なフレームワークやJavaScriptのロジックに囚われる前に、ウェブの本質であるマークアップとスタイリングだけで、モグラ叩きから脱出ゲームまでを直接実装してみます。 4年目の現役エンジニアが教える「ツールに振り回されない基礎力」の力を体験してください。

このレッスンでは、リアクトアプリケーションをテストする方法を学びます。

この講義を通して、フロントエンドテストの全体的な種類を把握し、状況に合った適切なテストを選択することで、信頼感のあるテストを作成する方法を学びます。

私はいつも「一体なぜフロントエンドテストをしなければならないのか?」という疑問を持っていました。そして疑問を持ちながらテストを機械的に作成していました。 しかし皆さんは「なぜテストを作成するのか」そして「状況に応じてどのように作成すべきか」を理解できるようになります。

このレッスンでは、テスト主導開発（TDD）を使用してNode.jsアプリケーションを作成します。

Spring にテストを追加する方法を説明します。さらに、より自然なテストを行うために Spring の設計を変更する方法も学びます。