【お勉強メモ】JavaScript 4日目
前回に引き続き、ウェブプログラミングプライマーのお勉強メモを書いていくよー。
今回は変数、超重要項目らしい。
変な数じゃないよ。どっちかというと、変わる数みたいな感じ。
変数を使ってみよう(1)
大学時代にJavaを講義で学んだ程度で、なんとなく概念はつかめるものの、
実践的に使うまでは慣れが必要なんだろうな。あと、どの変数にどの数値を入れたか忘れないためにも、変数名のつけ方も考えないとなー。
- 識別子とも呼ばれる
- 変数=加工や複製が可能で固有の名前を持つ一時的にデータが記録された領域
…って言われてもわからないので、「名前を保管しておく箱みたいなやつ」でいいと思う。- 任意の名前で変数宣言をすることで、変数を使用できる。
変数を宣言するには、varと記載し、半角スペースを入れて変数名を書く。- 変数は複数の名前も指定することができる。
たとえば、xという変数を定義する場合は、
var x;とする。複数指定する場合は
var x, y, z;といった具合に,で区切る
そして、JavaScriptでは変数に直接、値を代入することができる。
これは便利。でも非推奨らしいから、なるべくvarで指定する方がいいみたい。
a= "test";あと、ネーミングルールってのがあるらしい。
他の言語でもあると思うけど、予約語は指定できない…とかね。
var _x;
var $;↑一見フザけた代入に見えるけど、ちゃんと認識してくれるからスゴイ。
それじゃここまで。続きは後ほど~!
【お勉強メモ】JavaScript 3日目
前回に引き続き、ウェブプログラミングプライマーのお勉強メモを書いていくよー。
今日は使用頻度最多のconsole.logの復習から。
とっても便利な開発ツールとconsole.log
利便性の高さに定評のあるconsole.log関数。
これを使うことで、デバッグを行うことができる。確認作業に必須の関数といっても過言ではない。
なぜか最初は「Hello world!」とコメントを入れることが多い
「ぬるぽ→ガッ」ぐらいの定着しすぎたお約束のため、今回もそれに従おう
<script> console.log("Hello world!"); </script>なお、開発ツールにしかメッセージが表示されないため、ブラウザで開いても確認できない
開発ツールを開くにはF12を押す
※Firefox<だと「メニュー(画面右上の「三」みたいなボタン)→開発ツール→開発ツールを表示」で開ける
↑こんな感じに表示されてればおk
おでめとうございます。Hello world!プログラムの完成です。
眠くなってきたので、少し休憩しようず
【お勉強メモ】JavaScript 2日目
前回に引き続き、ウェブプログラミングプライマーのお勉強メモを書いていくよー。
今がGW真っ只中でよかった。普通の休日だったら遊ぶことばかり考えて勉強どころじゃないしな。
1日目の記事の更新途中で寝落ちしちゃったから、やけに動作が遅いぜ。何考えてるんだ俺。
コメントアウトとアラート
- 1行でコメントを書くには"//"と書く
- 複数行の場合は
/*
コメント
*/// ( ^ω^)コメント内容ですお /* ( ^ω^)CSSと同じ記法ですお ( ^ω^)サイト制作の愚痴とかAAとか張り付けたりできるお ( ^ω^)自由帳みたいに好きに使えるお */
お次はalert関数。こいつとconsole.logはこの先笑えるくらい頻出するので要チェック。
あとコピペは非推奨で、可能な限り手打ちで入力したほうがいいみたい。
テキストエディタだとDreamWeaverみたいに要素や属性の候補が出てこないしな。
まあ、関数を頭に焼き付けるまで覚えれば盤石って事なのかもしれないけどね。
- alert()でアラート関数を記述できる
- alert関数はメッセージ表示中にスクリプトの処理を中断できる優れもの
- 今はブラウザの開発ツールを使うconsole.logが主流
- 行の最後に「;」をつけることを強く推奨。
<script> alert("( ^ω^)JavaScriptを鈍意練習中ですお"); </script>文字列を表示する場合、必ず""か''で括ること!
私も練習中によく忘れるので、改めて念押し。
"( ^ω^)JavaScriptを鈍意練習中ですお'↑こんな感じに"と'を交互に使うのはダメ。必ずどちらかに統一させること。
数字はそのまま出力できる
<script> alert(2017) </script>
計算(四則演算)するときも、そのまま記述する
<script> alert(18782+18782) </script>37564値が出力されてればおk
ちなみに数値を""や''で括ると、文字として認識するので、そのまま表示されてしまう。
<script> alert("18782"+"18782") </script>1878218782文字列同士は加算(足し算)しかできない。それ以外(減算とか)はエラーになる。
以上、次はconsole.logの復讐じゃー
【お勉強メモ】JavaScript 1日目
ここ最近、アキバクリエイション氏のまとめサイトでJavaScriptの勉強をしているのだが、日数が経つと忘却度曲線的な情けない理由で忘れてしまうので、勉強した内容や思いついたことをここにメモっておこうと思う。
いわゆる備忘録。
とにかく、解説が分かりやすいことに尽きる。
まだ入門編までしか勉強していないのだが、時間をタップリ割いてゆっくりと中級編に臨もうと思っている。
プログラミング関連の学習には最低でも1年以上時間を割かないとダメらしいけど、まあ細かいことは考えずボチボチやりましょう(適当
JavaScriptとは
- C言語系を体系的に習得するには不可欠の言語
- 任意のページに動的アクションを付加することができる。
- JavaScriptとJavaは別物。AV(アニマルビデオ)とAV(アダルトビデオ)とAV(オーディオビジュアル)くらい違うので、Javaと略すのは避ける。
- 正式な略称は
女子小学生と同じJS
続いて記述場所。
JavaScriptの記述場所
- C言語にはコンバイラ(compile=原義は"情報を集める"→機械語に変換する)が必要
- JavaScriptはインタプリタ型(interpret=原義は="通訳する"→文字を機械語に自動で翻訳する)なので、記述はテキストエディタとブラウザがあればOK
- Script要素の中に記述する
<script type="text/javascript"> // ( ^ω^)JavaScriptで実行する処理内容を書くお </script>
- HTML5からは省略が可能
<script> // ( ^ω^)今はこっちが主流お // ( ^ω^)type属性で指定する必要がないから記述ラクお </script>
- 記述場所はbody要素を閉じる手前がオススメ
<body> ~中略~ <script> // ( ^ω^)ここに書けば処理を若干高速化できるお // ( ^ω^)スマホでの高速化はfastclickを使うといいお </script> </body>
- 外部ファイルから読み込ませる場合、src属性にファイルの場所を指定する (閉じタグを忘れないように注意)
<script src="./settings.js"></script>
- HTML5では文字のエンコードは"utf-8"が推奨のため、JavaScriptでもこれに従う。
- 別のエンコードを指定する場合はcharset属性で指定する(あまり使わない)
<script src="./settings.js" charset="Shift_JIS"></script>
次からは本格的にコーディングしていくらしいよー。
墓参り
父の墓参りのため、鳥取に行ってきました。
JR線で一宮から移動
米原で乗り換え(7時44分)
彦根(7時52分)
南草津(8時25分)
もうすぐ京都。
京都到着(8時45分)
大阪あたり。
北区の梅田ってところらしい。
姫路。えきそばが美味しそう。
機会があれば食べてみたい。
郡家到着。(11時49分)
駅は2階に展望スペースがあって、ホームを一望できるつくり。
休憩スペースでは学生さんがくつろいでた。
部活かな?
さて、無事到着したはいいが、墓までの場所がわからない。
バス停はあるけど、運行が1時間に一本だから歩いた方が早い気がする。地方なだけあって、自動車での移動が主流みたいだから、公共交通機関の利用はまちまちなのかもしれない。
観光案内所の人に事情を話しても、この辺に墓地は多いから具体的な場所までは分からないとのこと。
勘を頼りに歩いてみる。
車の通りは少ないから歩きやすいけど、この日は気温が高く、最高30℃を超えてたみたいで、とにかく暑い。
山陰は天気が変わりやすくて、明日は雨らしいから、晴天に恵まれただけでも幸いなのかもしれない。
そして、なんとか目的の墓地に着けた。
この辺は坂道が多いから、実は帰りの方が辛かったりする。
親戚の家、相変わらずの外装で自分だけが年をとったような気になる。せつない。
昔は稲刈りとか手伝ったんだけど、今もやってるのかな?
帰る途中で、昔お世話になったドレミベーカリーってパン屋さんを見つけて感慨に浸る。
あれから10年以上経つのに、まだ営業してるんだな〜。
駅近くのスーパーは店を閉じちゃったみたいで、廃墟と化していた。
昔は、ここでオードブル料理とか買ったんだっけか。
土産屋さん。
地元で採れた野菜が多い。
高校が近くにあるみたいで、天井からメッセージが掲げてある。
ローカル線風の電車で鳥取へ。
鳥取駅。
そこまで人が混んでおらず、座席にも余裕を持って座れた。
駅構内の店で昼食。
ランチセットはパスタにパン、サラダ、スープ(ミネストローネ)、ドリンクバー付きで880円。
お得すぎる。名古屋だったら1300円くらいは取られてる…。
ホテル到着後、特にすることがないので近所のすなばコーヒーを見たり、商店街をブラブラ散策して過ごす。人が少なくて良い感じ。
若者が少ないからか、居酒屋ばかりでバルの店とかアパレルとかオシャレな店は少ない印象。
物産展は割と充実してて、20世紀梨のゼリーとかアゴ(トビウオ)で出汁を取った味噌汁が美味しそうだった。
夕暮れ鳥に染まる取駅を眺めながら、ホテルに戻る。
久々に良い運動になった。