読者です 読者をやめる 読者になる 読者になる

WEBサイト制作の勉強|フェリカテクニカルアカデミー

WEBサイト制作の勉強の為の解説ブログ。東京池袋のフェリカテクニカルアカデミーでは求職者支援訓練の一環として、WEBサイト制作を学ぶことができます。

JavaScriptの基本的なメソッドの使い方を覚える

JavaScript

JavaScriptの必要性

現在のWeb制作においてJavaScriptは、HTML・CSSと密接に関わっていて、プログラマーはもちろん、デザイナー志望の人も覚えておくべきプログラム言語です。
今までプログラムに接してこなかった人にとっては敷居が高く感じますが、まずは基礎的な部分をしっかりと身につけてから、少しづつ複雑なプログラムを制作していきましょう。

オブジェクト指向

JavaScriptオブジェクト指向の流れを汲む言語です。
本格的なオブジェクト指向言語ではなく、基本的な概念のみを取り入れて、扱いやすくした「簡易的なオブジェクト指向言語」と言われています。

専門用語とオブジェクト指向の考え方を知る

- 材料は「オブジェクト」
- 行う作業は「メソッド
- 保管用具は「変数」
- 火加減などは「パラメータ」
- 味付けは「プロパティ」
料理(卵焼きを作る)なら

1、「たまご」オブジェクトの「割る」メソッドと「混ぜる」メソッドを実行する
2、「甘さ」プロパティを加算する
3、「焼く」メソッドに、時間パラメーターと火力パラメーターを付加して実行する
4、醤油オブジェクトで「塩辛さ」パラメーターや「色」パラメーターを変える



基本的なメソッドの使い方を覚える

window.document(ブラウザーに文字を表示させる)

JavaScriptで文字列を表示するには、「window.document.write( )」を使います。
表示したい文字列をシングルコートではさみます。「window.」は省略できます。

 window.document.write( 'Hellow World!!' );
window.alert(警告ダイアログに表示させる)
 window.alert( 'Hellow World!!' );
window.confirm(確認ボックスを表示する)
 window.confirm( '保存しますか?' );
window.prompt(ユーザーに文字を入力してもらう)

ユーザーに文字や数字を入力してもらい、それを「戻り値」として受け取ることが出来ます。

 window.prompt( '金額を入力して下さい' );


以上のメソッドを使って、色々と作ってみましょう


http://yachin29.com/blog/01-04/

http://yachin29.com/blog/01-04/index2

http://yachin29.com/11-3/index3