tanatiyo

先日の記事で、Sassの勉強でたにぐちまことさんのYouTube動画をお勧めしていましたが、そこではLive Sass CompilerというVSCodeのプラグインをご紹介されていますが、DartSass対応のプラグインがあることを最近知りました。

ついに、「CSS設計完全ガイド」を完走しました！凄くボリュームがあり、読むのも大変でしたが、それに見合うだけの情報は得られます！！目から鱗な情報や知識、考え方を知り、とても勉強になりました！！

昨日、3月25日で本格的にWeb制作の勉強を始めてから2か月が経ちました。一つの節目になるので、ここまでの流れを簡単におさらいしておこうと思います。

先日から取り組んでいる「現場のプロから学ぶCSSコーディングバイブル」という書籍ですが、完走としてます！完璧に理解するまで取り組むというよりは、大体理解できた（7割程）くらいで、2周しました。

現在、Sassの勉強をProgateを終えた後、書籍「現場のプロから学ぶCSSコーディングバイブル」にて取り組んでいます。他にも動画で学べそうな教材があったので記録として残しておこうと思います。

ProgateのSassコースを終えて、「現場のプロから学ぶCSSコーディングバイブル」に取組み中です。

ProgateのSassコース完走！次は「現場のプロから学ぶCSSコーディングバイブル」～CSSとSassの基本と設計、実務テクニックまで～に取り組んでいます。

2日前の3/19の記事で、「JavaScript」を継続的に勉強していく、という記事を書きました。見出しはjQueryの書籍を完走したというタイトルではありましたが、jQueryにこだわらず、JavaScriptや他の人気が出てきているライブラリにも意識を向けて、継続的な勉強が必要だということを意識した内容でした。

しょーごさんが、web制作の全コーダーが読むべき神本と言っていた「CSS設計完全ガイド」についに突入しました！この本を手に取った時は、その分厚さに驚きました＾＾；実際に測ってみたら2.8cmあり、実際に読み進められるか不安になりましたが、とりあえずこの本も全部理解するというより、初めは3割～5割くらい理解したらOKでどんどん読み進めています。

書籍の「jQuery標準デザイン講座」を完走しました！ここでは学習したやり方などを簡単に振り返っておきたいと思います。

現在、ProgateでJavaScript・jQueryのコースを終え、「jQuery標準デザイン講座」にて勉強を進めています。

しょーごさんの2022年版独学ロードマップの中級編に入りました。中級編序盤はProgateのjQueryをやることになりますが、ドットインストールでもProgateでもjQueryの勉強をする前にまずはJavaScriptの学習をすることを推奨されていました。

しょーごさんから指摘された箇所の修正も終わったので、ポートフォリオ掲載させていただきます。 これにて、初級Exは完走！連日、しょーごさんのコーディング課題関連の記事でしたが、明日からはまた新しい分野へ入っていきます。頑張りましょう。...

ザインカンプも回数を重ねるに連れて、やり方がどんどん変わっていっています。毎回、出来るだけ効率の良いやり方を模索しています。実際に4回目のデザインカンプでやったこと流れを出来るだけ具体的に残しておきたいと思います。

表示確認依頼をして、まだ1日も経たないうちに、しょーごさんから返信が返ってきました！3日以内には連絡しますとのことでしたが、本当に早くてびっくりです。お忙しいところ、ありがとうございます！内容は・・・・

ついに・・・ついに！！セルフチェック終わりました～(´;ω;｀)！ 長かった！本当に長かった！！（ごめんなさい。2回言います） XDデータをダウンロードしてから一通りのコーディングが終わるまでに20時間弱、そこからセルフチェッ...

デザインカンプ4回目を一通り終えると、いろんなところでググったことをまとめたり、自分なりのノートを作りたくなります。ググるなかでいろんなサイトを訪問しますが、皆さんそれぞれにまとめていて、とても見やすいです。

しょーごさんのレビュー依頼をする前に、しょーごさんがnoteで配布してくれている「セルフチェックシート」に沿ってセルフチェックを行いました。

ついに、しょーごさんのコーディング課題【初級Ex】を完走しました！セルフチェックをもう少し行ってから、コードレビュー依頼しようと思います。

勉強を始めた当初で出てくる<ul>タグと<li>。私の中で箇条書きのところでしか使わないと勝手に考えていましたが、意外にも、いろんなところで使われることを知りました。

ちづみさんのコーディング課題を取り組んでいる時に、新着記事がお知らせで表示されるセクションがありました。そこのマークアップについてのお話です。

SCSSというCSSを効率的に記述することができるものがあると知りました。

2回目、3回目のデザインカンプを終えて振り返りをしている時に、「フォントのサイズ指定をどのようにやっていくのか」が、私にとって課題の１つでした。

しょーごさんのコーディング課題【初級Ex】実践1日目！（XDデータからの画像書き出し～HTML部分）

デザインカンプ3つ目を終えた時点での勉強手順について書いています。

ついに！ちづみさんのコーディング練習用デザインカンプ、完走しました！所要時間は5日、20時間弱です。CSSとレスポンシブに想像以上に時間を取られました＾＾；以下、簡単に振り返りをまとめておきたいと思います。

今日で完成させたかったんですが、日付超えてしまいそうなので、先にブログに作業メモを残しておこうと思います。ここまで、トータルで17時間くらいです。

今日は、PC用の画面でレイアウトを充てて終わり、レスポンシブの調整に入りました。今日の作業時点で新たに気づいたことをまとめておきます。

HTML部分の組み立ては終わり、次はCSSをあてていっています。

デザインカンプの取り組み状況を記しています。