jin｜Web制作(兼業コーダー)

長崎｜Web制作｜あなたの"やりたい"を形にします｜ デイトラWeb制作コース卒業｜ ▼ご相談・ご依頼はDM、メール([email protected])、又はこちらからお願いします↓

[jin｜Web制作(兼業コーダー) @jin_webcorder]

☑️ポートフォリオサイト制作
Privacy policyページ、404ページ完成

静的コーティング、残すは1ページ！
次からWordPressの実装に進むぞー👍

#デイトラ
#コーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

☑️ポートフォリオサイト制作
(Topページ、Worksページ完成)

あと少しで静的コーティングが終わりそう
このままWordPressの実装まで丁寧に仕上げていくぞー✊

なかなか時間が取れないけど、空いてる時間は全てコーティングに充てられてる

今は忙しい時、頑張ろう！

#デイトラ
#コーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

☑️ポートフォリオサイト制作

久しぶりに時間が取れたので、ポートフォリオサイトの制作を進めました！

アニメーションを多く取り入れてるので、違和感ない自然な動きになるように意識して実装しています🤔

#デイトラ
#コーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

☑️既存Studioサイトの修正案件対応
☑️ポートフォリオサイト制作

現在、既存サイトのレスポンシブ対応の案件をさせていただいてます。

Studioの操作については、学びながらの対応ではありますがクライアント様に満足していただけるよう、細部まで丁寧に仕上げるぞ！👍

#デイトラ
#コーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

@_maridesign デザインが素敵で、実装するのが楽しいです！
完成した作品をお見せできるのを楽しみにしています😊

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻ポートフォリオ制作

今日からmariさん(@_maridesign )にデザインしていただいたポートフォリオサイトの制作に取り掛かりました！

長崎市を背景に作品を斜めに並べて無限スライダーを実装！
ボタンは長崎の夜景をイメージした色に💡

デザインが本当に素敵すぎます！！

#デイトラ
#コーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻斜め方向の無限スライダー
フローセクションのアニメーション
⏳ 6h

時間はかかりましたが、GSAPの勉強を進めながら制作し、意図した通りに動いてくれた時はすごい達成感がありました！

#デイトラ
#コーディング
#Web制作

[jin｜Web制作(兼業コーダー) @jin_webcorder]

今日からデイトラ卒業制作の2つ目を開始
目標はWordPressに慣れること！
✅ ヘッダー(完成)
✅ ファーストビュー(完成)
⏳ 6h

まずは、静的コーティングを確実にスピーディーに終わらせる👍

#デイトラ
#Web制作
#コーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業：アニメーション実装

1.段階的なメニュー
2.文字を自然にばうか
3.3Dに写真を並べて回転させよう

ウィークリーコーディングを進めました

アニメーションの実装はセンスがでるところだと思うので、細かいところまで気を配って実装をしていきたいです！

#デイトラ
#ウィークリーコーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業：アニメーション実装

1.曇りガラス風ぼかし効果
2.背景をテキストマスク
3.水平方向の無限スクロール
4.スライド式に帯が出るホバー表現
5.スクロール中に見出し、画像の固定
6.流体シェイプ
7.テキストが円周に沿って回転

#デイトラ
#ウィークリーコーディング
#コーディング
#リベシティ

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業：アニメーション実装

遅くなりましたが、デイトラウィークリーコーディングを開始しました！
ドットフィルターやテキストアニメーションを実装しました！

コード管理は、学習したGit/GitHubで継続中、実務につながるスキルを少しずつ増やしていこう！👍

#デイトラ
#ウィークリーコーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業：Git/GitHub設定
📚リキッドレイアウト学習

今日はGitとGitHubの学習・設定を。
コードのバージョン管理の大切さや共同作業のやり方について理解することができました。

あわせてリキッドレイアウトも猛勉強中。
レスポンシブにかけていた時間を減らすことができるかも！(使い所には注意⚠️)

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業 スニペット登録
📚Claude Code

先日の勉強会で学んだことを実践してみました。

まだまだ上手く使いこなせていないけど、少しずつCLAUDE.mdを育てて理想の形に近づけていきたいです！

#Web制作
#デイトラ
#リベシティ

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業 スニペット登録
📚Claude Code勉強会に参加

今日はリベシティのClaude Code勉強会に参加してきました！

AIの進化の速さには驚かされるばかりですが、最後はやっぱり「人間力」が案件獲得の鍵になる。この言葉が深く刺さりました。

今後も人との繋がりを大切に、勉強と営業を頑張ります！

[jin｜Web制作(兼業コーダー) @jin_webcorder]

@__to__my @__to__my とみさん、こちらこそありがとうございました。
楽しいお話を聞かせていただきました！
こちらこそよろしくお願いします🫡

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業 スニペット登録

今日は【運営.制作.リスキリングメンター】マサタカさん@Helixia_Inc の個別相談会に参加させていただきました。

初案件獲得に向けての今後の行動について教えていただき、自分では思いつかなかったアプローチの仕方や、人と関わることの大切さを学ぶことができました。

[jin｜Web制作(兼業コーダー) @jin_webcorder]

@nono_desing はじめまして、突然のご連絡失礼いたします。ランク、ゴールドおめでとうございますぜひご一緒にサイト制作をしたいと思いご連絡しました。LP,コーポレイトサイト,WordPress継続的に対応可能です！ポートフォリオもありますのでぜひご覧ください。
https://t.co/2AXi8HwSuw

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業 模擬LP制作
⌛️時間 5h(計18h)

今日も引き続きLP制作を進めました

話題のClaude Codeもインストールして今後のAIとの向き合い方も考えていきたいです

AIに指示を出すにも、自力(知識)がないと思い通りの指示を出せないと思うから、しっかり自力をつけることに集中

#デイトラ
#コーディング

[jin｜Web制作(兼業コーダー) @jin_webcorder]

📋案件応募 5件
💻作業 模擬LP制作
⌛️時間 4h(計13h)

初めて案件に応募しました！
どんな内容を書くか迷いましたが、今自分ができる事を正直に伝えることにしました。

結果はもう少し先にわかりますが、結果はどうであれ、今まで踏み出せなかった一歩を踏み出せたのが成長だと思います！👍

[jin｜Web制作(兼業コーダー) @jin_webcorder]

💻作業 模擬LP制作
⌛️時間 5h(計9h)

だいぶ感覚が戻ってきました〜👍
ひと通り各パーツを作り終えたので、これからどんどん組み立てていきます！

挑戦できそうな案件募集を見つけたので、初めてですが応募してみたいと思います！

不安ですが一歩踏み出してみます🫡

#沼脱
#デイトラ