IT系ブログ

しょーごさんから指摘された箇所の修正も終わったので、ポートフォリオ掲載させていただきます。 これにて、初級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 […]

ここ1週間ほど、娘たちが通っている保育園から登園自粛要請がきたため、家で保育しているため、なかなか時間が取れませんが、毎日少しでも時間をとってPCに向かおうと思います。 今日は、PC用の画面でレイアウトを充てて終わり、レ […]

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制作系のチャンネルを観ています。 ドットインストー […]