Index
HOME > プログラムTOP > JavaScript
JavaScript
・・・ JavaScript のプログラミングTIPS とサンプルコード ・・・
JavaScriptは、オブジェクト指向のスクリプト言語です。スクリプト言語には他にも、Perl, PHP, Awk などがありますが、JavaScriptの最大の特徴は、主にWebブラウザ上で動作する点にあります。しかも、テキストエディタさえあればプログラミングが可能で、最も手軽なプログラミング手段の一つでもあります。
本コンテンツでは、主に初級者向きに、JavaScriptの基本的な知識・使用法、簡単なプログラミング・サンプルを取り扱っていきます。
本コンテンツでは、主に初級者向きに、JavaScriptの基本的な知識・使用法、簡単なプログラミング・サンプルを取り扱っていきます。
■JavaScriptの基礎知識 ： JavaScriptの基本的な言語仕様
| ・JavaScriptの基礎知識（1） | [記述篇] 記述上の注意、HTML、外部ファイル、Noscript、制御文字 |
|---|---|
| ・JavaScriptの基礎知識（2） | [変数篇] 変数の宣言、データ型、配列、命名と予約語 |
| ・JavaScriptの基礎知識（3） | [演算子編] 算術、増減、代入、関係、連結、論理、条件、優先順位 |
| ・JavaScriptの基礎知識（4） | [関数編] 関数の作成、引数、戻り値、有効範囲 |
| ・JavaScriptの基礎知識（5） | [構文編] if...else文, switch...case文, for文, while文, with文 |
| ・JavaScriptの基礎知識（6） | [オブジェクト編] 組込みオブジェクト、フォーム階層、イベント、クラス |
| ・JavaScriptの基礎知識（7） | [DOM編] DOMの階層構造、オブジェクトの取得、オブジェクトの作成と破棄 |
| ・JavaScriptのオブジェクト(1) | Global / anchor, Aray. Date, document, event |
| ・JavaScriptのオブジェクト(2) | elements（button, checkbox, hidden, radio,などフォームの要素） |
| ・JavaScriptのオブジェクト(3) | form, frame, Function, History, Image, link, location, Math, mimeType |
| ・JavaScriptのオブジェクト(4) | navigator, Number, Plugin, RegExp, screen, String, window |
■JavaScript Tips ： JavaScriptの基本TIPS集
| ・配列の知識と技術(1) | 配列の作成 / 要素の追加と削除 / 連結と抽出 / 並べ替え |
|---|---|
| ・配列の知識と技術(2) | 二次元配列 / 連想配列 / クイックソート |
| ・ブラウザの識別 | navigator / OSの識別 / ブラウザの識別 / バージョンチェック |
| ・文字列処理の基本(1) | 文字列の長さ / 連結と分割 / 検索と置換 |
| ・文字列処理の基本(2) | 文字列の抽出 / 文字の変換 / 文字の編集 |
| ・流れる文字列 | ステータスバーに / タイトルバーに / テキストボックスに / ページ上に |
| ・変化する文字 | 拡大と縮小 / フェードインとフェードアウト / 点滅 |
| ・ダイアログボックスを開く | 警告ダイアログ / 確認ダイアログ / 入力ダイアログ |
| ・新しいウィンドウ | ファイルのロード / ウィンドウを閉じる / ソースの記述 / オプション設定 |
| ・ウィンドウ状態の調整 | ウィンドウサイズの取得・設定 / ウィンドウの移動 / ウィンドウのスクロール |
| ・ページの移動 | 履歴を使って移動 / 指定した場所へ移動 / フレーム上での移動 |
| ・イベントハンドラ | ページイベント / マウス・キーイベント / 選択・変更イベント / 命令イベント |
| ・ボタン・オブジェクト | Button / Reset / Submit / Checkbox / Radio / Select(Option) |
| ・テキスト・オブジェクト | Text / Textarea / Password / File |
| ・イメージ・オブジェクト | イメージ・オブジェクト / イメージの切り替え(1)〜(3) |
| ・イメージとイベント | ロールオーバー(1)〜(3) / クリッカブル・マップ |
| ・メニュー三態(1) | ドロップダウンメニュー（select要素を使った選択メニュー） |
| ・メニュー三態(2) | ツリービューメニュー（アイコンを使った折り畳み式のメニュー） |
| ・メニュー三態(3) | ナビゲーションメニュー（縦または横に並列するメニューバー） |
| ・パスワード制限 | ダイアログ認証 / フォーム認証 / パスワードの保護 |
| ・日時を表示する | 日時の取得・設定 / 書式指定 / デジタル時計 / 最終更新日 |
| ・数字の確認と変換 | 数字の確認 / 最大値と最小値 / 文字列との変換 / カンマを入れる |
| ・数値処理いろいろ | 小数と絶対値 / 乱数 / 三角関数・円周率 / その他の数学的処理 |
| ・クッキーの読み書き | Cookieの読み込み / Cookieの書き出し / Cookieの削除 |
| ・文字列のチェック | 正規表現(RegExp) / 文字列の確認 / 検索・置換 |
| ・メール・フォーム | メールの送信 / 項目を自動で追加 / 送信内容のチェック |
| ・簡易データベース | データファイル / データの表示 / 並べ替え / データ検索 |
■JavaScript Sample ： JavaScriptのプログラムのサンプル
|
・飛び回る球体 | 球体がウィンドウ上を縦横無尽に飛び回るサンプル。 |
|---|---|
|
・雪を降らせる | 雪や花びらなど、上から下へ画像を降らせるサンプル。 |
|
・ＪＳおみくじ | オブジェクト指向学習用の初心者向けおみくじ。 |
| ・単月カレンダー | カレンダー入門篇：カレンダーの基礎知識と当月表示のカレンダー |
| ・単月カレンダー（休日付） | カレンダー初級篇：日祭日を区別表示する当月表示のカレンダー |
| ・万年カレンダー | カレンダー中級篇：万年表示可能なカレンダー(DOM) |
| ・万年カレンダー（休日付） | カレンダー上級篇：日祭日を区別表示する万年カレンダー(DOM) |
| ・シンプル電卓 | 整数の四則演算を行うシンプルな電卓。 |
| ・スライドショー | 手動/自動に対応したスライドショーのサンプル。 |
| ・ＪＳブラックジャック | コンピュータと対戦するブラックジャックゲーム。 |
| ・ゲーム BingoPlus(1) | コンピュータ相手の対戦型のビンゴゲーム。前編。 |
| ・ゲーム BingoPlus(2) | コンピュータ相手の対戦型のビンゴゲーム。後編。 |
www.sasaraan.net
sasaraan prpgramming