2022年3月

コーディング課題【中級編】に入る前に、しょーごさんがもう一つお勧めしていた書籍に取り組みました。サイトの高速化は、サイトへの訪問者の方の離脱率を出来るだけ抑えたり、リピーターさんを増やしたりというためにも大事な取り組みの […]

Sassのコンパイル方法にはいろいろな方法があるそうですが、私は一番簡単な方法としてVSCodeの拡張機能を使うことにしましたが、結局CSSファイルの出力先が改善されず、断念することに。 そこで調べた結果、東京ホームペー […]

VSCoeでコードを書いていくときに、divタグをたくさん使うと、どこからどこまでが何の範囲か分からなくなりますよね。 そしてそういったことを防ぐために、divタグやクラス名がどこからどの範囲を示すかわかるように、閉じタ […]

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

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

昨日、3月25日で本格的にWeb制作の勉強を始めてから2か月が経ちました。一つの節目になるので、ここまでの流れを簡単におさらいしておこうと思います。 1月25日にManaさんの「1冊ですべて身につくHTML＆CSSとWe […]

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

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

ProgateのSassコースを終えて、「現場のプロから学ぶCSSコーディングバイブル」に取組み中です。 取り組んでいて思うのは、今まで初心者としてやってきた私のスキルをぐっと中級者レベルまで上げてくれそうな本だというこ […]

jQueryを終えてから、PCに向かえる時間はProgateのSass（読み方は「サス」）コースに取り組みました。CSSもある程度慣れてきているので、とても完走しやすかったです。このSassですが、これを利用すると効率的 […]

2日前の3/19の記事で、「JavaScript」を継続的に勉強していく、という記事を書きました。見出しはjQueryの書籍を完走したというタイトルではありましたが、jQueryにこだわらず、JavaScriptや他の人 […]

しょーごさんが、web制作の全コーダーが読むべき神本と言っていた「CSS設計完全ガイド」についに突入しました！この本を手に取った時は、その分厚さに驚きました＾＾；実際に測ってみたら2.8cmあり、実際に読み進められるか不 […]

書籍の「jQuery標準デザイン講座」を完走しました！ここでは学習したやり方などを簡単に振り返っておきたいと思います。 その前に、この書籍に入る前に、私はProgateでJavaScriptとjQueryのコースを一周し […]

現在、ProgateでJavaScript・jQueryのコースを終え、「jQuery標準デザイン講座」にて勉強を進めています。 書籍やProgate以外に、動画で何か聞き流しながら勉強出来ないかなと思い（ドットインスト […]

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

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

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

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

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

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

しょーごさんのレビュー依頼をする前に、しょーごさんがnoteで配布してくれている「セルフチェックシート」に沿ってセルフチェックを行いました。 細かいところまでチェック項目があって、大変だなと感じますが、これからweb制作 […]

こんばんは！現在4つ目のデザインカンプからのコーディングに取り組んでいます、たなちよです。 4回目のデザインカンプで、XDのデータ通りのpxを指定しているはずなのに、なぜかブラウザ上で拡大表示（約125％）されて困ってい […]

勉強を始めた当初で出てくる<ul>タグと<li>。私の中で箇条書きのところでしか使わないと勝手に考えていましたが、意外にも、いろんなところで使われることを知りました。 例えば、ヘッダー部分右横に配置されること […]

ちづみさんのコーディング課題を取り組んでいる時に、新着記事がお知らせで表示されるセクションがありました。そこのマークアップについてのお話です。 私は、自分で考えてhrタグなどを使ってマークアップしましたが、その後、その部 […]

scssの勉強はまだこれからですが、4回目のデザインカンプ取組み時に、sccs（サス）を使えばより効率的にコーディングができる、ということを知りました。 しょーごさんも、独学ロードマップの中で、CSSの上位互換と仰ってい […]

2回目、3回目のデザインカンプを終えて振り返りをしている時に、「フォントのサイズ指定をどのようにやっていくのか」が、私にとって課題の１つでした。 pxが良いのか、remが良いのか、これについては時々ネットでも議論されるこ […]

3回目のデザインカンプを終えて、ついにしょーごさんのコーディング課題に舞い戻ってきました！初級編を終えた頃よりも体力はあると思いますが、果たしてどこまで通用するか・・・頑張ります！ XDデータからの画像を書き出すところか […]

デザインカンプを3つほど終えた時点で少しずつですが、コーディングにも慣れてきました。どんどんコーディングの勉強を進めていきたい気持ちと裏腹に、現在保育園の登園自粛要請期間中ということもあり、なかなかPCの前にいる時間をま […]

ついに！ちづみさんのコーディング練習用デザインカンプ、完走しました！課題URLはこちら↓ https://note.com/chizumi_/n/n43e918e99656 所要時間は5日、20時間弱です。CSSとレスポ […]

今日で完成させたかったんですが、日付超えてしまいそうなので、先にブログに作業メモを残しておこうと思います。ここまで、トータルで17時間くらいです。 ～気づいたこと( ..)φメモメモ～ ①ヘッダー部分をfixedでtop […]