デイトラweb制作コース挫折？40代プログラミング日記【20ヶ月目第3週】

2025/6/16（月）デイトラweb制作コース挫折しない！ 560日目

作業：1時間

作業内容

【Web制作コース 560日目】

1. 【bakushins-portfolio制作 79日目】コーディング TOTAL 259時間

P	【コーディング】 　bakushins-portfolio制作 　Blogsのレスポンシブ 【Three.js】 　1 Tipsでも良いから進める
D	【コーディング】 　bakushins-portfolio制作 　Blogs, CTAのレスポンシブ
C	今日は中学生の2人の息子（中学生）のためにプログラミング企業の会社見学 Visual Basic, Ruby班に分かれた組織だった 市や県の行政との契約がメインでマイナンバーや納税時期に届く納付通知書などもこの企業内で印刷してると教えてもらった 50年以上続く企業で行政契約の1本柱だとまずいのでRuby版を作ったとのこと 実際にプログラマーが20人以上いる現場見学もさせていただいた イメージしていたようなプログラミン企業の現場！って体に伝わってきた 子どももすっごく感動してたけど私自身も感動！ デイトラWeb制作コース受講しながら企業見学したいなっって思ってたけどすっげ〜！ 挫折味わい続けてもこの空間は復活させてくれるわ！
A	A:1日のルーチンを積み上げる！

2025/6/17（火）デイトラweb制作コース挫折しない！ 561日目

作業：8時間

作業内容

【Web制作コース 561日目】

1. 【bakushins-portfolio制作 80日目】コーディング TOTAL 267時間

P	【コーディング】 　bakushins-portfolio制作 　Blogsのレスポンシブ 【Three.js】 　1 Tipsでも良いから進める
D	【コーディング】 　bakushins-portfolio制作 　Blogs, CTAのレスポンシブ
C	今日はすいすい行ける！ と思ってたらやばすぎた😆 まさかのStyleが効かない問題に直面‼️ globals, variables, moduleとSCSSが分け入ってこみいって頭がフル回転だった！ スイスイと行けるはずったのでギャップありすぎてまじ挫折を心では味わっていた😱 でも、デイトラ頑張ったからできる！
A	A:1日のルーチンを積み上げる！

2025/6/18（水）デイトラweb制作コース挫折しない！ 562日目

作業：8時間

作業内容

【Web制作コース 562日目】

1. 【bakushins-portfolio制作 81日目】コーディング TOTAL 275時間

P	【コーディング】 　bakushins-portfolio制作 　Blogsのレスポンシブ 【Three.js】 　1 Tipsでも良いから進める
D	【コーディング】 　bakushins-portfolio制作 　Blogs, Sidebarのレスポンシブ
C	Sidebarのレスポンシブをさっと終わらせて、あとは手のかかるFetch記事 の予定だったが、なんともSidebarからも時間がかかってしまった ここまで作成してきたコンポーネンツの関係性、JavaScriptやCSSの競合などなど 一つ一つの問題が絡み合っていてなかなかに進めない😱 これは挫折感がかなりせまってくる、、、 最近、Claudeって調子よくない感じ、Gemini最高だけどここ数日こちらも調子悪い そういえばchatGPTもあまり調子よくない感じ 総じてここ1−2週間、AI不調な気がする といっても早くデブロイしたい！
A	A:1日のルーチンを積み上げる！

2025/6/19（木）デイトラweb制作コース挫折しない！ 563日目

作業：4時間

作業内容

【Web制作コース 563日目】

1. 【bakushins-portfolio制作 82日目】コーディング TOTAL 279時間

P	【コーディング】 　bakushins-portfolio制作 　Blogsのレスポンシブ 【Three.js】 　1 Tipsでも良いから進める
D	【コーディング】 　bakushins-portfolio制作 　Blogs, Sidebarのレスポンシブ
C	Sidebarが1024-1279pxだとフェッチした記事本文を読むのに目障りな感じ sidebarのブレークポイント追加 370px, 1024px, 1440pxでブレークポイント設定 まあまあ良しという見た目になった んー、 globals.scssに importantがかなりあるなあ、要改善だわこれは🤔 で、次にJavaScriptのscroll設定これがなかなか決まらない Claude、Geminiに効きまくってなんとなくだけどできたかなあ🤔 明日もDO！
A	A:1日のルーチンを積み上げる！

2025/6/20（金）デイトラweb制作コース挫折しない！ 564日目

作業：4時間

作業内容

【Web制作コース 564日目】

1. 【bakushins-portfolio制作 83日目】コーディング TOTAL 283時間

P	【コーディング】 　bakushins-portfolio制作 　Blogsのレスポンシブ 【Three.js】 　1 Tipsでも良いから進める
D	【コーディング】 　bakushins-portfolio制作 　SidebarのScrollの位置調整, レスポンシブ
C	sidebarのScrollの位置調整がなかなか決まらない というかコードが効かない感じ JavaScriptでScrollの位置を監視してSidebarの位置を押上げたりするんだけどがんとして位置が動かない なんなら最終的にAIも諦めてSidebarを画面外にスイングした方が良いと、、、 挫折という感じではないけど（なんならデイトラWeb制作コースのほうが挫折感は圧倒的にある） ということでgridしていたので、Sidebarの幅を200fr → 280frへ変更 innnerのpadding-inlineも 1024-1279pxでは 50pxへ変更 これでなんとかSidebarのScrollの位置調整も完了とした！ 次は Works section！！
A	A:1日のルーチンを積み上げる！

2025/6/21（土）デイトラweb制作コース挫折しない！ 565日目

作業：7時間

作業内容

【Web制作コース 565日目】

1. 【bakushins-portfolio制作 84日目】コーディング TOTAL 290時間

P	【コーディング】 　bakushins-portfolio制作 　Worksのレスポンシブ
D	【コーディング】 　bakushins-portfolio制作 　Works記事詳細のレスポンシブ 　headerのアンカーリンク絶対配置
C	いや〜時間かけてしまったー😆 clampでプロンプト一発でレスポンシブで来たので追究してしまった 結果は1回だけ1発完了だったけど、あとは時間の浪費になった、、、 3時間位は浪費した、、、 結局、自分でブレークポイントのStyleを決めてclampの計算式を出した😱 まあ、とりあえず最低限の進捗はできたかな、、、 明日でworks詳細と、works, blogsのアーカイブをレスポンシブ完了したい！ そうしたら、どんなに遅くとも6/30までにはデブロイできるはず🔥
A	A:1日のルーチンを積み上げる！

2025/6/22（日）デイトラweb制作コース挫折しない！ 566日目

作業：5時間

作業内容

【Web制作コース 566日目】

1. 【bakushins-portfolio制作 85日目】コーディング TOTAL 295時間

P	【コーディング】 　bakushins-portfolio制作 　Works, Blogsのレスポンシブ
D	【コーディング】 　bakushins-portfolio制作 　Works, Blogsのレスポンシブ
C	ここ1週間は連日のclamp関数のプロンプト算出を追究してた section全体を一発のプロンプトでclamp算出するように目論んでた で、結局は一つ一つのblock単位でclampしていったほうが早い毎日だった 今日はそんなこともあり、blockごとに算出した まあ、順当な感じではある 今週のデブロイ予定だったけど１週間延期😤🔥
A	A:1日のルーチンを積み上げる！