ゼロからプログラミングを覚えるうさぎの日記

ゼロからプログラミングを覚える必要に駆られた1匹のうさぎの物語

HTML学習記録 1日目 初めてのマークアップ

こんにちは!
うさおです!

前回は早くも寄り道をしてしまったので、
今日からいよいよ学習記録を書いていこうと思います。

早くも難問!拡張子!

まず本を開いてみると、ウォーミングアップのような
コーナーが出てきました。

実際にとりあえずちょっと書いてみようというわけです。

6行ぐらいのコードですが、書いてみるとスペルを覚えるのが
結構大変そうです。

<html></html>というように<>のカッコ(タグ)の中に
いろんな英単語を入れて最後に同じものに
スラッシュをつけたものをつけて1セットみたいですね。

最初のタグを開始タグ。
最後のタグを終了タグというみたいです。

なんだ。簡単じゃん。
これがHTMLか。

で、つらつらとコードを書いてこれをセーブする。
それをブラウザで確認するとのことだが?

・・・出ない???

「どうなってんだ?

まさかスペルミスか?いや、ないな?」

何が間違っているんだ???
と早くもパニック状態!!!

冷静に落ち着いて、本を読み直すと

「index.htmlという名前で保存します」

しまった!!最後のhtml忘れた!!
これじゃただの文字ファイルじゃん!!

というわけで一度削除してやり直し。
今度こそindex.htmlというHTMLファイルで保存し
見事に完成!

htmlを作ったらどうやらこの拡張子は忘れては
いけないらしいです。

他にもCSSを作ったら、CSSって入れなきゃいけないのかな?

何にせよ、初めて書いて普通にできてよかった。

次からはいよいよサンプルを使用して
実際にマークアップというのをやってみます。

うさおでした!

 

初日なのにテキストエディタにこだわるうさぎ

こんにちは!
うさおです!

先日から始まったこのブログですが、
最終目標としてWordpressをマスターする」
というのを設定しています。

そのためにまずやらなきゃいけないことが
HTMLとCSSというWebページの元みたいなやつを
マスターする必要が出てきました。

HTMLとCSSがどういうものかについては
前回の記事で説明した通りです!

tetsupon0111.hatenablog.com

今日はいよいよ前回にご紹介した本を中心に
勉強していくわけですが、ここで早くも
違う路線にハマってしまいました(笑)

今日はその違う路線について書きます。

ブラウザはChrome

実は前回紹介した本の最初に
用意すべき物のリストが書いてありました。

それが

の2つでした。

ブラウザに関しては自分が日頃使っている
このGoogleChromeで間違いないだろうということで
そのまま使用しました。

実際、本の中の推奨しているブラウザもchromeでした。

よくよく読んでみると、今最新のHTMLというのは
古いブラウザだと新しいHTMLの要素を
読み込んではくれないらしいです。

主に古いInternet Explorerを使ってると
色々とガチャガチャになってしまうみたいですね

なかなか不便なところもあるもんです。

初心者なのに便利なテキストエディタを使う

で、もう一つの必要なものとしてテキストエディタというのを
探すべく、ネットや本を検索してました。

テキストエディタと一口に言っても、
身近なところで言えばWindowsのメモ帳だったり
フリーソフトだったり色々あるので
正直どれがいいか?迷いました。

色々と迷ってたどり着いたのが、
Sublime Textというテキストエディタです。

なんだか英語で大変そうだなとは思ったんですが
決めた要因は完全に見た目で選びました(笑)

だってビジュアル見るとカッコイイんだもん。

ところが、これを使ってみると中々便利です。

タグによって色分けをしてくれたりとか
インデント(字下げ)も簡単で、
いきなりこんな初心者が使っていいのか?
というくらいに便利です。

普通のメモ帳アプリから始めればいいのに(笑)

とは言え、僕の成長とともに
このテキストエディタも使いこなせるように頑張ります。

勉強記録と同時にこのテキストエディタ
便利なところも随時アップできればいいですね。

次回からいよいよ勉強記録を書いていきます。

うさおでした!

僕がプログラミングを覚える必要がある理由

こんにちは!うさおです。

早速、始まったこのブログですが
今日はタイトル通りに僕がプログラミングを覚える
必要がある理由を書きます。

ブログを豪華にしたかった

実は僕はこのブログ以外にも
書いているブログがありまして、
そこは音楽関係を中心に書いています。

楽器はドラムをやっていたので、技術的なことから
今はやりのドラマーについて色々書いています。

そんなある日、ふと思ったのが

「このブログ。なんかダサい・・・。」

いや内容は我ながら悪くないとは思うんですよ。
でも、何でしょう?

この殺風景さは・・・。

それもそのはず。

実は僕がそこで書いてるブログは
Wordpressというカスタマイズ前提の
ブログシステム!

それを事もあろうに、立ち上げから書くまで
全てネットサーフィンの賜物!

思えば、よくぞここまで書いてきた!
(実は今年2年目で、200記事くらいは書いてます)

でも、何だろう?
外見だけで判断してはいけないとは思ってる。
でも見た目も大事じゃない?ほら?

ってなわけで、そのブログを豪華にするために。
言ってみればWordpressというわけのわからない
このブログシステムを理解するために、
ほんの少しプログラミングをかじる必要が
あるんじゃないかということで書きました。

ゴールは「Wordpressを理解する」だったが

で、このプログラミング学習の目標を
「このWordpressというシステムを年内に理解する」
ということで設定しました。

その為に学習することは何かを色々と調べてみると
なになに?HTML,CSS,Java,PHP

「おい!すげぇ覚えること多くない?」

そりゃ確かに勉強は好きだよ?
どうでもいい営業職の仕事なんかやってるよりも
音楽聞いてたり本読んだりするのは好きだよ?

もっと言えば、仕事するより本が好き!(永野風)

でも、覚えることが多くない!?

こりゃ中々骨が折れるな汗

まずはHTMLとCSSをマスターする

ということで、このブログを中心に調べた結果、
まず自分が学ばなきゃいけないのは
HTMLCSSということがわかった。

HTMLは言うなれば、僕らが見ているような
このwebページの骨組み!
正確にはHyper Text Markup Language

ほれほれ。今あなたが見てるこのはてなブログだって
このHTMLというのがなければ成り立たんのだよ。

そして、CSSというのはCascading Style Sheetsの略で
その骨組みを内装したり外装したりする見た目のための
言語というのがわかった。

なので、当面の目標としては
このHTMLとCSSという暗号みたいなものを
2,3か月でマスターすることとします。

普段、このような暗号ばっか書いている諸先輩方が
一体どれくらいの時間をかけて習得してきたのかは
わからないが一応はこのくらいのスパンで学習することとする。

そして、使う教科書はいろいろ本屋で調べた結果
これにしました。

HTML5&CSS3標準デザイン講座

HTML5&CSS3標準デザイン講座

 

 中身も綺麗だし、何よりも分厚いので
2,3か月やる分には丁度いい量と判断した。

色んなブログも参考にした結果、
この本をあげている諸先輩方が多かった
というのもあります。

 というわけで、当面はこの本で学習したことを
本のネタバレしない程度に書きます。

うさおでした!

はじめまして

はじめまして。
うさおって言います。

このブログでは自分が1からプログラミングを勉強するための
軌跡を書いていければと思います。

 

僕がどうしてプログラミングを
覚えようとしたのかは、おいおい書きますが、
この2017年の年に

「自分の人生を変える」

という大それた目標をかなえるために
プログラミングを覚える必要があると
判断した為です。

今はそんな感じですが、少しでも役に立てたら幸いですので
よろしくお願いします。