ENTRYENTRYMEMBER社員の一日密着FrontendEngineerフロントエンドエンジニアフロントエンドエンジニアは、「デザイナーが設計したデザインをWebサイト上に具現化するお仕事」です。ディレクターやデザイナーとコミュニケーションをとりイメージを擦り合わせながら、より快適なサイトを目指し構築をおこないます。幅広い知識と柔軟な考え方が求められ、最新技術をキャッチアップしながら効率性を追求していくことも重要になります。多くの人の目に触れるサイトを自分の手で作り上げていくワクワク感と、日々できることが広がっていく楽しさが味わえる職種です。本音スピードが求められるため、時間に追われ焦ることもあります。実装方法も要件によって最適解が変わるので、ユーザーは何を求めているのかディレクターと相談しながら適切な実装方法を模索したりと一筋縄ではいかないことも多々あります。覚えることも多く、案件の窓口やディレクションもおこなうこともあるのでつらくて大変なときもあります。検索して自分が作ったサイトが表示されたときの嬉しさはもちろん、ユーザーが直接触れる部分を任されている分、利用者のリアクションが耳に入ってきやすいので反響があったときの喜びは何にも代えがたいです。始業時間になると全体朝礼が始まります。そのあと各チームごとの朝礼があり、チーム内で作業予定や連絡事項などを共有し、業務を開始します。予定やメールのチェックから始まります。その日やるべき事と、それぞれの所要時間の目算、優先順位をタスク表に素早く整理し、一日の進捗目標を立てます。自分に制限時間を課すことで、やる気を上げるルーティンとなっています。11:00ECサイトのフロントコーディングクライアントからの突発的な差し込み依頼は特になかったため、タスク表に沿って作業を開始します。ディレクションとコーディングを兼任しているECサイト案件について、スケジュール的に本日中までに仕上げてしまいたい画面があるため、16時にかけてコーディング作業をおこなう予定。近くのコンビニで、新商品の濃厚豚骨チャーハンおにぎり(半熟卵付き)を味わう。美味い!午後も頑張れる!!14:30順調コーディングの終わりが見えてきました。JavaScriptで制御を入れたり、ほどよくアニメーションをつけてブラッシュアップしていきます。15:30コーディングひと段落ひとまず目標の時間内にページが形になったので、コーディングチェックをおこないます。デザインと見比べたり、複数のブラウザで確認したり、エラーチェッカ―にかけたりなど、成果物に粗が無いかチェックします。16:00コーディング修正チェックで修正箇所が見つかったので微調整をおこないます。アポイントを取っておいたフロントエンドエンジニア社員にダブルチェックして頂きながら最終調整をおこないます。修正が完了し、本日予定していたページのコーディングが無事完了しました。達成感に浸りたいところですが、バックエンドのメンバーに作成したページを展開し、PHPの組み込み依頼をします。時差出勤制度を活用して9時~18時で勤務する方もいるので、フロントエンドチームではこの時間に終礼をおこない、その日の進捗を共有します。案件メンバーへ進捗を確認して、明日以降の予定を擦り合わせます。日報を提出し、業務を終了します。始業時間になると全体朝礼が始まります。そのあと各チームごとの朝礼があり、チーム内で作業予定や連絡事項などを共有し、業務を開始します。予定やメールのチェックから始まります。その日やるべき事と、それぞれの所要時間の目算、優先順位をタスク表に素早く整理し、一日の進捗目標を立てます。自分に制限時間を課すことで、やる気を上げるルーティンとなっています。コーディング一時中止クライアントからの突発的な差し込み依頼は特になかったため、タスク表に沿って作業を開始します。ディレクションとコーディングを兼任しているECサイト案件について、スケジュール的に本日中までに仕上げてしまいたい画面があるため、16時にかけてコーディング作業をおこなう予定。クライアントから仕様変更の相談が来ました。ちくしょう......。腰を据えてコーディングしたい時に限って手が止まるイベントが起きたりします。急いで返信とチーム内への伝達・相談をおこないます。今回の仕様変更にはレイアウトにも影響がありました。画面要素の見せ方をデザイナーと一緒に再検討します。(やばい、早くも当初の予定から外れてきている......)12:30WF(ワイヤーフレーム)の修正・クライアントへご説明デザイナーと相談した内容をワイヤーフレームに反映し、配置した意図などの説明を添えてクライアントに展開します。よし!これでひとまず完了!急いで当初の予定だったコーディング作業を再開します。近くのコンビニで、新商品の濃厚豚骨チャーハンおにぎり(半熟卵付き)を味わう。美味い!午後も頑張れる!!まさかの売り切れ...だ...と......!?昼休憩が他の会社より1時間遅いこともあるのか、こういうこともしばしば。そんなときはお気に入りのグミを調達して自分の機嫌を取ります。(なわけもなく)コーディングの終わりが見えてきました。JavaScriptで制御を入れたり、ほどよくアニメーションをつけてブラッシュアップしていきます。エラーが出たり、イメージ通りのアニメーションにならなかったりと思うように進まず......。楽しい作業ですが一番時間がかかるところでもあります。先輩や同期に相談したりしてヒーヒー言いながら実装しています。(したかった)ひとまず目標の時間内にページが形になったので、コーディングチェックをおこないます。デザインと見比べたり、複数のブラウザで確認したり、エラーチェッカ―にかけたりなど、成果物に粗が無いかチェックします。時差出勤制度を活用して9時~18時で勤務する方もいるので、フロントエンドチームではこの時間に終礼をおこない、その日の進捗を共有します。18:30コーディング完了やっと終わりました。差し込みのタスクでスタートが遅れたり中断されたりなどは、よくある話なので、あれやこれやと対応に追われているうちにあっという間にこの時間・・・。バッファをもたせて予定を組む大事さを、日々痛感しています。案件メンバーへ進捗を確認して、明日以降の予定を擦り合わせます。(迫真)けど後回しにしてた細かい作業がまだ残ってるしなぁ......。できる限り進めねば......。日報を提出し、業務を終了します。仕事や実装の進め方で手際が悪かったところを思い返して「明日こそは!」と意気込みながら会社をあとにします。