第4回デイトラ実案件チャレンジに参加しました|制作の流れと反省点

第4回デイトラ実案件チャレンジに参加した体験記事のサムネイル画像

こんにちは。いっきー(@ikirin_web)です。

今回は、2025年11月17日から25日に開催された第4回デイトラ実案件チャレンジに参加したので、感想を書いていきたいと思います。提出したLPは制作実績ページにまとめています。こちらからご覧いただけます。

最近はポートフォリオサイトのGoogle Search Consoleへの登録や営業準備、身内案件のサイトのサーバーアップ準備などが中心で、本格的なコーディングから少し離れていました。

「もし本当に実案件を受けたとき、期限内に最後までやり切れるのか…?」
そんな不安がずっとあったので、思い切ってチャレンジに参加しました。

実案件さながらのスケジュール感や、想定外のトラブル対応など、かなり濃い1週間だったので、今回のチャレンジを通して感じたことや学んだことをまとめていきたいと思います。

第4回デイトラ実案件チャレンジ、提出できました!

1週間というタイトなスケジュールでしたが、なんとか提出できました。
嬉しいです……!

まずは実際のスケジュール感です。

📅 スケジュール

  • 11月17日:デザインカンプの全体確認、必要なアニメーション、変数定義、Gulpのインストール、画像ダウンロード
  • 11月18日:全体(ヘッダー〜フッターまで)のHTML作成
  • 11月19日:CSS(PC版)10セクション中6セクションをピクセルパーフェクトで完了
  • 11月20日:残り4セクションのPC版CSSを完了(ピクパも完了)
  • 11月21日:SP版CSS、6セクションを完了(ピクパも完了)
  • 11月22日:残り4セクションのSP版CSSを完了(ピクパも完了)
  • 11月23日:アニメーション実装、レスポンシブ対応
  • 11月24日:レスポンシブ対応の続き、細かな調整、品質チェック、サーバーアップロード

合計:101時間15分

思わぬところで沼りまくって、正直めちゃくちゃ時間を溶かしました。
でも、実際の案件でも想定外のことは普通に起こると思うので、今回の経験は本当に大きかったです。

キャンペーンサイトLPでは、183時間かかっていたことを思うと随分と時間を短縮できたのではと思います。

デイトラ実案件チャレンジ、凄いです

架空の外資系コンサルティング企業の採用LPのメインビジュアル画像

今回の課題は外資系コンサルティング企業の採用LP


今までのデイトラ課題で学んできた内容や、細かい配慮(ホバーアニメーションなど)が盛りだくさんで、かなりの腕試しになりました。

デイトラWeb制作コースの中級編で出てきた実装やウィークリーコーディングの応用、忘れていたモーダルまで…振り返ると本当に濃かったなと思います。

私自身、LP制作に関してスケジュールを決めて進める経験がほとんどなかったので、それを体験できたのもすごく良かったです。

何がなんでも提出する。これを最初に決めました。

今回、一番最初に

何がなんでも提出する。

これだけは決めていました。

今までは「できるかもしれないけれど、できないかもしれない」という不安が先にあって、もし期限を聞かれていたら自信なく答えていたと思います。

けれども今回のチャレンジを通して、期限が決まっていると、腹を括って「何がなんでもやるしかない!」という気持ちになれるんだと実感しました。

正直、心が折れそうな瞬間は何度もありました。でも、最初に「提出する」と覚悟を決めていたので、最後まで諦めるという選択肢はありませんでした。

予想外のトラブルも大量発生

今回の制作中、本当にいろんなトラブルが起きました。

  • VSCode の Gulp が動かなくなる
  • npm install が固まる
  • Figma の画像がダウンロードできない
  • 非固定ヘッダーで内部リンクがずれる
  • SVGコードが取得できず、自作対応が必要に
  • Swiper のプログレスバーとスクロールバーを間違える
  • 背景装飾のレスポンシブがうまく配置できない
    …などなど。

1つのトラブルに数時間持って行かれることも多かったのですが、そのたびに調べて、試して、失敗して、また試して……を繰り返しました。粘り強く対応できたことが何よりの収穫だったと思います。

※ 詳しい沼ポイントは別記事にまとめています。

デイトラ実案件チャレンジでの反省点

今回は「実案件でもこういう“初めて”が起こるはず」と思い、あえてFigmaの開発モードを使わずデザインモードだけで実装してみました。

結果、想像以上に時間がかかりました。

SVGをコードで読み込んでいたのは、開発モードのおかげなんだと改めて実感。
「こんなに時短になってたんだ…!」と衝撃を受けました。

次からは迷わず開発モードを使います……!

まとめ

今回のデイトラ実案件チャレンジでは、思わぬトラブルや初めての壁にたくさんぶつかりましたが、そのたびに調べて試して改善して…と、最後まで諦めずに走り切れたことが大きな自信につながりました。

実案件でも想定外は必ず起きると思います。だからこそ、「問題が起きても粘り強く対応して完遂できる」という経験を積めたのは本当に大きかったです。

このような機会をくださったデイトラ運営のみなさま本当にありがとうございます。これからもコツコツと積み上げていきます!

最後まで読んでいただき、ありがとうございました。

ページトップへ戻る