JavaScriptのvarはなぜ使わないほうが良いのか？―初心者エンジニアのためのやさしい理由解説新着!!
こんにちは。ゆうせいです。 JavaScriptの変数宣言には、次の3つのキーワードがありますよね。 でも最近のコードや教材を見ると、var はほとんど見かけなくなってきました。 「varって悪いの？」「letやcons […]
なぜconsole.log()すら「副作用（Side Effect）」とされるのか？―関数型プログラミングの視点から解説新着!!
こんにちは。ゆうせいです。 JavaScriptの学習中、関数型プログラミングに出会うと「副作用（Side Effect）を避けましょう」とよく言われます。 そしてこんな一文に出会うことがあります。 「console.l […]
関数型プログラミング（Functional Programming）入門 ― JavaScript初心者のためのやさしい導き新着!!
こんにちは。ゆうせいです。 JavaScriptの学習を進めていると、ある日耳にするキーワードがあります。 「関数型プログラミング（Functional Programming）」 「オブジェクト指向とは違うの？」「難し […]
カリー化（Currying）の考え方とは？―JavaScript初心者のためのやさしい入門講座新着!!
こんにちは。ゆうせいです。 関数型プログラミングを学んでいると、ある日こんな言葉に出会います。 「カリー化（Currying）」 「えっ、カレー？？」「難しそうな数式の話？」と戸惑う方も多いのではないでしょうか。 でも安 […]
クロージャ（Closure）のしくみとは？―JavaScript初心者のためのやさしい解説新着!!
こんにちは。ゆうせいです。 JavaScriptを学んでいると、こんなコードに出会うことがあります。 「えっ？outer()の中でしか宣言されてないmessageが、外に出た関数から使えてるの！？」「これってどういうこと […]
高階関数（Higher-Order Function）とは何か？―JavaScript初心者のための完全ガイド新着!!
こんにちは。ゆうせいです。 JavaScriptの学習を進めていると、ある日こんな言葉に出会います。 「高階関数（Higher-Order Function）」 「名前が難しそう…」「なんか上級者っぽい」「覚える必要ある […]
アロー関数（=>）の書き方と関数式との違いを徹底解説！―JavaScript初心者エンジニア向け新着!!
こんにちは。ゆうせいです。 JavaScriptのコードを読んでいると、こんな書き方に出会いませんか？ 「あれ？ function って書いてないのに関数？」「この矢印（=>）って何？」と思ったあなたへ。 それは […]
なぜJavaScriptでは関数を変数に入れるのか？―新人エンジニアのためのやさしい仕組み解説新着!!
こんにちは。ゆうせいです。 JavaScriptを勉強していると、こんな書き方を目にすることがありますよね。 「えっ？関数って普通 function greet() { ... } みたいに書くんじゃないの？」 「なんで […]
なぜJavaScriptには「hoisting（巻き上げ）」という仕組みがあるのか？初心者エンジニアのための徹底解説新着!!
こんにちは。ゆうせいです。 JavaScriptを学んでいると、こんなふしぎな現象に出会ったことはありませんか？ 「えっ、宣言より前に使えてるの！？なんでエラーじゃないの？」 そう思ったあなた、素晴らしい観察力です。この […]
なぜ「コールバック関数」と呼ばれるのか？―JavaScriptの基礎からしっかり解説新着!!
こんにちは。ゆうせいです。 JavaScriptを学び始めて、きっとこんなコードに出会ったことがあるのではないでしょうか？ ここで使われている function () { ... } が「コールバック関数」です。 でも、 […]
textContent、innerText、innerHTMLの違いを完全比較！―初心者エンジニアのためのやさしい解説 コピー新着!!
こんにちは。ゆうせいです。 JavaScriptでHTML要素の「中身」を操作しようとすると、こんな3つのプロパティに出会いますよね。 どれも「中身を取得・変更する」ためのプロパティですが、実はそれぞれ挙動が全然違います […]
イベントリスナーとイベントハンドラ、どちらを使うべき？―新人エンジニアのための使い分けガイド コピー新着!!
こんにちは。ゆうせいです。 Web制作やJavaScriptの学習を進めていると、「イベントリスナー」と「イベントハンドラ」という言葉に出会いますよね。 たとえば、ボタンをクリックしたときの処理をどう書くか、という話。 […]
textContent、innerText、innerHTMLの違いを完全比較！―初心者エンジニアのためのやさしい解説新着!!
こんにちは。ゆうせいです。 JavaScriptでHTML要素の「中身」を操作しようとすると、こんな3つのプロパティに出会いますよね。 どれも「中身を取得・変更する」ためのプロパティですが、実はそれぞれ挙動が全然違います […]
【初心者必見】innerHTMLとinnerTextの違いとは？―JavaScriptでよく使うけれど混乱しやすい2つをやさしく解説！新着!!
こんにちは。ゆうせいです。 JavaScriptでHTML要素の中身を取得・書き換えようとするとき、あなたはどちらを使っていますか？ 「なんとなく innerHTML の方がよく見る気がする…」「innerText って […]
JavaScriptのclassListとは何か？―初心者エンジニアのための徹底解説新着!!
こんにちは。ゆうせいです。 HTML要素に対して「クラス（class）」を付けたり外したりしたいとき、どんなコードを書いていますか？ こんな風に文字列を操作していませんか？ でも、もっと便利で安全にクラスを操作できる方法 […]
JavaScriptの「this」はJavaと何が違うのか？―新人エンジニアのためのやさしい比較解説新着!!
こんにちは。ゆうせいです。 JavaScriptの勉強をしていると、こんな場面でつまずきませんか？ 「え、this って自分自身のことじゃないの？」「クラスの中じゃないのに使えるの？」「Javaと動きが違いすぎて混乱する […]
なぜJavaScriptには「hoisting（巻き上げ）」という仕組みがあるのか？初心者エンジニアのための徹底解説新着!!
こんにちは。ゆうせいです。 JavaScriptを学んでいると、こんなふしぎな現象に出会ったことはありませんか？ 「えっ、宣言より前に使えてるの！？なんでエラーじゃないの？」 そう思ったあなた、素晴らしい観察力です。この […]
なぜ「コールバック関数」と呼ばれるのか？―JavaScriptの基礎からしっかり解説新着!!
こんにちは。ゆうせいです。 JavaScriptを学び始めて、きっとこんなコードに出会ったことがあるのではないでしょうか？ ここで使われている function () { ... } が「コールバック関数」です。 でも、 […]
イベントリスナーとイベントハンドラ、どちらを使うべき？―新人エンジニアのための使い分けガイド新着!!
こんにちは。ゆうせいです。 Web制作やJavaScriptの学習を進めていると、「イベントリスナー」と「イベントハンドラ」という言葉に出会いますよね。 たとえば、ボタンをクリックしたときの処理をどう書くか、という話。 […]
JavaScriptの「===」はなぜ存在する？―型と値の厳密な比較の意味新着!!
こんにちは。ゆうせいです。 今回は、JavaScriptを学んでいる人がよくつまずく「===」というちょっと変わった演算子について解説していきます。 「なんで == があるのに、わざわざ === なんてものがあるの？」と […]
イベントバブリングとキャプチャリングの違いを体験しよう！新着!!
こんにちは。ゆうせいです。 今回は、JavaScriptの「イベントバブリング」と「イベントキャプチャリング」について、新人エンジニアの方でも理解しやすいように、図解付きのデモとともに解説します。 そもそも「イベント」と […]
12コア24スレッドのCPUをWindowsやGoogle Chromeは有効活用できるのか？新着!!
こんにちは。ゆうせいです。 パソコンを選ぶとき、「このCPUは12コア24スレッド！」なんていう宣伝文句をよく見かけますよね。でも、実際にその性能をWindows や Google Chrome は使いこなしてくれるのか […]
Javaにおける「状態を持たない」は「フィールドを持たない」と同じ意味？新着!!
こんにちは。ゆうせいです。 プログラミングを学んでいると、「状態を持たないオブジェクト」とか「ステートレスなクラス」という言葉を耳にすることがありますよね。この「状態を持たない」という表現、Javaでは「フィールドを持た […]
Spring BootでDTOを導入すべきデータ数の目安とは？新着!!
こんにちは。ゆうせいです。 Spring Bootでアプリケーションを開発していると、「このデータ、DTOを作った方がいいのかな？」と悩む瞬間、ありますよね。DTO（Data Transfer Object）は便利な仕組 […]
【初心者向け】MySQL Workbenchでオートコミット（Auto Commit）を有効にする方法新着!!
こんにちは。ゆうせいです MySQL Workbenchを使っているとき、「あれ、データをINSERTしたのに反映されてない？」ということ、ありませんか？それ、オートコミットがオフになっているのが原因かもしれません。 今 […]
【保存版】Reactの環境構築からサンプルコードまでを1ファイルにまとめてみた！新着!!
こんにちは。ゆうせいです。 今回は、「Reactを触ってみたいけど、環境構築って難しそう…」という方のために、Reactの開発環境構築とサンプルコードを1つのファイルで完結できる方法を紹介します。 しかも、VSCodeで […]
初心者でもわかるReact入門ガイド：Reactとは何か？なぜ使うのか？新着!!
こんにちは。ゆうせいです。 今日は、Webフロントエンド開発の現場でよく耳にする「React（リアクト）」について、エンジニアとしてキャリアを始めたばかりのあなたにもわかるように、優しく丁寧に解説します。 「Reactっ […]
Spring Bootのstaticとtemplatesフォルダの違いをわかりやすく解説！新着!!
こんにちは。ゆうせいです。 今日は、Spring Bootを初めて触る新人エンジニアの方に向けて、プロジェクト内でよく見かける「staticフォルダ」と「templatesフォルダ」の違いについて解説していきます。 「な […]
常識を疑うという冒険新着!!
「研修は座って聞くだけ」…本当にそれでいいの？ たとえば、ある企業では新人研修の一環として、参加者が「質問だけで議論を進める」というワークショップを行っていました。知識を伝えるのではなく、考える力や自ら学びを深める「対話 […]
HTML初心者でもわかる！画像リンクの作り方をゼロから解説新着!!
こんにちは。ゆうせいです。 今回は、新人エンジニアさん向けに「画像リンクの作り方」についてやさしく、ていねいに解説していきます。 「画像リンクって、どうやって作るの？」「imgタグとaタグって何が違うの？」 そんな疑問を […]