2022年2月

HTML部分の組み立ては終わり、次はCSSをあてていっています。 少しずつですが、センタリングやボックス概念を理解しながらコードがかけてきているように思います。今までと違って、フォント周りには気をつけているので、フォント […]

デザインカンプからのコーディング3つ目に突入してから、XDの操作にもだいぶ慣れてきました。ただ、今のところ「アートボードサイズというのがどこを確認すれば良いのか分からない」状態です。2xでとりあえず書き出しているところで […]

クリスタさんのコーディング課題【初級編】のデザインカンプを終えて、PENGIN BLOGさんの方にある解説記事で振り返りを行いました。 1つ目のデザインカンプよりは少し良くなっているかなと思いましたが、解答コードや解説を […]

2つ目のデザインカンプで使用した、クリスタさんのデザインカンプ課題【初級編】はPENGIN BLOGさんの方で解説がされていますので、まずはその記事を読んで振り返ります。 また、PENGIN BLOGさんには2回目のデザ […]

デザインカンプ2つ目となる、クリスタさんのコーディング課題【初級編】を完走しました！↓ https://crestadesign.org/cording-first/ 模写ではなく、デザインカンプとして行いましたので、ポ […]

1つ目のデザインカンプの時と違い、2つ目のデザインカンプに取り組む時には、1つ目のカンプの時には気付かなかったこと、出来るようになったことがあります。 まだ作成中ではありますが、ここに気づいたことを書き記しておこうと思い […]

デザインカンプ2つ目に取り組んでいます。ここで、1つ目のカンプに取り組む前に見ておいたほうが良かったなと思う動画が２つあったので、覚書として記しておきます。また、これから取り組まれる方の参考になれば幸いです。 私が1つ目 […]

ツイッターで知り合った、フリーランス歴4年の方とお話をさせて頂く機会がありました。オンラインで初めてお話をさせて頂いたのですが、ざっくりと以下にまとめておこうと思います。 ①環境が大事（コーディングの環境、クライアントワ […]

1回目のデザインカンプに取り組んでから1週間以上経っていたことと、前回からもっと改善してコーディングができないかを考えて、デザインカンプ課題に取り組む前に、動画やサイトで見直しをしました。 先日の記事でもご紹介したアキユ […]

無事にITパスポート試験終わりました！職場にこの資格は取るように言われていたので、一安心です。これで、WEB制作の方の勉強に思いっきり集中できそうです。 次のデザインカンプ課題はPENGIN BLOGさんで紹介されている […]

今回は、日頃のコーディング学習から少し離れて、最終的なゴールについて考えてみたいと思います。 コーディングができるようになって、その後JavaScriptやjQueryも扱えるようになった後、動きをつけたサイト作りができ […]

今週はITパスポート試験の勉強に集中することを決めているので、あまりコーディングの勉強に時間は取れませんが、なまることがないように、毎日最低30分はPCに向かってコードを書くようにしています。 昨日はドットインストールの […]

PENGIN BLOGさんでEmmet記法という存在を知ってから、ドットインストールでEmmet入門の動画があることを発見したので早速視聴しました！ Emmet記法とは、VSコードに備わっている、コードを書くうえでのショ […]

今週PCに向かってまとまった時間が取れず、コーディングを思いっきりできないので、隙間時間にスマホでProgateのアプリやドットインストールの動画、YouTubeのweb制作系のチャンネルを観ています。 ドットインストー […]

おはようございます。月曜日になりました。勉強のペースを守るために始めたブログですが、今週は少し学習のペースが落ちそうです。 実はITパスポートの試験を受験することになっていて、その試験日が迫っています。今週はそちらの方に […]

初めてのデザインカンプを終えて、今はまだ次のカンプに取り組む前ですが、動画で勉強している間に、今の自分にとても参考になったサイトがあったのでここで２つご紹介します。 （あ、ちなみにXDは無事にインストールできました！イン […]

しょーごさんのデザインカンプ課題【初級編】を終えて、次はクリスタさんとちづみさんのデザインカンプに挑戦しようと考えています（しょーごさんが動画でお話されていたロードマップ通りです）。 ただ、その前に一つ、問題があります。 […]

週末になりました。3連休ですね。皆さんはいかがお過ごしでしょうか。 勉強されている方の中には、休日にまとまった時間が取れるためパソコンに向かってたっぷり学習される方も多いと思います。 しかし、幼い子供を持つ母親の立場から […]

初のデザインカンプに取り組んでいる間、なかなかうまく掴めなかったボックスモデル。 とあるサイトに出会って、そこでの解説がとても分かりやすかったので挙げておきます。 https://crestadesign.org/cor […]

ついに、初めてのポートフォリオが完成しました！しょーごさんの【初級】XDデザインからのコーディング練習【HTML/CSS】です！！ https://note.com/samuraibrass/n/n2108f5f03dd […]

本格的に始まったアウトプット。ここではツイッターでは詳しく書けないことを書き記しておこうと思います。 まず、デザインカンプをするにあたって、早くもいくつかの壁がありました。 ①そもそもデザインカンプってどうやるの？→ググ […]

「HTML＆CSSとWebデザイン入門講座」を完走しました！ここまで約3日くらいです。Manaさんのこの本は大変読みやすく、コードの書き方、デザインの考え方なども大変勉強になりました。 さて、ここからは本格的にアウトプッ […]

前回に引き続いて、「1冊ですべて身につくHTML＆CSSとWebデザイン入門講座」を実践中です。今は後半に突入していて、実際に手で動かしてコードを書いているところです。 Progateの道場レッスンとかは、合格をもらえる […]

一通りHTML＆CSSをProgateとドットインストールで確認した後、上記見出しにもある本を読みつつ、アウトプットに入っています。かなり定評のある本らしいです。 購入した時は本の厚みに少しビビっていましたが、中身は図や […]

これで一通り、ProgateのHTML＆CSSレッスンは終了しました。最後の上級編道場レッスンは、正直中級編よりも簡単でした。 次は、教科書２冊を一通り回していこうと思います。 使う教科書はこちらです。↓ ①HTML5+ […]

なんとか、中級編の道場レッスンを終了しました。 途中いろいろ正常に操作しなかったりして、「なんで？」と頭をひねることが多かったです。合格がもらえるまで、初級編の倍くらいの時間がかかってしまいました。 正直、正常に操作しな […]

道場レッスンでは、HTML＆CSS初級編の復習ということで、初級編で作ったサイトを一から自分の手で作っていく、というものでした。 いきなり自分の手で一から作るとなると、始めは混乱しましたが、今の自分に足りないものが何か、 […]

プログラミングの学習を始める時、どちらかひとつだけで良いかな・・・と思っていた私でしたが、今この２つのサイト（有料会員です）を利用してみて思うのは、「どっちも利用していて良かった！」です。 と、いうのも初めの頃って言葉の […]

ProgateのHTML＆CSS中級編を終了しました。勉強しながら「へぇ～こんなこともできるんだ」と思いながら、コードを書いていました。少しずつできるようになることが増えてきて嬉しいです。 特にクリックボタンを立体的に見 […]

ProgateのHTML＆CSS初級編が終了しました。 このところ、ドットインストールで動画を見る→コードを書ける環境ならすぐに書く。それが難しければ後で。動画を見れる環境であればとにかく見て進める。一方で、毎日、ドット […]