こんにちは、 太田です。前々回、前回とJavaScriptにおける継承について学習しました。今回はそれに深く関わるthisについて学んでいきます。 JavaScriptのthisはややクセのある動作をするように思えるかもしれませんが、 仕組みをしっかり把握すれば実に簡単です ...

JavaScriptを学び始めると、必ず出てくるキーワード 「this」。 非常によく使われる一方で、仕組みが分かりにくく、初心者がつまずきやすいポイントでもあります。 この記事では「thisとは何を指すのか」「なぜ使うのか」「どんな点に気を付けるべきか」を ...

thisは、プログラム内のどこでもいつでも単体で利用できる特別な存在です。 そのため、thisには通常のメソッドのような構文も無ければオプション設定などもありません。 この例ではinput要素で汎用ボタンを作成し、onclick属性にgetfunc(this.id) というJavaScriptの ...

TwitterのようなWebサービスを例に、JavaScriptがどのように画面の動きやユーザー操作を支えているのかを初心者向けに解説します。フロントエンドでの役割やブラウザ上での処理の流れを理解することで、全体像がつかみやすくなります。これからJavaScriptを学ぶ人のための基礎固めに最適な内容です。

皆さんが普段見ているWebサイトにはパソコン用の表示とスマホ用の表示がありますよね。前回のお話で、CSSはデザインの専門家という話をしました。パソコン用のデザインやスマホ用のデザインをCSSで作っています。 では、誰が「これはパソコンだ」「この ...

本動画ではJavaScript入門として、フロントエンド開発においてJavaScriptがなぜ必要なのかを初心者向けにわかりやすく解説します。HTMLやCSSだけでは実現できない動きやインタラクションの役割を理解することで、Web開発の全体像がつかめます。現役エンジニアの視点から、学習の第一歩として重要な基礎知識を整理します。