だらだらいふ

就職できないので手を出したブログ

進捗なし

昨日、人生で二度目の大きな地震を経験しました。

そのためかこう勉強するという気も記事を書く気力もなくだらだら過ごしてました。

今日は面接でしたので、Paiza様の問題を少し解いて終わりにします。

学習報告7

寒い、朝が寒い・・・・また目が覚めて5時起きです。

下手すると風を引いてしまいそうになる気温で調整が難しい・・・・。

今日の進捗は下記です。

進捗

JavaScript初級演習完了

残数

HTML+CSS

  • 初級コース
  • 中級コース
    • 初級演習問題①
    • 中級演習問題②
  • 上級コース
    • 上級演習問題

JavaScript

Progage 2 ドットインストール 22

総学習時間: 12h

学習内容

  • 変数宣言: let
  • 定数宣言: const
  • ループ、配列の要素取り出し、プロパティ取り出し、出力

所感

思い出しも兼ねてJavaScriptの初級講座から見ていたのですが、ES6とES5で書き方が違うので

新しいES6のほうで学習を行っていました。

Progateさんの方から始めたのですが、演習問題が少なかったのですぐ終わりました。

明日はドットインストールさんのほうでひたすら写経か、何か作ってみようかと思います。

本日はここまでー

学習報告6

今日の朝、毛布にくるまってても寒く感じるほどの気温で目が覚めて5時起きです。

どうなっているんだ気温の落差・・・・・・。

今日の進捗は下記です。

進捗

HTML基礎文法講座完了

f:id:darunn:20180614152413p:plain

残数

HTML+CSS

  • 初級コース
  • 中級コース
    • 初級演習問題①
    • 中級演習問題②
  • 上級コース
    • 上級演習問題

JavaScript

Progage 2 ドットインストール 22

総学習時間: 9h

学習内容

  • buttonとinputの違い → buttonはコンテンツや画像を入れることができる
  • talbe(thead, tbody, th[table header cell], tr[table row], td[table data cell])
  • from, label,
  • password, section → password 入力された値の表示を隠す section: 区切る時に使用
  • fieldset, legend →fieldset; グループ化? legend: タイトルをつけれる
  • nav[navigation] → 主要なナビゲーション
  • article → 配信や再利用を意図した、独立したコンテンツ
  • aside → 本文と関連がうすいコンテンツ
  • 実態参照 → 特殊な記号(タグなど)を表示する際に使用する
  • pre[Preformat text] → コードなどを表示する際に使用する

所感

かなり久々にドットインストールでの学習を行いました。

動画を見ながらAtomでカタカタ作るのはスピード感があってとても楽しかったです。

ただよく動画が緑色になるのでそのたびに更新しないといけないですが・・・・。

始めてみるタグもそうでないタグもあり、またタグの意味や正式名称についても触れられていたので

理解もしやすく、さっと見ることができました。

明日からは新たにJavaScriptの学習へ入っていこうと思います。

本日はここまでー

学習報告5

右下の瞼がめっちゃ痙攣するので、少し調べてみたら睡眠障害とのこと・・・・。

睡眠時間の見直しをしなければ・・・・。

今日の進捗は下記です。

進捗

中級レベル再復習 上級コース完了 中級コース演習(途中)

f:id:darunn:20180613170843p:plain

残数

HTML+CSS

  • 初級コース
  • 中級コース
    • 初級演習問題①
    • 中級演習問題②
  • 上級コース
    • 上級演習問題

総学習時間: 7h

学習内容

レスポンシブ対応

  • @media(条件)
  • max-width:1000px ・・・1000px以下の時に適用される
  • min-width:1000px ・・・1000px以上の時に適用される
  • レスポンス時のアイコン、テキスト操作のノウハウなど

所感

中級問題の復習→上級→中級演習と行ったのですが、以前よりも問題をとくスピードがあがり

楽しみながら行うことができたのですが、問題がありまして・・・・・。

仕様書を見ながらレイアウトを設定していくのですが、解答を行うと、仕様書にない値が目に止まり

「あれ?この数値どっからでてきた」と非常に混乱しました。

念のため、運営されてる方に問い合わせしました。Webの開発ツール使えばすぐにわかりますが

仕様書を見て回答すること、となっているのにこれはどうなんだよと。

ともあれ、此方のHTML CSSは一通り学習終えたということにし、次は別の学習サイトで残りの10hを使っていこうと思います。

本日はここまでー

学習報告④

今日、足がこむら返りしました。

昔に熱中症で入院したことがあるのですが、その時の癖が残っているようで・・・。

久々に効きました。おかげで朝はばっちり目が覚めました。

今日の進捗は下記です。

結果報告

初級演習復習 中級演習(途中で投げ出し) 中級レベル再復習

残数

  • 初級コース
  • 中級コース ←もう一度最初から
    • 初級演習問題①
    • 中級演習問題②
  • 上級コース
    • 上級演習問題

計4つ+1 予定総時間 7h 00m(+2h30m)=9h30m

学習内容

復習やってまた復習。

所感

中級は最近やったところだから余裕でしょう!とやってみたら満足にページも作れなかったのですごくガクッとしました。

その後、戻って復習するも身が入らず、本当にだらだら勉強しておりました。

何もかも投げ出してYoutubeの動画を漁っているとまず以下の動画が目に入りました。

TVチャンピオン2 フルーツカット王選手権(平野泰三) 2008/8/21 - YouTube

懐かしく感じるTVチャンピオン。いろんな技術を持つスペシャリストの皆さんが競う番組でとてもよくみていました。

当時の色々な技術を披露する職人の皆さんを見て、技術を持ってる人に憧れた気持ちがよみがえりました。

そのあと、この動画も見つけました。

感動!必見!!ゴルゴ松本の「少年院での魂の授業」 - YouTube

こう・・・・昔ちょろっと見てた記憶がありましたので・・・・。

軽い気持ちで動画を開いたのですが、元気と活力をもらえました。たまに見返そう・・・・。

最後に見つけたのがこの動画。

The first 20 hours -- how to learn anything | Josh Kaufman | TEDxCSU - YouTube

日本語TED新着: 最初の20時間 — あらゆることをサクッと学ぶ方法 | ジョシュ・カウフマン | TEDxCSU

この動画も昔にちらっと見ていたのですが、内容をすっかり忘れていました。だめじゃん!!!

専門的なスキルを得るためには1万時間、といった内容に対する最初の20時間という学習方法の紹介動画です。

その中でも心に残ったのが、「苛立ちの壁」という言葉(翻訳された内容)。

自分が間抜け、できない人間とは思いたくがないために苛立ったらやめてしまう、まさに今日の私。

現状を打破するべく始めたブログや学習なのに、すぐ挫折しちゃう、人間だもの・・・・。

そこで、私も倣って20時間学習をきっちり行うことにします。

明日は本日の復習の続きから!

本日はここまでー

学習報告③

閉めたら暑いですが、開けると風が強すぎてうるさいし寒いしほんとなんとかならないですかね・・・。

台風の強い風に乗った雨のコンボはげんなりします。

さて、本日の進捗はこちら。

結果報告

初級演習問題完了 f:id:darunn:20180611163237p:plain

残数

  • 初級コース
  • 中級コース
    • 初級演習問題①
    • 中級演習問題②
  • 上級コース
    • 上級演習問題

計4つ 予定総時間 7h 00m

と、思っていたのですが、どうやらコースの続きがあるらしく

f:id:darunn:20180611163257p:plain

まだまだお先が長いようで・・・・。

学習内容

初級編でやった内容の総復習でした。

詰まったところ: 全 部

所感

1回やっただけでは覚えられないので、何度も繰り返し同じ問題を解いて覚えていきます。

間をあけるとさらに忘却が加速すると思うので、明日は本日行った初級+中級を行う予定です。

就活も・・・・しなければ・・・・・・。

本日はここまでー

学習報告②

暑い、じめじめしてる、そんな6月。

どんどん不快指数が増えてきて寝づらくなってきました。

そろそろ扇風機や冷房を付けないと寝れないかな・・・・。

本日の進捗です。

結果報告

中級コース 完了 f:id:darunn:20180608171402p:plain

残数

  • 初級コース
  • 中級コース
    • 初級演習問題①
    • 中級演習問題②
  • 上級コース
    • 上級演習問題

計4つ 予定総時間 9h 30m

学習内容

  • containerという考え方
  • 背景画像の挿入
background-img:url(URL);
  • 拡大、収縮対応
.img {
background-size: cover;
}
  • 要素の透過(0.0~1.0まで)
.img {
  opacity: 0.5;
}
  • インラインブロック要素: インライン要素、ブロック要素の特徴を持つ要素。displayのオプションで作成。
.icons {
display: inline-block; /* その他オプションはblock, inline */
}
  • マウスホバー時の処理
.selector:hover{}
  • 「margin: 0」と「text-align:center」の違い
    • 「margin: 0」
      • 広い範囲を囲うようなブロック要素に使用
    • 「text-align:center」
      • テキスト、ボタンのようなインライン要素、インラインブロック要素に使用
  • Font Awesome(アイコンのサイト)
  • 「opacity」と「rgba」
    • 「opacity」
      • 要素の中身をすべて透過してしまう
    • 「rgba」
      • 背景のみの透過ができる
.img {
  background-color: rgba(0, 0, 0, 0.5);
}
  • アニメーション
.selector {
  transition: all 1s;
}
  • 要素同士を重ねる際に使用。サイトの左上が基準位置となる。
.selector {
  position: absolute;
}
  • 親の要素に「position: relative」と指定すると、その要素の左上が基準位置となる
  • 要素がクリックされている間
.img:active {}
  • 影を付けた要素を、へこませるような処理(影を6pxとする)
.selector:active{
  position: relative;
  top: 6px;
  box-shadow: none;
}

「position: relative」と「top」によって、影の部分だけ位置を下げることで実装している

  • 画面上に要素を固定する
header{
  position: fixed;
}

所感

今まで何となくで使っていてしまっていた、「display」や「absolute」等について理解を深めることができたことが一番大きかったかと思います。 プロパティによって何が起き、レイアウトにどう影響するか・・・・今までしっかり学習していなかった所を改めて学ぶことができ、幸せです。

仕事が決まればもっと幸せですが・・・・・。

本日はここまで。