2025/2/24（月）プログラミング日記
作業：3時間
作業内容
【Web制作コース 447日目】
- コーディング（サイト制作）
- 勉強（JavaScript）
| P | 【コーディング】 XDを使ったサイトコーディング 【勉強】 JavaScript（Udemy） |
| D | 【コーディング】 デイトラ「実務編」 DAY 21 XDのデザインカンプからコーディングしよう【自由課題】 Tips. 15 【見出し・ボタン編】見出し・ボタンのコーディング例 DAY 22 Photoshopのデザインカンプからコーディングしよう【自由課題】 Tips. 1 Photoshopをダウンロードしよう Tips. 2 コーディング用にPhotoshopの環境設定を変更 Tips. 3 コーディングする上で最低限使うPhotoshopツール紹介 Tips. 4 デザインカンプ上の「値」を取得する方法 Tips. 5 デザインカンプ上の「画像」を保存する（書き出す）方法 Tips. 7 （おまけ）ZeplinでXDのような操作感に！ 【勉強】 JavaScript（Udemy）【超JavaScript 完全ガイド 2025】 |
| C | Photoshopのデザインカンプからのコーディングは少し手間がいるのはわかった Zeplinがめちゃ神ツールっていうのも実感できる ただ、AffinityでPhotoshopがどれだけ代用できるか まだ試していおないのでAffinity次第かなあ🤔 Photoshopの手数自体はそんなに手間には感じないかも🤔 とにかく次のサイトをコーディング⤴️🔥 次はGSAP🙌⤴️🔥 |
| A | 1日のルーチンを積み上げる！ |
bakushin
【勉強】
JavaScript（Udemy）【超JavaScript 完全ガイド 2025】
4. 「条件分岐」と「繰り返し処理」と「エラー処理」
- イントロダクション
- ラベル文はこうなっている
- try-catch文を使ってエラーが起きても処理を継続させる方法
- try-catch-finally文はこうなっている
- throw文を使ってエラーを作り出す方法
- まとめ
2025/2/25（火）プログラミング日記
作業：1.5時間
作業内容
【Web制作コース 448日目】
- 営業
- 転職準備
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【営業 & 転職】 ポートフォリオサイトのワイヤーフレーム確認（MTG） 【コーディング】【勉強】 GSAP（Udemy） |
| D | 【営業 & 転職】 ポートフォリオサイトのワイヤーフレーム確認（MTG） 【勉強】 GSAP（Udemy） |
| C | ポートフォリオサイトのワイヤーフレームをMTGで確認 デイトラコミュニー内で応募していただいたデザイナーさんに感謝😊 GSAPを使ったりこれまで実装したことのないものも加えることになった すっごくワクワク⤴️🍀🍀🍀 GSAPの勉強はあまり時間取れず😓 とにかく相互のポートフォリオサイト制作が楽しみ！ |
| A | 1日のルーチンを積み上げる！ |
bakushin
ポートフォリオのデザインを作成していただくデザイナーさんです、感謝😊
アプリ案件のデザイン引き渡しが完了！
— かなえ | Web Design (@ngu_pursing) February 10, 2025
約1ヶ月の試行錯誤を経て、ようやく形になりホッとしています😌
今週から、コミュニティー内のご縁でコーダーさんのポートフォリオ制作に着手。これまで挑戦したかったクライアントに直接関わるエンド案件にワクワクしています✨…
今井香苗 | Webデザイナー
ホームページからLP、バナーまで、一貫したブランドイメージでビジネスをサポート。貴社の目的達成に向け伴走いたします。
kanaeimai-portfolio.studio.site
2025/2/26（水）プログラミング日記
作業：2時間
作業内容
【Web制作コース 449日目】
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 コーディング】【勉強】 GSAP（Udemy） |
| D | 【コーディング】【勉強】 GSAP（Udemy） |
| C | GSAP講座のコーディング開始 講師のファイル構成、記述方法はデイトラで学んだ方法と若干違う でも基本いっしょなので全然理解できる Shopifyのスターターコースについて情報提供をした |
| A | 1日のルーチンを積み上げる！ |
bakushin
いまさらながら😅
emmet で div.class と打ったら
<div class="class"></div>
ってなるって知ったずっとしたかったので方法なので emmet に感謝！
振り返ってみたらデイトラの初級編で取り上げられていた😅
2025/2/27（木）プログラミング日記
作業：6時間
作業内容
【Web制作コース 450日目】
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【コーディング】【勉強】 GSAP（Udemy） |
| D | 【コーディング】【勉強】 GSAP（Udemy） デザイン × コーディング × アニメーションで魅せる現役プロ顔負けの超秀逸なWebサイトが作れる！現場のGSAP/SCSSも習得できる！駆け出しWebデザイナー/フロントエンジニアが【圧倒的な武器】に手するための実践講座！セクション 4 – 5 |
| C | GSAPの実装セクションがついに開始 まだファーストビューまでだけどGSAP(stagger)を実装できた ちょっとでもスキルを付けていくのが楽しくてしょうがない フロントエンドで JavaScriptの重要性がかなり高まるかと考えたので本も購入 【今日困ったこと💦】 Live sever が表示されない（仮想ワークスペースに対応していないとプラグインの警告ある） → Go Live がVS Codeに表示された → でも Port5501 になって変更を保存してもブラウザが真っ白 結果、よくわからないけど時々解決するのでport5501をリロードしたりしてなんとか対処 読み込みが遅い？ChromeとVS Codeの連動に時間がかかってる？？？ |
| A | 1日のルーチンを積み上げる！ |
bakushin
今日のGSAP実装セクションをGIF化👇️
GSAP学んでたら、WebGL も発見！学びたくなる〜〜！実装したいなぁ！！😊
bakushin
2025/2/28（金）プログラミング日記
作業：1時間
作業内容
【Web制作コース 451日目】
- 営業
- 転職準備
- コーディング（サイト制作）
- 勉強（GSAP）
| P | 【営業】 クラウドソーシングで応募して営業をどんどん進める 【転職】 Wantedlyで応募 【営業 & 転職】 yenta登録 【コーディング】【勉強】 GSAP（Udemy） |
| D | 【営業 & 転職】 yenta登録 |
| C | 先延ばしにしていた yenta登録を完了 実際にサービスを覗いてみるとかなり有益そう 営業にも転職にもターゲットとなりそうな相手とcontactとれる感じがする まずはyentaをかまいながら営業、転職に活用する！ コーディングは家事で作業時間取れず |
| A | 1日のルーチンを積み上げる！ |
コメント