JSについて

少しだけ説明を。
JSは基本的にユーザー環境内で動作するスクリプト言語です。
ユーザー環境内=ローカル=つまりサイトにアクセスしてきたPC内で動作を行います。
サーバ内で処理をしてという事ではないのです。
ちなみに、有名な言語の【JAVA】とは一切関係ございません。

jQueryについて

jQueryって言語なんて実は存在していないのです。
JSをもっと簡単に分かりやすく実装できるように作られた、ライブラリの事です。
非常に便利というか必須アイテムですね。

javascriptを使うには？

JSを使うには２通りの書き方が存在しています。

【htmlファイルに直接書く】
【外部JSファイルを作成してhtmlで読み込む】

基本どっちでもいいんですが、なるべく外部ファイルにまとめたい所です。
なんでかって？処理を共通化するためです。(真顔)

JSの読み込みと実行とhtml描画

JSが読み込まれている間、htmlの描画は行われていません。JSが読み込まれるのを待っている感じになります。
※これは実行タイミングとはまた別の話になります。 headにJSが書かれている場合は以下のような流れになります。

1. htmlページを表示するよ！
2. ちょっと待った、JSいるから内容確認しますわ
3. JSの内容分かったやでー。読み込みの続きするやでー

で、２番目の所で、【即時実行するのか】【他条件が整ってから実行するのか】を判断します。
他条件は、【XXXって要素が読み込まれたら】や【ページ読み込みが完了したら】等があります。

html内に直接書く方法

書く場所に特に制限はなかったりもします。
ただ、読み込みのタイミングで少し考えたほうがよい事もあります。
コンバージョンとかこの手の手法を良く使いますね。

<script type="text/javascript">
<--
// ここにjsの処理を書く
-->
</script">

外部JSを読み込む方法

ファイルは適当なディレクトリにあるとして
外部ファイルの指定は以下のように行います。

<script src="【相対パス】または【絶対パス】でJSファイル場所を指定" charset="UTF-8"></script>

charset これは読み込み先のJSが何の文字コードで書かれているかを宣言するものです。
基本htmlと合わせるべきですので、htmlがsjisの場合は、JSファイルもsjisとするべきなのです。

では早速( ﾟдﾟ)

というわけで、プログラムを始める上での最初の通過点
【こんにちわ世界】から始めていきましょう
簡単にhtmlファイル上でサクサクと下記コピペしてみましょう。
あ、前述した直接書く方法、忘れないでくださいね

alert('Hello, world!');

alert

alert ブラウザ上にコンソールを表示させるメソッドです。
カッコの中に、コンソールに表示させたいものを入力します。

カッコの中身は？

カッコの中身には【文字列】と【変数・配列・オブジェクト】が指定できます。
ちなみにカッコの中身の事を【引数】と言います。覚えておいてくださいね。

文字列の指定方法

【"】(ダブルクオート)または【'】(シングルクオート)で文字を囲ってあげます。
alert("Text") または alert('Text')
の書き方です。
好きな方使えばいいとおもいマース

デモ

そのまま書いちゃうとうっとおしいので、デモではボタンクリック時にでるようにやってます。

動きましたか？

おめでとうございます！
無事にJSの世界に入ってきました。
なお、戻れない模様

とにかく、非常に用語が多いです。
なるべく説明を入れながらやっていきます。

JSを書くときの注意点

基本的に全角は許可していません。
全角スペースもダメなのです。
データ名などについては全角文字も使えたりしますが

処理内は基本的に半角英数字です

これは非常に重要な所ですので是非覚えておいてください。

JSの処理の流れについて

基本的に上から順番に処理されていきます。
逆戻りすることはありません。

JS上というか、プログラム全体に言える連番について

JSに限った事ではないのですが、プログラムは、連番というと
0からのスタートになります
生活している分では1からスタートが常識なのですが、プログラムの世界では0からスタートするのが常識です。

【abcde】という文字列があるとします。
一般：aは1番目！ dは4番目！
PG：aは0番目！ dは3番目！

慣れるまで大変ですが、慣れてください(そうとしか言えない)