2025/3/1（土）プログラミング日記
作業内容
【Web制作コース 452日目】
- 営業
- 転職準備
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【コーディング】【勉強】 GSAP（Udemy） |
| D | 【営業】【転職】 openworksに登録 【コーディング】【勉強】 GSAP（Udemy） デザイン × コーディング × アニメーションで魅せる現役プロ顔負けの超秀逸なWebサイトが作れる！現場のGSAP/SCSSも習得できる！駆け出しWebデザイナー/フロントエンジニアが【圧倒的な武器】に手するための実践講座！ セクション 6 – 8 |
| C | 昨日はGSAPのコーディングができなかったので遅れを取り戻したい ようやくGSAPの講座も50%完了というところ とにかくGSAPの基本形を2−3パターンでも実装できるだけでとっても有益！ stagger,scrolltrigerなど楽しすぎる😊 |
| A | 1日のルーチンを積み上げる！ |
2025/3/2（日）プログラミング日記
作業：5時間
作業内容
【Web制作コース 453日目】
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【コーディング】【勉強】 GSAP（Udemy） |
| D | 【コーディング】【勉強】 GSAP（Udemy） デザイン × コーディング × アニメーションで魅せる現役プロ顔負けの超秀逸なWebサイトが作れる！現場のGSAP/SCSSも習得できる！駆け出しWebデザイナー/フロントエンジニアが【圧倒的な武器】に手するための実践講座！ セクション 9 – 11 |
| C | GSAPの学習講座もあと25％ほどで完了！ デイトラのWeb制作コースを卒業した人なら特に難しいことはないはず とにかくGSAPってめちゃめちゃ便利なライブラリ！ JavaScriptの記述もなんでここにこのコードを書くのか理解が進んできていると思う （もっともこの講座だけではなくコードマフィア「独習JavaScript」などからも理解進んでる） gsap.timeline gsap.utils を使ってるけど for each ってやっぱり便利なコードだなって実感😊 明日にはGSAP完了したい！ |
| A | 1日のルーチンを積み上げる！ |
bakushin
👇️GSAP学習、今日までの開発状況（Sectionごとのタブ）
2025/3/3（月）プログラミング日記
作業：3.5時間
作業内容
【Web制作コース 454日目】
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【コーディング】【勉強】 GSAP（Udemy） |
| D | 【コーディング】【勉強】 GSAP（Udemy） デザイン × コーディング × アニメーションで魅せる現役プロ顔負けの超秀逸なWebサイトが作れる！現場のGSAP/SCSSも習得できる！駆け出しWebデザイナー/フロントエンジニアが【圧倒的な武器】に手するための実践講座！ セクション 12 – 14 |
| C | GSAPも講座を完了させる計画だったけど明日に持ち越しになった 明日はフッター、Loadingをコーディングして講座完了予定 今日の講座内容は目新しいことなし ただ、gsapのコーディングにも慣れてきたのでアニメーションのタイミングなどは自分で調整できるようになった GSAP完了して次のコーディングへ進める🔥 |
| A | 1日のルーチンを積み上げる！ |
2025/3/4（火）プログラミング日記
作業：4時間
作業内容
【Web制作コース 455日目】
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【コーディング】【勉強】 GSAP（Udemy） |
| D | 【営業 & 転職】 ポートフォリオサイトのアニメーションについてデザイナーさんとMTG 【勉強】 GSAPで 扇 → 円 のコーディング GSAP（Udemy） デザイン × コーディング × アニメーションで魅せる現役プロ顔負けの超秀逸なWebサイトが作れる！現場のGSAP/SCSSも習得できる！駆け出しWebデザイナー/フロントエンジニアが【圧倒的な武器】に手するための実践講座！ セクション 14 – 15 |
| C | 今日でGSAP講座を完了する計画だったけど明日に完了となった 明日に各セクションを読み込んで完了 ポートフォリオサイトのアニメーションについてデザイナーさんと再現可能か、すり合わせMTG AIに聞きながらGSAP（扇 → 円）のコーディング完了 やや修正点を残すもイメージ通りの再現になっているとデザイナーさんに確認✌️ りょーさんの沼脱もみたらGSAPの勉強が効率よくできそうで助かる🍀 |
| A | 1日のルーチンを積み上げる！ |
bakushin
今日のGSAP講座で学習したのはLoading実装👇️
AI見ながらデザイナーさんとすり合わせたGSAP👇️
2025/3/5（水）プログラミング日記
作業：4時間
作業内容
【Web制作コース 456日目】
- 営業
- 転職準備
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【コーディング】【勉強】 GSAP（Udemy） |
| D | 【営業】【転職】 ポートフォリオサイトのアニメーションについてデザイナーさんとMTG 自作のポートフォリオのURL変更 【コーディング】【勉強】 GSAP（Udemy） デザイン × コーディング × アニメーションで魅せる現役プロ顔負けの超秀逸なWebサイトが作れる！現場のGSAP/SCSSも習得できる！駆け出しWebデザイナー/フロントエンジニアが【圧倒的な武器】に手するための実践講座！ セクション 16 |
| C | Udemy講座【GSAP】の講座完了！ これで次のサイト制作へ進める ＆ 営業を強化できる React、Next.jsも勉強したいけど優先度は営業が先 自作のポートフォリオのURL変更した サブドメインを利用することでドメインを2つ持たなくて良いと結論 URL変更後にドメインを1つ解約することにした デザイナーさんから提案いただいたデザイン再現のためにアニメーションをコーディングしてみた GSAP、JavaScriptで再現できそう😊 明日から営業強化🔥 |
| A | 1日のルーチンを積み上げる！ |
bakushin
デザイナーさんからの提案で、ざっくりと試してみたアニメーション👇️
2025/3/6（木）プログラミング日記
作業：4時間
作業内容
【Web制作コース 457日目】
- 営業
- 転職準備
- コーディング（サイト制作）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【営業 & 転職】 ポートフォリオサイトの修正 【コーディング】 Affinityを使ってPhotoshopカンプからコーディング |
| D | 【営業 & 転職】 ポートフォリオサイトの修正 ポートフォリオサイトのデザイナーさんと連絡（DM） ブログサイトへポートフォリオサイトを吸収してまとめ ポートフォリオサイトのドメイン解約 【コーディング】 WordPressサイトのCSS（リボンタグ）が小さかったので修正 |
| C | ポートフォリオサイトをブログサイトへ吸収してまとめたのはサブドメインを利用できるから サブドメインを利用できるって契約時には知らなかった SEOでサブドメインって聞いていたからたいそうなものかと思っていた けどめっちゃ簡単にサブドメインって発行できるんだってわかった で、今日はなぜか「All-in-One WP Migration and Backup」使ってもLocalからサーバーへ移行がうまくいかない で、2時間近くかかってLocalの「All-in-One WP Migration and Backup」からリンク先へ遷移して、サーバー側にプラグイン追加で移行完了 たぶんプラグインのバージョンとかの問題だたんだと思う WordPressもPHPもヴァージョンはLocalとサーバーで一致していたから 思ったより疲れた😅 明日こそAffinityを使用開始する！ |
| A | 1日のルーチンを積み上げる！ |
bakushin
bakushin
今日からこのサイトのサブドメインを発行してポートフォリオに載せるサイトを公開開始👍️
2025/3/7（金）プログラミング日記
作業：0.5時間
作業内容
【Web制作コース 458日目】
- コーディング（サイト制作）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【コーディング】 Photoshopカンプからのサイト制作 |
| D | 【コーディング】 Affinity Photo2 で Photosyopカンプの読み込み |
| C | 確定申告に想定より時間がかかりすぎたため作業時間ほとんど確保できず💦 なんとしても Affinity photo2 で Photoshopカンプを読み込めるか確認だけはできた！ 若干、ことなる操作感や設定はあるけどファイル自体は読み込めたので制作に取り掛かれそう😊 |
| A | 1日のルーチンを積み上げる！ |
2025/3/8（土）プログラミング日記
作業：2.5時間
作業内容
【Web制作コース 459日目】
- 営業
- 転職準備
- コーディング（サイト制作）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【コーディング】 Photoshopカンプからサイト制作 |
| D | 【転職】 Wantedlyで 2件エントリー 【コーディング】 Affinity Photo2 の設定変更、読み込み確認 Affinity Photo2 の操作についてデイトラ雑談相談スレッドで質問 |
| C | Wantedlyで2件のカジュアル面談を申し込んだ スキル的にはWeb制作の現状のレベル感でカジュアル面談はできそう まずは話をしてみないとわからないので返信を待つ |
| A | 1日のルーチンを積み上げる！ |
bakushin
デイトラの雑談部屋で質問👇️
実務編でPhotoshopのカンプからのコーディングを進めているのですが、ワイヤーフレームが一つしかなく、画像やテキスト一つ一つを選択できない状況です。
- AIやググってみるのですが、デザインカンプ自体にデザイン全体のワイヤーフレームが一つしかないのか
- PhotoshopとAffinityの互換性の問題なのか
と考えています。
Affinity Photo2 でデザインカンプから画像を一つ一つ選択する方法をご存じの方がおられれば教えていただきです。
☝️
2025/3/9（日）プログラミング日記
作業：0時間
作業内容
【Web制作コース 460日目】なし
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【コーディング】 Photoshopのデザインカンプからサイト制作 |
| D | なし |
| C | 家事で体力使い果たし作業できず😓 |
| A | 1日のルーチンを積み上げる！ |
コメント