こんにちは（・∀・）
今日はJavaScriptの「addEventListener」の基本的な記述方法 その3です。
前回の投稿【JavaScript】addEventListenerの基本的な書き方 その2と前々回の投稿【JavaScript】addEventListenerの基本的な書き方でaddEventListenerの基本的な記述方法についてご紹介しました。
今日もその続きになります。
4月更新・前月(3月)の人気記事トップ10 - 04/08/2021
- ( １ − ) 【Mac】Macのユーザー名とアカウント名を変更する
- ( ４ ↑) 【iPhone iPad】iPhoneのツイッターアプリでユーザー名をコピーする方法
- ( ２ ↓) 【CSS】CSSだけでドロップダウンメニュー
- ( ３ ↓) 【Mac】Safariでソースコードを見る方法
- ( ７ ↑) 【Mac】MacにGoogle Driveをインストール
- ( ５ ↓) 【Mac】Finderにフォルダのフルパスを表示させる方法
- ( ６ ↓) 【jQuery】入門2. jQueryをHTMLに組み込む
- ( ８ − ) 【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。
- ( ９ − ) 【CSS】スマホ対応CSSだけでドロップダウンメニュー
- (１０ − ) 【jQuery】入門5. jQueryで日時を表示
ブログ
Webデザインラボ管理人のブログ
* Web制作やネットに関連しない内容の投稿は別ブログへ移動しました。
Camera
カメラ入門
css
GIMP
GIMP関連
Inkscape
Inkscape関連
制作ガイド
Web制作関連
html
iphone & ipad
iPhone・iPad関連
JavaScript
JavaScript初心者向け
jQuery
jQuery初心者向け
Labs
*お探し物はページ内検索 command + F or ctrl + FでGetして❗️
例：レイアウト系のサンプルを探したい場合は「レイアウト」、スクロール系のサンプルを探したい場合は「スクロール」などなど。
ローカル環境
Webデザイナー・コーダーのための簡単にできるWeb制作環境の構築
各OSごとに掲載してあります。また、それぞれバージョンがありますが制作するコンテンツのサーバー環境にあわせると開発もスムースに進みますね。特に無ければApacheなら2.4、PHPなら5.6あたりが安定して利用できそうです。
ここでの解説はWebデザイナーやコーダー向けのローカル環境構築なので、セキュリティ的な事は考慮(りょ)しておりません。
*お探し物はページ内検索 command + F or ctrl + FでGetして❗️
例：Apache系のサンプルを探したい場合は「Apache」、PHP系のサンプルを探したい場合は「PHP」などなど。
Mac
Mac関連
webツール
Web制作に役立つツール類
【JavaScript】addEventListenerの基本的な書き方 その２
こんにちは（・∀・）
今日はJavaScriptの「addEventListener」の基本的な記述方法 その２です。
【JavaScript】JavaScriptとjQueryの書き方の比較(a)
こんにちは（・∀・）
今日も前回の【JavaScript】JavaScriptとjQueryの書き方の比較(複数のclass)に続いてJavaScriptとjQueryでの書き方の違いを比較していきたいと思います。
今回はa要素です。
- タグ：a, JavaScript, jQuery
【JavaScript】JavaScriptとjQueryの書き方の比較(複数のclass)
こんにちは（・∀・）
今日も前回の【JavaScript】JavaScriptとjQueryの書き方の比較(class)に続いてJavaScriptとjQueryでの書き方の違いを比較していきたいと思います。
今回は複数のclass属性です。
- タグ：class, JavaScript, jQuery
【JavaScript】JavaScriptとjQueryの書き方の比較(class)
こんにちは（・∀・）
今日も前回の【JavaScript】JavaScriptとjQueryの書き方の比較(id)に続いてJavaScriptとjQueryでの書き方の違いを比較していきたいと思います。
今回はclass属性です。
- タグ：class, JavaScript, jQuery
【JavaScript】JavaScriptとjQueryの書き方の比較(id)
こんにちは（・∀・）
今日はNative JavaScriptとJavaScriptライブラリのjQueryで書き方の違いを比較してみたいと思います。
今回はid属性です。
- タグ：id, JavaScript, jQuery
【JavaScript】入門16. documentオブジェクト
こんにちは（・∀・）
JavaScriptのDocumentオブジェクトを一覧にしてご紹介します。
- タグ：JavaScript, オブジェクト
【JavaScript】入門15. Windowオブジェクト
こんにちは（・∀・）
JavaScriptのWindowオブジェクトを一覧にしてご紹介します。
- タグ：JavaScript, オブジェクト
【JavaScript】入門14. JavaScriptで文字や画像を表示する
こんにちは（・∀・）
今日はJavaScriptでHTMLの要素に文字や画像を表示する方法をご紹介します。
- タグ：HTML, JavaScript
【JavaScript】フォーム部品へアクセスする
こんにちは（・∀・）
今日はJavaScriptでフォームコントロールにアクセスする方法について解説します。
- タグ：form, JavaScript
【JavaScript】入門12. JavaScriptで新しいWindowを開く
こんにちは（・∀・）
以前jQuery入門でもやりました【jQuery】入門7. jQueryで新しいWindowを開くのJavaScript版です。window.open()メソッドで新しいWindowを開きます。
ポップアップウィンドウを無効にしている場合正しく動作しません。
こちらのサンプルは2010/02/07に投稿した「JavaScriptで新しいウィンドウを開く(ページ削除済み)」のサンプルを一部修正して再掲載したものとなります。
【JavaScript】入門11. JavaScriptで日時を表示
こんにちは（・∀・）
以前jQuery入門講座でもやりましたjQueryで日時を表示させる方法ですが、JavaScript入門でもやってみたいと思います。
jQuery版はこちらの【jQuery】入門5. jQueryで日時を表示をご覧ください。
- タグ：date関数, JavaScript
【JavaScript】入門10. JavaScriptをHTMLへ組み込む方法
こんにちは（・∀・）
今日はJavaScriptで書いたスクリプトをHTMLファイルに組み込む方法をご紹介します。
- タグ：HTML, JavaScript
【JavaScript】入門9. 繰り返すよwhile文
こんにちは（・∀・）
JavaScript入門です。今回は前回の繰り返し処理のfor文に続いて、同じく繰り返し処理のwhile文ついてです。while文はfor文と同じく繰り返し処理の構文ですが、for文は繰り返す処理(ループ)回数が決まっており、その回数まで繰り返し処理を行います。while文は繰り返す処理(ループ)の回数が決まっておりません。どういうことかと言うと、for文はその構文に繰り返し処理の回数が記述されますが、while文は繰り返し処理の回数の記述が構文にはありません。
while文では簡単に無限ループ処理のプログラムを作ることができてしまいます。なのでfor文のときよりも更に注意が必要です。
- タグ：JavaScript, while文
【JavaScript】入門8. 繰り返すよfor文
こんにちは（・∀・）
JavaScript入門です。今回はfor文についてです。
for文とは繰り返す処理(ループ)を行う制御構文です。条件の値が一致するまで繰り返し処理を行います。
- タグ：for文, JavaScript
【JavaScript】入門7. switch文による条件分岐
こんにちは（・∀・）
JavaScript入門です。前にやった【JavaScript】入門6. if文による条件分岐に続いて今回はswitch文による条件分岐についてです。
以前ご紹介しましたif文による条件分岐は、二つの条件を分岐処理していく方法でしたが、switch文による条件分岐は多数の条件を分岐処理していく方法になります。
- タグ：JavaScript, switch文
【JavaScript】入門6. if文による条件分岐
こんにちは（・∀・）
JavaScript入門、今回は条件分岐についてです。こちらも以前ご紹介しましたjQuery入門の【jQuery】入門10. if文による条件分岐と内容はほぼ同になります。
「もし今の時間が午前中なら「眠い」、それ以外なら「早く帰りたい」。」
- タグ：if文, JavaScript
【JavaScript】入門5. 演算子
こんにちは（・∀・）
JavaScript入門、今回は演算子についてです。
演算子とはプログラムする際に使用する演算内容を指示する記号などのことをいいます。足したり引いたり比べたりと、いろいろとあります。これも以前ご紹介しましたjQuery入門の【jQuery】入門9. 演算子と内容はほぼ同じです。
- タグ：JavaScript, 演算子
【JavaScript】入門4. 配列
こんにちは（・∀・）
JavaScript入門、今回は配列についてです。以前ご紹介しました【jQuery】入門8. 配列とほぼ同じ内容になりますので復習と思ってご覧ください。
- タグ：JavaScript, 配列
【JavaScript】入門3. 変数を宣言する
こんにちは（・∀・）
jQuery入門の【jQuery】入門6. 変数を宣言するがあるのでJavaScript入門での変数についてはそちらを参照するのでも良かったのですが、JavaScript入門でもおさらいを兼ねてやっていこうということとなりました。
- タグ：JavaScript, 変数
【JavaScript】JavaScriptでHTMLの要素を取得する方法
こんにちは（・∀・）
JavaScriptでHTMLの要素を取得して変更や参照する方法をご紹介します。
- タグ：HTML, JavaScript, 要素
jQuery入門
削除したコンテンツ
- WindowsXPにApache2.2をインストールしよう！
- WindowsXPにApache2.2のバーチャルホストを設定をしよう！
- WindowsXPにPHP5.2をインストールしよう！
- WindowsXPにActivePerlをインストールしよう！
- WindowsXPにMySQLをインストールしよう！
- WindowsXPにFileZilla(FTP)をインストールしよう！