butterspring

デイトラWEB制作コースを2024/9/1から始めています。学習記録として日々思うこと…

butterspring

デイトラWEB制作コースを2024/9/1から始めています。学習記録として日々思うこと、理解したこと、疑問点などを書いていきたいと思います。

最近の記事

web制作のことを考えている時間が増えてます

パディング、マージン、 赤いところは掻かないでね、早く良くなってくださいね。 いろいろなことをしててもついつい考えてしまいますね。 振り返りに時間かかってますが、早く中級に進みたいです。 他の受講者の学習記録を見てると楽しそうです。

    • デイトラコミュニティに入りました。

      こんばんは、今日もお疲れ様です。 10月だというのにとても暑い日でした。街には半袖の人も何人か見かけました。 振り返りはまだもう少しかかりそうです。 空回り感と手応え感、どちらも感じています。 迷ってましたが思い切ってデイトラコミュニティに入会してみました。 迷ってるならやってみましょう。

      • 足はどうあるべきか?

        学習記録ではないですが、インソールを作ろうと思ってます。 自分の足はどうあるべきなんだろう?という問いかけを続けた結果、正解かどうかはわかりませんが必要だなと思いました。 WEB制作学習、わからなくなって、スイーツホームページ作りから振り返り中。 先に進むべきだったか?振り返りをやって良かったのか?と少しは考えたりもしたが、、、多分どっちを選んでも大した変わりはないんだろうと思いました。 一回目はただなぞるだけでしたが、今回の振り返りは多少の知識もついたからか「これはどうな

        • デイトラ初級  次はDAY24だけれども               足踏み、振り返り、知識の整理を行う

          学習における自分の欠点というものをそれなりに理解しているつもりです。いろいろありますが、一番やりがちなことが、 「先に先にと進みがち、気づいた時には「わからない沼」のど真ん中」  です。 なのでちょっと最初から振り返りしました。4つの強力な武器とともに。 clibor NOTION CodePen DeepL ❶cliborによってコピペの効率がむちゃくちゃ上がります。ストレスが本当に減ります。 ❷Notionの使い方がようやくわかってきました。単語帳です。メ

        web制作のことを考えている時間が増えてます

          デイトラ初級DAY23           CSSの上位互換!Sassを学習しよう

          日記 ・VSCODEにLive Sass Compilerのインストールをして使うのがうまくいかなくて最初の段階で大きくつまづく。メンターさんに何回か質問して本当に何でも無いところで盛大にすっ転んでいたことに気がついてちょっと落胆。 「わからない」ってこういうことなんだと思う。例えていうなら触ったことない人に「ギターの弦を換えといて」と伝えてもチューニングが狂わないように弦を張れる人なんていないと思う。たとえ正解の現物を見つつ弦を換えたとしても。 ・上のこととは別に、、、「

          デイトラ初級DAY23           CSSの上位互換!Sassを学習しよう

          3年前に買った本

          当時は全然読めなかったけど、今なら読めるし、知識の整理にすごく役立つ感じ。 昨日今日とデイトラの学習ができない環境だったけど、結構タメになったような気がする。 一旦知識を得たあとで整理するために本を読むのは、、アリだな。

          3年前に買った本

          Web制作初級編 DAY18~19(復習) DAY21〜22jQuery実践課題

          日記動いた。 Menuを押すとMenuリストのところに飛んじゃうけどもちゃんとドロワーメニューが表示される。 画面右下に置いたTOPボタンを押すと一番上までスクロールしてくれる。 よかった。まだ詰まってない。まだやれることがわかってよかった。 DAY22のモーダルウィンドウ、、、あまりにもやることが膨大に見えて気持ちが萎えたので、、、明日以降にやるとしよう。 今日はここまで。 まとめクリックイベント(クリックすると何かが起こる) jQuery("セレクタ").on("c

          Web制作初級編 DAY18~19(復習) DAY21〜22jQuery実践課題

          Web制作コース 初級編 DAY13〜16(復習)

          >日記・『「なんとなく理解した」で後々詰まるのはもったいない』、現代においてはAIに細かく質問できるのでその都度どんどん聞いて理解を深めていくのが正解ではないか、、、と動画の中で言われていた言葉。 その通りかもしれない。 >理解できたこと・スコープの考え方 / グローバル変数 let message; //必ずしも=で初期化する必要はない function greet(name) {     //関数を定義  // ローカル変数  let greeting = "こん

          Web制作コース 初級編 DAY13〜16(復習)

          デイトラ学習記録17日目 2024年9月17日

          >日記昨日は理解できるような気持ちになり今後に希望がモテるように思えたが、、、 今日は一転、理解が追い討つかないような状態。 明日が不安でたまらない気持ちでいっぱい。 でも、、、明日、もう一度繰り返しやってみましょう。 繰り返しは有効な手段だとわかっているので、とりあえずもう一度やってみよう。 >注意する点 ・btnをbtmと打ち間違えただけで動かなくなくなる。vscodeもその間違いは指摘してくれなかった。 ・fontSizeのSを小文字にするだけで動かなくなる。 ・j

          デイトラ学習記録17日目 2024年9月17日

          デイトラ学習記録16日目 2024/09/16

          日記Geminiに「小学生にもわかるように解説して」と問いかけることで、理解がしやすくなった。これからも使っていきたい。 前日までのDocument絡みのところが非常にわかりにくかったけども、、jQueryの章を終えたところでだいぶ腑に落ちたように思う。 うん、、動画を見て理解ができるのならば(後で自分1人の力では再現できないとしても)とりあえず進んでいくというやり方でなんとか行けるのではないかと思えた。 >わかったこと・document.querySelector( CS

          デイトラ学習記録16日目 2024/09/16

          デイトラ学習記録15日目 2024/09/15

          >日記 どこまで到達したらわかったことにするか? 若い頃は「しっかりと覚えないとわかったことにはならない」と考えていた。 でも、新しい環境の職場などになった時などはなんとか現場が回るくらいの理解(60%)をしたら あとはその60%くらいの知識を微妙に組み合わせて時には修正し、どんどん経験を積んで、 とにかく現場が回るように動いてく、、みたいな考え方でやってきた。というかそれでないと スピードが維持できない。 今回のWEB制作も各単位ごとのしっかりとした理解はどうも難しそうなの

          デイトラ学習記録15日目 2024/09/15

          デイトラ学習記録13日目 2024/09/13

          javascriptについての講座 以前、Rubyについてprogateで学習したことがあるせいか似ている部分がありまだ理解はできるようだ。ただ実際にホームページを作るとなると勝手は違うとは思うけれども。 ひょっとして先のケーキ屋のホームページ作成においてもprogateで先にHTMLやCSSについて学習していればストレスなくやれたかもしれない。 ブラインドタッチはスピードはゆっくりではあるが正確さは身についてきていると思う。 少しでもストレスを減らすようにこれからも頑張って

          デイトラ学習記録13日目 2024/09/13

          11日目 24/9/11

          一区切り終わった。emmetとか、コードを辞書登録みたいにして使えるようにするとこまで終わった。 最後までやり遂げることができるだろうか? 不安でいっぱいである。 正直いうと心が折れそうである。 質問は何度かしている。 メンターの方々からは丁寧に、そしてすぐに回答が返ってくるが、、、なんとも理解が追いつかない自分がいる。 わからないというか、、動画の通りにやっても動画の通りにならないことがとても多い。そこで時間がかなり割かれてしまう。 ほとんどの受講生の方々は、、、つま

          11日目 24/9/11

          デイトラ学習記録 8日目

          理解したこと ・修正や更新などでタグを変更することがある。その時に全てのタグにクラス名をつけておくと編集が楽になる。  クラス名にスタイルを当てていた方が楽。 ・プラグインZENKAKUにより、スペルミスには波線。全角だとグレーになる。 ・pictureタグ。スマホサイズとpcサイズでそれぞれ別の画像を使う。境目は768px。 ・タグには「何かしら」の機能が搭載されているのだろう。 ・merginとpadding  親要素と子要素の間(親子間)の余白はpadding、隣り合っ

          デイトラ学習記録 8日目