順調に2日目。今日もテックアカデミーの無料動画を見ながら実践。
「2-5 コード、改行、プリフォーマット」から「5-4 コメント」までやりました。合計1時間半〜2時間ぐらいかな。iPadかなにかで動画再生しながらパソコンでコード書けたら最高なんだけど、まぁしばらくは今のまま続けるしかない。⌘+Tabキー使いをクセづけるためと思おう。
HTMLでコードを書く際、必須であろう<!doctype html>、<html>、<head>、<meta charset="UTF-8">、<body>は何も見なくても書けるようになりました。
コピペしたり一発で呼び出せるようにした方が効率いいのは間違いないんですが、まず初めにどんなコードを書くかおぼえたかったので手打ちでチマチマやろうと。その甲斐あってか、画面に文字表示させるだけなら改行含めヒントなしでできるようになりました。嬉しい。
この「できるようになった」ってすぐ実感できるの、いいですね。恥ずかしい話、大人になってから「できた!」ってハッキリと実感できたの、初めてかもしれないです。できなかったことができるようになるの、楽しい。
・アンカータグにちょっと苦戦→リンクのテキストは<p>タグ使わなくてOK
自分が表示させたい画面を表示させるコードを書けるようにならないと意味がないので、動画に出てくるコードは最初から見ないようにしています。「こう表示させるにはどうすればいいんだろう」と考えながら試すの、結構楽しい。
動画「4-1 アンカータグ」で早速つまずきました。
左の白背景がブラウザでの表示。テックアカデミーの動画では「test」と「sub」が横に並んでいて、私が打ったコードには改行タグ<br>が入っていないのに改行されてしまっている…Why? と思ったら<p>タグがいらなかったって話でした。惜しい。
・画像と音声読み上げ、テキスト表示
<img src="ファイル名" alt="音声読み上げ" title="テキスト表示">
これは特に使いそうだなってやつを復習がてら。コード、ほぼほぼ忘れてた…
やっぱ画像が表示されると、Webページを作った感が増していい。この画像だと出てないですが、カーソル置いてるとちゃんとテキスト表示されました。見たことあるやつが出てくると「こうやって作ってるんだ〜」とわかっておもしろい。急に自分がいろんなことできる人間になった気がする。
・ショートカットを覚えた
Sublimetextのショートカットをぼちぼち覚え始めようかと。以下のページを参考にしています。
今日意識して使ったのは以下の3つ。
・行を選択:⌘+L
・行を上下移動:⌘+Shift+↑ or ↓
・単語分、左右に移動:option+← or →
単語分移動できるのが便利すぎて。今一覧見直したらコメントのショートカットキーがあった(⌘+/)。ショートカットキーがあるってことは結構使うのかな。覚えとこ。
あとはGoogleChromeで表示ページのソースを確認できる「⌘+option+U」も検索して見つけました。鬼便利…! 楽しい…!
HTML編の動画は24本中17本見終えたので、3分の2終了しました。動画に出てきたタグ全部覚えてるかっていうと覚えてないけど、一発で覚えるのは無理だし、あんまりそうやって気負うとやる気なくなっちゃう性分なので、動画を見返すつもりで気長にいきます。
この調子でいけば明日にはHTML編の動画全部見終えるけど、明日はあまり時間取れないので、日曜日までにできたらいいかな。今のところプログラミング勉強するの楽しいし、できるようになったことが明確なので、モチベーションは勉強始めた時より上がってる気がする。「すぐ結果が出ないとモチベーション下がる」って人に向いてるのかも。