HTML&CSS :nth-child練習ページ・jQueryセレクタ練習ページ作成しました。
:nth-child練習ページとjQueryセレクタ練習ページを作成しました。
:nth-child練習ページの使い方
:nth-child練習ページ
Lesson1
li要素を10個用意しています。
各li要素はflex...
JavaScript
HTML&CSS 
JavaScript 日付と時間〜PHPとJavaScriptの記述方法
JavaScriptとPHPを使っていると日時表示の方法がごっちゃになってしまいます。
それでまとめました。
PHPでの日付と時間の表示
PHPで日付や時間を取り扱うにはdate()かstrftime()を使用します。
date(書...
JavaScript 正規表現の基礎
正規表現とは
正規表現(regular expression)とは文字パターンを表現する方法です。
つまり、文章の中のある文字列を検索したいときなど役に立ちます。
今回はJavaScript（jQuery）で正規表現を活用する説明...
JavaScript JavaScriptでDOMを操作する
DOMとは
そもそもDOMはドキュメントをオブジェクトとして扱い、ドキュメントツリーを作成するものです。
DOMを操作する上で覚えておきたい用語は次のものです。
Node（ノード）：要素や属性、テキストなどの総称
Ele...
JavaScript JavaScriptの表示についてまとめ
JavaScriptを勉強するときのモヤモヤ
一般的にJavaScriptはブラウザで簡単に表示して使用できるイベントドリブンな言語だと説明されます。
確かにコンパイルの必要もないし、初心者に優しい言語にまちがいないようです。
さ...
JavaScript DOMを使ってノードを取得する〜DOMの活用（2）
相対的な位置関係でノードを取得
あるノードを起点に、ツリーをたどることで目的のノードを取得することができます。
その方法としては、DOMのNodeインターフェイスに定義されてる プロパティを活用します。
Node インタフェイスとは、...
JavaScript DOMを使ってノードを取得する〜DOMの活用（1）
DOMを利用してドキュメントを操作してみましょう。
DOMを活用してドキュメントを操作するには大きく分けて２つの方法があります。
ダイレクトアクセス ID値やクラス属性、タグ名で直接要素を指定する方法
ノードウォーキング ...
JavaScript 選択ボックスの作成 JavaScriptを使用して作成
選択ボックス
複数の年齢などを表示するoption要素をループ文を使用して作成する方法です。
while文
10代から80代まで10歳ずつ表示する例
for文
1際から50歳まで1歳ずつ表示する例
JavaScript JavaScriptの高度なイベント処理 イベント伝播
DOMレベル２のイベント処理
DOM0レベルのイベントモデルでは、イベントが発生した要素に対してイベントハンドラで命令が実行されますが、そしてそれ以上には何もありません。
DOMレベル２のイベントではこれと少し違ってきます。
イベント...
JavaScript JavaScriptのイベント処理 イベントハンドラ
JavaScriptはイベントドリブンモデルのプログラムです。
それは、あるイベント（ページロード、マウスクリック、テキストボックスの内容が変更されたなど）に応じて実行するコードを記述することです。
DOMレベル０のイベントモデル
...