はる＠web制作

web制作｜コーディング・アニメーション実装
第4回デイトラ実案件企画 合格
LP/wordpress対応
◇ご相談・ご依頼はDMまたはポートフォリオから

[はる＠web制作 @haru_willstudy]

しれっとポートフォリオ改修終了！
デザインから構築、デプロイまでclaudecode伴走で、正味4,5日で公開まで行けた🫡

気が向いた人は見てってくださ〜い
https://t.co/qdQFrteAD7

[はる＠web制作 @haru_willstudy]

デモでホームページのデザインを2案作ってクライアントに送った。

AI連携させて、下調べ含めて3.5時間ぐらいで形にしたけど、「どうしよっかな・これ違うな」と検討 / 修正した時間のほうが圧倒的に長かった。

自分の目で確かめる作業がめちゃくちゃ重要でした。

#ClaudeCode #AI制作

[はる＠web制作 @haru_willstudy]

案件応募するのにこんなデモ作ってみました！

・カテゴリ＆キーワードで講座を絞り込み・検索
・ページを再読み込みせずパッと切り替わる
・PCでもスマホでも見やすく
合格したら嬉しい。笑

#web制作　#営業

[はる＠web制作 @haru_willstudy]

claudecodeのmaxプランにアップグレードしようと思ったけど、なぜか決済がはじかれる。。。
問い合わせしてもチャットが強制終了だし、解決方法知ってる人いたら教えてくださーい🙇

[くるしば | ソフトバンクよりReact本発売中 @shiba_program]

HP作成の案件、デザイナーなしでもできてしまいそう

1200点近くのイケてるWebサイトテンプレートが無料でDLできる「Template Party」

色やトンマナ、業種で検索できるのもすごくいい

このテンプレをCursorに指示出して編集すればそれだけでそこそこのサイトできそう

無料で全て商用利用、編集可能

[はる＠web制作 @haru_willstudy]

@aballi_kato 私も全く同じ通行止め食らったので、思わずリプしてしまいました。
こちらは湯沢ICで降りて急遽一泊です😭

[はる＠web制作 @haru_willstudy]

WordPress構築前の確認用で、cloudflare pages使ってみたんだけど、めちゃくちゃ便利じゃないですか？
githubと連携しpushしておけば、先方のタイミングで確認してもらえるし！

1人でテンション上がってしまった😆

[はる＠web制作 @haru_willstudy]

お問い合わせで良く見かける住所入力すると自動で反映されるやつ。

yubinbangoというライブラリ使ったらめちゃくちゃ簡単に実装できた！(jQuery非依存)
・scriptでライブラリ読み込み
・cssを割り当てる
これだけで、初見でも数分で実装終了

便利すぎ🙏

[はる＠web制作 @haru_willstudy]

自分に気合を入れる意味も込めて、開業届を提出しました！

・・・提出してしまえば、あとはやるしかなくなるって寸法です。笑

[はる＠web制作 @haru_willstudy]

ココナラ出品したタイミングで、しれっとアイコン変更しときました！
いやぁ～今のAIってホント凄いのね。(今さら！)

[はる＠web制作 @haru_willstudy]

@showheyohtaki 契約書

[はる＠web制作 @haru_willstudy]

遅ればせながら合格の報告！
本業終わりに夜な夜な作業した甲斐がありました😭

総評も頂けて嬉しい限り。。。
もっと精進するぞーー🔥

企画してくれた #デイトラ さん、レビュー頂いたはにわまんさん(@haniwa008)誠にありがとうございました！

#実案件チャレンジ #

[しょうへい｜デイトラ代表 / AI経営顧問 @showheyohtaki]

#デイトラ Web制作コース
第4回 #実案件チャレンジ 結果発表🎊✨

今回は全体的に品質が高く、なんと約8割の方々が合格水準でした🎉

📝審査基準
✅デザイン再現度：50ポイント
✅アニメーションや仕様等：50ポイント
の合計100ポイントで、8割の80ポイント以上を取れている方を合格としています。

👑優秀賞
@yunastyle0428
@shunei_web
@aco_web36

上記の3名の方は、なんとチェック項目に対して満点合格でした！すばらしい👏✨

🥇合格者一覧
@tsuru__web
@web405510529922
@oubai1108
@senyayi
@yellow___web
@mar_web_design
@zuzu_chan22
@ryo_web0712
@to82536
@yuichi1708
@UruMiku
@yunastyle0428
@sho_web440
@fasao_web0305
@sayakatsuji
@Beji1210
@shunei_web
@shifthub2025
@shogo_web_
@Hinotuka_No1
@ikirin_web
@kii_webbb
@nami_design73
@web895302414432
@honu55creator
@aco_web36
@yumi_web0528
@chisa_dailylog_
@odango_hoppe
@kabura_oishi
@haru_willstudy
@NagomiDesigns
@biba_jin2
@yaru_or_yaru
@y_ma_1110
@9696tashiro
@sa7e110
@TKG1494863
@ryo224web
@hayakawa_design
@umi_PortoLino

=========

🎓総評
久しぶりの開催で気合いが入った方も多かったのか、今回は一段とレベル高かったです👏

また、課題中に何箇所か「 #ウィークリーコーディング 」で扱った実装も取り入れたのですが、皆さんきちんと対応されていて、日々の学習の成果が感じられました✨

合格された皆さんには、実務レベルのコーディング力であることを証して、添付のような合格証を進呈いたします👏㊗
本当におめでとうございます！！！
なお、大量の応募にも関わらず、応募作品はすべて、デイトラWeb制作コース講師であり、連結社員数6000人規模の大企業のグループでWeb部門の制作リーダーも担当されている @haniwa008 さんがチェックしてくださいました...！

さらにレビューコメントまで書いてくださったので、合否にかかわらず、参加された全員にコメントをお送りしたいと思います。（はにわまんさん、本当にありがとうございます🙇‍♂️）

レビューコメントは、参加登録いただいたメールアドレスに1週間以内にお送りしたいと思いますので、届くまで楽しみにお待ち下さい😊

それでは、第5回開催もお楽しみに🙌

[はる＠web制作 @haru_willstudy]

#デイトラ #実案件チャレンジ
ぎりぎりだけど、どうにか間に合った！！
ご確認、よろしくお願いします🙇‍♂️

https://t.co/WunAviJvlF

[はる＠web制作 @haru_willstudy]

#デイトラ #実案件チャレンジ

挑戦中！
難しそうなカ所は大体終わった感じがするので、あとは時間との勝負です💦

今日はここまで💤

[はる＠web制作 @haru_willstudy]

家族でUNOしたんだけど、こんなことってあるの？

[はる＠web制作 @haru_willstudy]

初の案件取得(コーポレートサイト)となり無事納品！
会社員だと自分自身のスキルで稼ぐ体験があまりできないので、
・自ら選んで学んだスキルで
・価値提供して
・対価をいただく
貴重な経験ありがとうございました！
とりあえず楽しかった。

#デイトラ
#wordpress

[しょうへい｜デイトラ代表 / AI経営顧問 @showheyohtaki]

#デイトラ Web制作コース
第4回コーディング #実案件チャレンジ 開催決定🏆✨

しかも！今回は合格証をもらえるだけでなく、優勝者には賞金＋実案件の確約つきです💰

『実案件（レベルに）チャレンジ』が、本当に実案件へのチャレンジになりました笑

6月末〜7月初旬に開始予定です😊お楽しみに！

[はる＠web制作 @haru_willstudy]

ポートフォリオを作成中ですが、デザイン力皆無だから苦戦中！笑

色々アニメーションも触りながら、とりあえず名刺代わりの物ができれば🫡

[はる＠web制作 @haru_willstudy]

#web制作

gulpのreloadってbodyタグが入ってないと、正常に動作しないの？😭

効率化しようとしてテンプレートファイルいじってたら、reload効かなくなってめちゃくちゃ時間溶けて行った・・・笑

動くようになったから一安心！

[はる＠web制作 @haru_willstudy]

figma側でサイドバーにデザインファイルを追加することで、解消できた！
特にいじってないはずだけど、前から同じ仕様だったっけ？？🤔

直ったから、スッキリ眠れそう😮‍💨
深くは考えないでおこう！笑

[はる＠web制作 @haru_willstudy]

あれ？
figma for vscodeでFigmaのファイルが1つも出てこない…
なぜだ🤔
ログインは問題なくできるし、再インストールしてもダメ、違うバージョンインストールしてみてもダメ。

なんでやねん！😠