Techacademyの無料教材のHTMLとCSSをさらっと一周だけしました。以前勉強した事も多かったので動画見てコードを真似してる段階ではほぼ理解できましたが、アウトプットできるかと言われると別問題な訳で。あとはアウトプットしまくって慣れるしかないんだろ…

昨日なぜ反映されていないのかというのはきっと動画内で説明していないCSSファイルがあってそこにwidthやheightが指定されているからっぽい。再現できないから全部みせちくり〜

動画ではwidthとheightを指定していないのにbackground-imageが表示されている。なんでだろう。どれだけコードを見比べてみてもwidthとheight指定してないと真っ白になっちゃうんだけどな...謎...

backgroundについて。動画一個分しか進まなかったけど満足するまでやろうとすると睡眠時間が削られるので我慢して寝ます。zzz

思ったより進まずfloatの動画とpositionの動画を見るだけでフィニッシュ。新しい概念は実践で使っていかないと理解しづらい部分が大きいと感じます。

paddingとかmarginとかわかっている事もあれば難しいとされるfloatも。ただfloatは現在あまり使わない概念なのだとか。また明日ゆっくりみてみよう。

CSS。寝ても覚めてもCSS。 今日のメモ ・属性セレクタ ＞「[]」をつけると属性名自体をセレクタに指定する事ができる [class] { background-color: crimson color: white padding: 5px } ・擬似要素 ＞動的に発生する事象を要素として指定する link ＞まだ訪…

隣接セレクタとか間接セレクタとか、きっと使っている内に重要な物は覚えていくんでしょうね！ 今日のメモ ・子要素のセレクタ(pタグの中のaタグにのみ反映) p > a {} ・隣接セレクタ。隣り合う要素のみを対象とするセレクタ(h2の次にあるpタグのみに反映) h…

CSS勉強。Progateとドットインストールでは聞いた事ない単語がちらほら出てくるけど、まぁ大丈夫でしょ。 今日のメモ htmlのheadタグ内に書くcss読み込む一文 <link rel=“stylesheet” type=“text/css” href=“style.css”> ・ブロック要素(前後が改行される) - p - div - table - h1~6 ・インライン要素(文章の一部を扱</link>…

寝不足&雑務のため少しだけ遅く勉強を初めて早く終わる日。ただHTMLの工程だけは終了。CSSほとんど忘れてそう。 今日のメモ <input type=“submit”> ＞入力したデータを送信するボタン <bbutton> ＞JavaScriptなどを使い処理を実行するきっかけに使うボタン POST ＞データを裏で見えない状態</bbutton>…

今までこのブログに学んだ事をメモするだけだったのですが、振り返る時に見返すのが大変なので、ローカル環境に普通にメモを残すようにしました。今まで何故やっていなかったのが疑問なくらいですが。 ・ラジオボタン <input type=“radio” name=“gender” value=“male”>男性 <input type=“radio” name=“gender” value=“female”>女性 ・チェックボックス <input type=“checkbox” name=“music” value=“jazz”>Jazz<br>

HTML。ラジオボタンとかパスワード入力欄とかプログラムでどうやって表現するんだろうって思ってたけど、便利なタグでそのまま表現できるんですね。日頃Webページとかで見ているものが再現できるようになると少し感動します。 今日のメモ ・<thead></thead>,<tbody></tbody>,<tfoot></tfoot> ＞テーブルタ…

HTMLの復習というか勉強。同じ基礎でも違う教材だと見た事ないタグがいろいろでてきた面白い。 今日のメモ ・<code></code> ＞プログラミングのコードであるという指定 ・<pre> ＞プリフォーマット。改行やインデントをそのまま表現 ・<ol></ol>,<ul></ul>,<li></li> ＞リストタグ ・<dl>リストを囲む</dl>,<dt>質問など</dt>,<dd></dd></pre>…

HTMLからやり直し。Progateは一旦おあずけ。jQueryやPHPをさらっとどんな作業ができるのか触れただけで価値があったと思います。 今日のメモ <em></em> ＞強調。斜体になる。 <strong></strong> ＞重要。太字になる。 <hr> ＞区切り。線が入る。 <blockquote></blockquote> ＞ブロックごと引用 <q></q> ＞文章の一部だけ引用</hr>…

progateにてPHP2の講座二周したので一旦他教材にてHTMLとか復習しようかな。PHPよりHTML,CSS固めた方が実用的な気がしてきた。

PHP。あいもかわらず言われた通りのコードはかけるものの何をやらされているのかよくわかっていない。二周目になると少し理解度は上がっているものの。 今日のメモ ・<form method="post" action="confirm.php"> ＞actionは送信先のファイル。methodをpostにするとフォーム内容を送信できる</form>

今日もこりずにPHP。ファイル間でやりとりを始めたらもうわけが分からんのですが、$thisはクラス内で、$menuはforeach内で使われてるなど、使用されている変数については少しだけ理解できてきたような。初めはなぜ$thisが使われたり他の変数が使われているの…

PHPの中にHTMLを埋め込むってのがよく分からない。そういうこともできますよって覚えとけばいいのかな。endforeachとかendifとか。教材にてわざわざ<p></p>で囲んだ中にPHPのタグを書いてPHPを書くとかって逆にややこしくないのかな。今月いっぱいまでprogateの勉強…

やっぱり二周目はふわっとしてた知識が少しだけ固まる印象。訳がわからなくて読み飛ばしていた説明文の意味がわかるようになっていたり、いなかったり。 今日のメモ ・ ＞data.phpを読み込む ・ getName()] ?> ＞送信した値を$_POSTで受け取って要る。具体的…

今日も今日とてphp。 今日のメモ ・ <p></p> ＞phpでのforeachの書き方。「{」「}」の代わりに「:」「endforeach」を使う。中にHTMLを書けるので便利な書き方らしい。pタグでphpを囲っている意味はあまりわからない。endif,endwhile,endfor,endswitchなども同じ書…

三連休ありがたや。 今日のメモ ・echo '私の名前は'.$this -> name.'です' ＞クラスの中で定義。'$this -> name'にはインスタンスのnameプロパティが代入される。「'. .'」で囲む必要あり？ ・コンストラクタ ＞クラスの中で定義。インスタンスが生成された…

クラスだのインスタンスだの、過去にやったのはjavascriptだったかな、jQueryだったかな。過去に学んだ事もすっぽり忘れてしまっています。これくらいふんわりでもいいのかな。 今日のメモ ・プロパティ ＞インスタンスの持つデータ ・メソッド ＞インスタン…

ネットには情報が溢れすぎていて何を勉強すればいいか分からなくなる時があります。情報迷子。とりあえず勉強を進めつつ、時々方向性も見定めないと。 今日のメモ オブジェクト指向 ＞ずっとオブジェクト思考だと思っていた。クラス(設計図)の定義からオブジ…

少しだけでも毎日勉強する事に価値があると思って短時間だけ勉強時間確保。平日寝る前の少しの時間だけ割いてもなかなか進まないですが気にしない気にしない。 <input type="submit" value="送信"> ＞送信ボタン。フォームタグの中で使う。valueでボタン上の値を定義できる echo $_POST['name'];…

会社から帰るのが少し遅れるだけでも就寝前の勉強時間がかなり削られるので、できるだけ早く帰るようにしないと。とりあえずキリの良い100日勉強したという事で継続できている事に誇りを持ちつつ、何も知識が広がっていない現実もありつつ。焦らずゆったりと…

フォームのゲットだとかポストだとかさっぱりわからない。 今日のメモ break; ＞繰り返し処理終了 continue; ＞その周だけ終了して次のループ処理を行う foreach($data as $key => $value){echo $value} ＞連想配列のキーが$keyに、値が$valueにそれぞれ代入…

2020がはじまり、日々のルーティーン開始。とりあえずはしばらく積み重ねたいと思います。 今日のメモ $name .= '文字列' ＞$name.'文字列'と同じ echo "こんにちは{$name}さん" ＞{$name}が変数に置き換わる。''で囲って要る場合は変数展開されない。 && ＞…

年末年始はあえて全く勉強に触れないし、勉強の事を考えもしないという事をやってみました。学生の頃と違って今の勉強はやりたくてやっているからか、そんなに解放感がありませんでした。週７で取り組んでも嫌にならない作業でお金を稼げるようになれると素…