techblog– archive –
-
JavaScript
配列の基本:複数のデータをまとめて扱う方法
配列(Array)の定義とプログラミングにおける役割 Web開発やアプリケーション開発において、データは単独で存在することは稀です。「ユーザーリスト」「商品一覧」「ToDoタスク」「1週間の天気予報」など、関連する複数のデータはセットで扱われることが... -
JavaScript
addEventListenerを使ったクリックイベントの実装
イベント駆動型プログラミングとJavaScriptの役割 Webサイトを閲覧する際、私たちは無意識のうちに多くの「操作」を行っています。ボタンをクリックしたり、フォームに文字を入力したり、画面をスクロールしたりする動作です。現代のWeb開発において、Java... -
Excel
イベント処理の導入:ユーザーの操作に反応する仕組み
イベント駆動型プログラミング(Event-Driven Programming)の概念と本質 ユーザーとの対話を実現する仕組み Webサイトやアプリケーションにおいて、プログラムはただ上から下へと一直線に実行されて終わるわけではありません。現実のアプリケーションは、... -
JavaScript
HTML属性の操作:クラス、ID、汎用属性の管理
DOM(Document Object Model)の構造と属性操作の本質 Webページが動的に変化する仕組み 私たちが普段Webブラウザで閲覧しているページは、サーバーから送られてきたHTMLファイルそのものではありません。ブラウザはHTMLというテキストデータを受け取ると... -
JavaScript
HTML要素の内容を操作する:テキストとHTMLの変更
Webページの動的更新:なぜ要素の書き換えが必要なのか 静的なWebページから動的なWebアプリケーションへ Webの歴史の初期において、Webページは単なる「静的な文書」でした。サーバーから送られてきたHTMLが表示され、内容を更新するにはページ全体を再読... -
JavaScript
要素の内容を操作する:テキストとHTMLの変更
Webページの動的更新:なぜ要素の書き換えが必要なのか 静的なWebページから動的なWebアプリケーションへ Web開発において、JavaScriptが果たす最も重要な役割の一つは、Webページを「静的な文書」から「動的なアプリケーション」へと進化させることです。... -
JavaScript
HTML要素の取得(セレクター編):querySelectorの活用
DOMの基本構造と要素取得の重要性 ブラウザがWebページを表示する仕組みWeb開発でJavaScriptを使って画面を操作するには、まずブラウザがどうやってWebページを表示しているかを理解する必要があります。ソースによれば、WebブラウザはWebサーバーからHTML... -
Excel
HTML要素の取得(ID編):特定の要素を特定する
DOM操作の目標とWebページの動的な変化 Webページが表示される仕組みとDOMの役割私たちがブラウザで見ているWebページは、Webサーバーから送られてきたHTML文書が元になっています。ただしブラウザは、HTMLを「ただの文字」として表示しているわけではあり... -
JavaScript
Document Object Model (DOM) とは何か?Webページの操作基盤
DOMの定義とその本質:HTML文書とプログラムの架け橋 DOMの基本概念Web開発でいうDocument Object Model(DOM)とは、HTMLやXML文書をプログラムから操作できるようにするための「仕組み」やAPI(Application Programming Interface)のことです。私たちが... -
Excel
関数への引数と戻り値:データの受け渡しと結果の返却
複数の引数を扱う関数 複数の引数を定義する意義と基本メカニズムプログラミングにおける関数とは、特定のタスクを実行するための再利用可能なコードブロックです。ソースによれば、関数はfunctionキーワードを使って宣言し、引数(ひきすう)を受け取るこ...