エンジニア奮闘記

静的サイトにあるフォームをGoogleフォームと紐づけて、情報を送信できるようにしていこうと考えました。HTML、CSSコーディングは一通り終えた後、まず参考にさせて頂いたのが↓のしょーごさんの記事です。とても分かりやすく書かれていて、私も...

独学でブログを始めた当初から今日まで、勉強の方に重きを置いていたので、あまりブログサイトは触らず、記事を書くことだけに集中していました。しかし、周りから少しずつホームページ制作やWordPressサイトについての質問を受けることが出てきたの...

サイトに動きをつけるのには、jQueryだけでなくいろいろなJavaScriptのライブラリがあります。

jQueryを初めて使う時、実装する時って、ちゃんとプログラムが反映されているのか気になりますよね私も現在、5回目のデザインカンプにてjQueryを導入していますが、書籍のサンプルコード以外でjQueryを実装するのはこれが初めてです。導入...

しょーごさんのコーディング課題【中級】からはSassを使ったコーディングに取り組んでいます。実際にSassを導入するまでに悩んだこと、解決した方法というのをざっくり( ..)φメモにしておこうと思いますので、もし同じように悩んでいる方が以下のことに気づいて解決できたら幸いです。

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

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

VSCoeでコードを書いていくときに、divタグをたくさん使うと、どこからどこまでが何の範囲か分からなくなりますよね。

先日の記事で、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は完走！連日、しょーごさんのコーディング課題関連の記事でしたが、明日からはまた新しい分野へ入っていきます。頑張りましょう。↓BASI...

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

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

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

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

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

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

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

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

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