てりぞー

ウェブカツ、部費前納して半年間という期限をつけてしまったことに後悔したけど、期限をつけたからこそ最後まで学べたのかな。結果としてだらだら学習するよりはよかったということか。

半年間のウェブカツ学習が終わった。残念ながら卒業はできなかったが、引き続き学習は続けていき結果を出していこうと思う。

sassすごいな。スマホの画面はこうやって作られているのか。

想像力の欠如って怖えな

エラーが解決できた時って本当に嬉しいけど、脳の疲労具合が半端無い。。。 ターミナルでボロボロにされたからジムに行くことにする。

マジで今のうちにターミナル操作に慣れておこう。npm関連でエラー出るとmacを逆パカしたくなる。

HTML上級編はレスポンシブデザインがある。かなり難しそうだが、絶対に避けて通れないものだからしっかり学ぼう。 3day: 10h total: 398h #駆け出しエンジニアと繋がりたい

2月15日、16日、17日の分。#ウェブカツ 鬼練PHP全てとjavascript部中級Lesson28〜33復習、HTML部上級Lesson1。HTML上級編でnpmとターミナルの操作が必要だったので、慌てて復習した。

さすがにこれはひどい。いくら匿名だからってやっていいことと悪いことも分からないのか。。。https://twitter.com/kazukichi3110/status/1096717627580239872 …

断酒したおかげでよく眠れる。頭の中もスッキリしてきたし学習にも身が入る。酒自体は好きだから生涯にわたって断酒する気はないが、今はいらないな。

確かにいいケツしてましたね。

flex-directionは、子要素の上下並び、昇順、降順を指定できる。columnは子要素を上から下に積み上げた状態で配置可能。ブロック要素だけでなく、インライン要素も同様に配置可能。 2day: 8h total: 288h #駆け出しエンジニアと繋がりたい

例: flex-direction:columnで指定した場合 <div class="container>　→親要素 <div class="item">item1</div>　→子要素 <div class="item">item2</div>　→子要素 <div class="item">item3</div>　→子要素 </div> .container{ display: flex; flex-direction:column; }

■flexbox ・css3から使用可能。親要素にdisplay:flexbox;をつけることで、floatやjsを使わずに同じ動きを指定することができる。 ・親要素はflexコンテナー、子要素はflexアイテムと呼び、それぞれ指定可能なプロパティがある。 ・display:flexbox;をつけると、デフォルトで子要素が横並びになる。

■animation アニメーション自体を設定するプロパティ。関数名、時間、動きを指定。 ■easing animasionで設定する動きの部分。scssやjsでも使われる。cssでは使用できない動きもあるので注意が必要。 ■@keyframes animationを実行する関数。transformを使い0％〜100％の間で細かな動きを指定。

2月13日〜14日の分。 #ウェブカツ HTML・CSS中級編Lesson5〜12。animation、@keyframes、easing、flexboxの使い方、スマホ用サイトの作り方を学習。また、js中級編のターミナルとnpmの使い方について復習。初心者でflexboxだけ習ってたら、絶対floatやpositionが分からず詰んでた。本当に基礎は大切。

少しの間twitterやめてました。2月8日〜12日までの分。 #ウェブカツ javascript・jQuery中級編Lesson10〜33。HTML・CSS中級編Lesson1〜4。cssのtransformプロパティはいい。cssが少しだけ好きになった。学習内容をまとめつつ先へ進みます。 5day:23h total: 380h #駆け出しエンジニアと繋がりたい

■モーダル：画面内に浮かび上がって画面や文章を表示させる機能。表示させている間、元の画面は操作できない。cssで位置を指定する他、javascriptで画面の情報を取得し計算して、レスポンシンブに表示させることも可能。