JavaScriptJavaScriptのきほん「ブラウザで時計を表示しよう（2）」
前回ご紹介した、『ブラウザで「アナログ時計・デジタル時計・カレンダー」を表示するHTML＋Javascript』プログラムコードを改良してみよう。以下にそのプログラムコードを以下に示す。✅ 1. index.html（HTMLファイル）<!...
JavaScript
JavaScript
JavaScriptJavaScriptのきほん「ブラウザで時計を表示しよう（1）」
今回は、ブラウザで「アナログ時計・デジタル時計・カレンダー」を表示するHTML＋Javascriptをご紹介しよう。各構成は以下の通りとなる。🏗️ HTML構造<div class="clock" id="analog-clock"> <...
JavaScriptJavaScriptのきほん「テンプレートリテラル」
今回は、先回ご紹介した「カレンダーを表示する関数」のうち、以下のコードを詳しくみていくことにしよう。const todayString = `${today.getFullYear()}-${String(today.getMonth() ...
JavaScriptJavaScriptのきほん「ブラウザでカレンダーを表示しよう（３）」
今回は、「ブラウザにカレンダーを表示しよう（１）」でご紹介しているJavaScriptファイルのうち、「カレンダーを表示する関数」を詳しくみていくことにしよう。このコードは、カレンダーをHTML形式で表示する関数である。// カレンダーを表...
JavaScriptJavaScriptのきほん「ブラウザでカレンダーを表示しよう（２）」
前回では、JavaScriptを使って3か月分のカレンダーをブラウザで表示する方法をご紹介した。今回は、前回のJavaScriptのコードのうち、「カレンダーを生成する関数」を詳しくみていくことにしよう。以下のコードは、指定された年と月から...
JavaScriptJavaScriptのきほん「ブラウザでカレンダーを表示しよう（１）」
JavaScriptを使ってブラウザに「3か月分のカレンダー」を表示してみよう。ちょっと日にちを確認するのにとっても便利である。JavaScriptコードをブラウザで表示するために、HTMLファイルとJavaScriptファイルを作成して、...
JavaScriptJavaScriptのきほん「イベントリスナー」
JavaScript（JS）は、軽量でインタープリター型のプログラミング言語で、主にWebページをインタラクティブにするために使用される。イベントリスナーは、特定のイベントが発生したときに実行される関数を指定するための仕組みである。Web開...
JavaScriptJavaScriptのきほん「DOM要素の操作」
JavaScript（JS）は、軽量でインタープリター型のプログラミング言語で、主にWebページをインタラクティブにするために使用される。JavaScriptからHTMLへの入出力は、DOM（Document Object Model）とい...
JavaScript「React.js 超入門」
Webサイトの開発は、「HTMLとJavaScriptを使えば、少しの時間をかければ誰でも作れる」と考えがちである。確かにテキストや画像を並べるだけのWebサイトならその通りだろう。ただし、現在の高度なWebサイトの画面はそのような単純なも...
JavaScriptJavaScriptのきほん（3）ダイアログボックスを表示する
JavaScriptを使うためには、Webページが必要である。WebページにはHTMLもCSSも書かなくてはならない。さらには画像のデータが必要な場合もある。そこで、JavaScriptに関係あること以外は毎回書かなくて済むように、あらかじ...