-
Uncategorized
web制作者としてのjavascriptの勉強
2日前の3/19の記事で、「JavaScript」を継続的に勉強していく、という記事を書きました。見出しはjQueryの書籍を完走したというタイトルではありましたが、jQueryにこだわらず、JavaScriptや他の人 […] -
Uncategorized
「CSS設計完全ガイド」に取組み中!この本凄いです!出会えて良かった!
しょーごさんが、web制作の全コーダーが読むべき神本と言っていた「CSS設計完全ガイド」についに突入しました!この本を手に取った時は、その分厚さに驚きました^^;実際に測ってみたら2.8cmあり、実際に読み進められるか不 […] -
Uncategorized
「jQuery標準デザイン講座」完走!やったこと、これからのこと・・・
書籍の「jQuery標準デザイン講座」を完走しました!ここでは学習したやり方などを簡単に振り返っておきたいと思います。 その前に、この書籍に入る前に、私はProgateでJavaScriptとjQueryのコースを一周し […] -
Uncategorized
jQueryの勉強をしている途中ですが・・・
現在、ProgateでJavaScript・jQueryのコースを終え、「jQuery標準デザイン講座」にて勉強を進めています。 書籍やProgate以外に、動画で何か聞き流しながら勉強出来ないかなと思い(ドットインスト […] -
Uncategorized
ProgateのjQuery完走!次は書籍学習へ~
しょーごさんの2022年版独学ロードマップの中級編に入りました。中級編序盤はProgateのjQueryをやることになりますが、ドットインストールでもProgateでもjQueryの勉強をする前にまずはJavaScrip […] -
Uncategorized
しょーごさんのコーディング課題【初級Ex】完走!ポートフォリオ掲載します
しょーごさんから指摘された箇所の修正も終わったので、ポートフォリオ掲載させていただきます。 これにて、初級Exは完走!連日、しょーごさんのコーディング課題関連の記事でしたが、明日からはまた新しい分野へ入っていきます。頑張 […] -
Uncategorized
4回目のデザインカンプ(しょーごさんのXDデータからのコーディング課題【初級Ex】でやったこと)の流れ
デザインカンプも回数を重ねるに連れて、やり方がどんどん変わっていっています。毎回、出来るだけ効率の良いやり方を模索しています。実際に4回目のデザインカンプでやったこと流れを出来るだけ具体的に残しておきたいと思います。 ① […] -
Uncategorized
しょーごさんからコーディング課題【初級Ex】のレビューが返ってきました!
表示確認依頼をして、まだ1日も経たないうちに、しょーごさんから返信が返ってきました!3日以内には連絡しますとのことでしたが、本当に早くてびっくりです。お忙しいところ、ありがとうございます! 内容は・・・・ 指摘された修正 […] -
Uncategorized
しょーごさんのコーディング課題【初級Ex】完走!レビュー依頼へ!
ついに・・・ついに!!セルフチェック終わりました~(´;ω;`)! 長かった!本当に長かった!!(ごめんなさい。2回言います) XDデータをダウンロードしてから一通りのコーディングが終わるまでに20時間弱、そこからセルフ […] -
Uncategorized
技術( ..)φメモページ(サイト)を作りたい
デザインカンプ4回目を一通り終えると、いろんなところでググったことをまとめたり、自分なりのノートを作りたくなります。ググるなかでいろんなサイトを訪問しますが、皆さんそれぞれにまとめていて、とても見やすいです。 自分の弱点 […] -
Uncategorized
セルフチェックを欠かさない
しょーごさんのレビュー依頼をする前に、しょーごさんがnoteで配布してくれている「セルフチェックシート」に沿ってセルフチェックを行いました。 細かいところまでチェック項目があって、大変だなと感じますが、これからweb制作 […] -
Uncategorized
しょーごさんのコーディング課題【初級Ex】完走へ向けて~
こんばんは!現在4つ目のデザインカンプからのコーディングに取り組んでいます、たなちよです。 4回目のデザインカンプで、XDのデータ通りのpxを指定しているはずなのに、なぜかブラウザ上で拡大表示(約125%)されて困ってい […] -
Uncategorized
意外といろんなところで使えるul>li
勉強を始めた当初で出てくる<ul>タグと<li>。私の中で箇条書きのところでしか使わないと勝手に考えていましたが、意外にも、いろんなところで使われることを知りました。 例えば、ヘッダー部分右横に配置されること […] -
Uncategorized
新着記事一覧部分のマークアップについて
ちづみさんのコーディング課題を取り組んでいる時に、新着記事がお知らせで表示されるセクションがありました。そこのマークアップについてのお話です。 私は、自分で考えてhrタグなどを使ってマークアップしましたが、その後、その部 […] -
Uncategorized
SCCS(サス)について【未学習】
scssの勉強はまだこれからですが、4回目のデザインカンプ取組み時に、sccs(サス)を使えばより効率的にコーディングができる、ということを知りました。 しょーごさんも、独学ロードマップの中で、CSSの上位互換と仰ってい […] -
Uncategorized
CSSベース設定時のfont-sizeとrem指定について
2回目、3回目のデザインカンプを終えて振り返りをしている時に、「フォントのサイズ指定をどのようにやっていくのか」が、私にとって課題の1つでした。 pxが良いのか、remが良いのか、これについては時々ネットでも議論されるこ […] -
Uncategorized
しょーごさんのコーディング課題【初級Ex】実践1日目!(XDデータからの画像書き出し~HTML部分)
3回目のデザインカンプを終えて、ついにしょーごさんのコーディング課題に舞い戻ってきました!初級編を終えた頃よりも体力はあると思いますが、果たしてどこまで通用するか・・・頑張ります! XDデータからの画像を書き出すところか […] -
Uncategorized
最近の勉強手順
デザインカンプを3つほど終えた時点で少しずつですが、コーディングにも慣れてきました。どんどんコーディングの勉強を進めていきたい気持ちと裏腹に、現在保育園の登園自粛要請期間中ということもあり、なかなかPCの前にいる時間をま […] -
Uncategorized
ちづみさんの「コーディングの練習をしよう~その2~」完走しました!
ついに!ちづみさんのコーディング練習用デザインカンプ、完走しました!課題URLはこちら↓ https://note.com/chizumi_/n/n43e918e99656 所要時間は5日、20時間弱です。CSSとレスポ […] -
Uncategorized
ちづみさんの「コーディングの練習をしよう~その2~」実践中!5日目!
今日で完成させたかったんですが、日付超えてしまいそうなので、先にブログに作業メモを残しておこうと思います。ここまで、トータルで17時間くらいです。 ~気づいたこと( ..)φメモメモ~ ①ヘッダー部分をfixedでtop […] -
Uncategorized
ちづみさんの「コーディングの練習をしよう~その2~」実践中!4日目!
ここ1週間ほど、娘たちが通っている保育園から登園自粛要請がきたため、家で保育しているため、なかなか時間が取れませんが、毎日少しでも時間をとってPCに向かおうと思います。 今日は、PC用の画面でレイアウトを充てて終わり、レ […] -
Uncategorized
ちづみさんの「コーディングの練習をしよう~その2~」実践中!3日目!
HTML部分の組み立ては終わり、次はCSSをあてていっています。 少しずつですが、センタリングやボックス概念を理解しながらコードがかけてきているように思います。今までと違って、フォント周りには気をつけているので、フォント […] -
Uncategorized
ちづみさんの「コーディングの練習をしよう~その2~」実践中!
デザインカンプからのコーディング3つ目に突入してから、XDの操作にもだいぶ慣れてきました。ただ、今のところ「アートボードサイズというのがどこを確認すれば良いのか分からない」状態です。2xでとりあえず書き出しているところで […] -
Uncategorized
2つ目のデザインカンプからのコーディングを終えて・・・
クリスタさんのコーディング課題【初級編】のデザインカンプを終えて、PENGIN BLOGさんの方にある解説記事で振り返りを行いました。 1つ目のデザインカンプよりは少し良くなっているかなと思いましたが、解答コードや解説を […] -
Uncategorized
3つ目のデザインカンプからのコーディングに取り組む前に・・・
2つ目のデザインカンプで使用した、クリスタさんのデザインカンプ課題【初級編】はPENGIN BLOGさんの方で解説がされていますので、まずはその記事を読んで振り返ります。 また、PENGIN BLOGさんには2回目のデザ […] -
Uncategorized
クリスタさんのデザインカンプ課題【初級編】完走しました!
デザインカンプ2つ目となる、クリスタさんのコーディング課題【初級編】を完走しました!↓ https://crestadesign.org/cording-first/ 模写ではなく、デザインカンプとして行いましたので、ポ […] -
Uncategorized
デザインカンプからのコーディング2つ目に取組み中!気づいたこと。
1つ目のデザインカンプの時と違い、2つ目のデザインカンプに取り組む時には、1つ目のカンプの時には気付かなかったこと、出来るようになったことがあります。 まだ作成中ではありますが、ここに気づいたことを書き記しておこうと思い […] -
Uncategorized
ドットインストールの動画CSS編とXDからのコーディング実践YouTube動画
デザインカンプ2つ目に取り組んでいます。ここで、1つ目のカンプに取り組む前に見ておいたほうが良かったなと思う動画が2つあったので、覚書として記しておきます。また、これから取り組まれる方の参考になれば幸いです。 私が1つ目 […] -
Uncategorized
フリーランスで活動されている方とお話をさせていただきました!!
ツイッターで知り合った、フリーランス歴4年の方とお話をさせて頂く機会がありました。オンラインで初めてお話をさせて頂いたのですが、ざっくりと以下にまとめておこうと思います。 ①環境が大事(コーディングの環境、クライアントワ […] -
Uncategorized
2回目のデザインカンプからのコーディング課題に取り組む前に・・・
1回目のデザインカンプに取り組んでから1週間以上経っていたことと、前回からもっと改善してコーディングができないかを考えて、デザインカンプ課題に取り組む前に、動画やサイトで見直しをしました。 先日の記事でもご紹介したアキユ […]