デイトラ40代プログラミング日記【18ヶ月目第5週】アラフォー初心者

2025/4/28（月）プログラミング日記

作業：2時間

作業内容

【Web制作コース 511日目】

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

P	【コーディング】 　bakushins-portfolio制作
D	【コーディング】 　bakushins-portfolio制作
C	今日も box-sizing: border-box; で快適😊 contact のdesignは再現した バリデーションなどを実装したらいよいよ👇️ 　SSG対応な page.js 　クライアントサイドバリデーション（Zod＋React Hook Form） 　honeypot による簡易スパム対策 　reCAPTCHA v3 チェック 　nodemailer によるメール送信 初挑戦の実装なのでワクワク🍀
A	1日のルーチンを積み上げる！

2025/4/29（火）プログラミング日記

作業：5時間

作業内容

【Web制作コース 512日目】

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

P	【コーディング】 　bakushins-portfolio制作
D	【コーディング】 　bakushins-portfolio制作
C	久しぶり（4ヶ月ぶりかな🤔）にinput(type=checkbox)を実装 チェックボックスを最小（width:1px height:1px）して隠すまでは覚えていたけど 、、、あれどうだったっけ⁉️🤔ってなってしまった 結局、 absoluteしてclipかけて見えなくするのを思い出し 次に、labelで input を面で覆って選択肢のテキスト、チェックボックスのどこをクリックしてもチェックが入る こんな構成にしないといけなかったことを思い返した ここまでで問い合わせフォームの UI は完成 あとは、バリデーション、reCAPTCHA、メール送信を実装する段階 reCAPTCHA v3 を実装しようと思ったら、reactのバージョンがまだ未対応だった npmインストールをやめて、reCAPTCHA v3 を自前実装することにした GCPで新しくプロジェクト立ち上げてサイトキーを発行する必要があった ちょっと今日は時間が足りないので、明日以降でGCP、reCAPTCHA、バリデーションの実装をする🔥
A	1日のルーチンを積み上げる！

2025/4/30（水）プログラミング日記

作業：2時間

作業内容

【Web制作コース 513日目】

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

P	【コーディング】 　bakushins-portfolio制作
D	【コーディング】 　bakushins-portfolio制作
C	Splide と Swiper のどっちがポートフォリオサイトに最適か chatGPT に相談した 結論は Splide の方が軽い、実装に素直、今後の計画も考慮すると断然にSplideの方が良い SEOを重視したいのでこの点で Splide は強い Swiper の方がライブラリとしては優れているって教えてもらった デイトラで Swiper 習ったから Swiper 推しなんだけどSEO的には Splideにした方が良い このあたりスワイプを実装するのに何が良いのか比較衡量できるようになったのは成長だと思う
A	1日のルーチンを積み上げる！