みなさまいかがお過ごしでしょうか?
最近は雨雨雨雨曇り雨、みたいな天気ですね。
洗濯物をすれば大概外れみたいな天気ですね、どんより...
はやく洗濯物が乾く季節になってほしいですねえ
そんなこんなでプログラミング言語特集です。
前回のお話の中で出てきたんですけど、「Javascript」が人気なんですよね。
(当方比較)
そんなこんなで人気プログラミング言語のお時間です。
今回は人気一位の「JavaScript」を触っていこうと思います。
そもそもJavascriptでは何が出来るのか
まず、Javascriptでは動きのあるwebページが作れるといわれています。
HTMLやCSSと組み合わせて使われるのですが、基本的に今あげたものは静的なものです。
(作ればわかりやすいんですけど、就活のHPで出てくるのは大概
Javascriptaが動いていると思ってもらったらいいんではないでしょうか?)
Javascriptはどこに書けばいいのか
基本プログラミング言語はどこに書くか決まっています。
Javascriptの場合は基本的にHTML、CSSに対して働きかけるので、それらを書いてあるページに
書いてもいいです。
これは初めて知ったのですが、JSファイルの中に書き込み、HTML内で
そのファイルを読み込むことでも可能だそうです。
※JSファイルとは?
ファイルには種類があります。
簡単に言ってしまうと文書ファイルはワードで開けませんよね。
そんな風に、アプリ(?)に対して適したファイルは基本決まっています。
ここで重要なのが「このファイルはこういうファイルですよー」という事を一目見たときに
分かるようにしておくことです。
この「印」という物がファイル名の最後についている「.ico」とか「.zip」とか「.docx」とか
その辺の奴です。
ここで初めの話に戻るんですけど、「JSファイル」にしたいと思ったら
「.js」とファイル名を指定してあげるとそのコードはちゃんとjsファイルとみなされます。
(実際にやる中で見ていきましょうか)
もう一種類がコンソールコードから書き込む方法です。
何故かクロームからできなかったので、Safariから開く方法で紹介します。
Safariの右上には三点のちょぼがありますよね。
そのちょぼクリックしてもらったら、その中にその他のツールっていうタグがあると思います。
そこにある「開発者ツール」が求めているものです。
開発者ツールを開けば以下のような画像になるかと思います。
この画面の下の方になんか > こういう記号があると思うんですけど
この右側にプログラムを書いていけばいいです。
どの方法がいいかはわかりません(たぶん一長一短がある)が、
長いプログラムを書く中で挙動を逐一確認したければ開発者ツールを、
ある程度すらすらかけるならまとめてJSファイルに書いてしまう
みたいに使い分けるといいんではないでしょうか?
この辺で導入はおしまいです。今度からは実際に書いていきましょう!!
わくわくですねえ
参照にしている本はこちらの本です。
こちらの本、前提がHTMLとCSSに触れたことがあることを上げられているので
その辺はまあおいおい、学習していきましょうか!
(JavascriptがそもそもHTMLとかが存在しているところに働きかける前提の言語の為...)