【コーディング/フロントエンド】実装まとめ

過去、会社で制作に携わってきた案件を時系列順にご紹介していきます。

【株式会社コンクリートコーリング】
https://www.concrete-coring.co.jp/

担当箇所：SPデザイン、HTML,CSS,JS,PHPの実装
制作時間：約1ヶ月半
制作人数：(実装人数)１人
制作時期：2019年7月〜

1社目の会社で初めて全ページのコーディングを任された案件です。レスポンシブへの理解とデザインした方が意識している点などが分からずこの時はなかなか苦戦しました。1社目ではPCのデザインしか作られなかったのでSPのデザインは自分で考えて作っています。

【株式会社ジャルパック/採用情報ページ】
https://jalpak-saiyo.jp/

担当箇所：SPデザイン、HTML,CSS,JSの実装、アニメーションの提案・実装
制作時間：約1ヶ月
制作人数：(実装人数)１人
制作時期：2019年10月〜

マークアップが多少できるようになり、初めて動きを大胆に入れたサイトです。SPデザイン、動きの提案・実装まで全て一人で行っています。

【株式会社日本財詫/採用情報ページ】
https://www.nihonzaitaku.co.jp/recruit/

担当箇所：HTML,CSS,JSの実装
制作時間：約1ヶ月
制作人数：(実装人数)１人
制作時期：2020年2月〜

デザインが渡された時、近畿大学病院のサイトと同じような動きにしたいとお願いされた案件です。日本財詫の社員紹介ページで実装されています。

【株式会社ポケットビートワークス】
https://www.pb-w.com/

担当箇所：HTML,CSS,JSの実装、デザインの提案、WordPress独自テーマの構築まで
制作時間：約1ヶ月
制作人数：(実装人数)１人
制作時期：2020年3月〜

デザインからフロント、WordPressで独自のテンプレートまで作った案件になります。初めて独自のテンプレートで組み、分からないなりに調べながら作り上げました。

【D.A.Consortium/新卒採用】
https://recruit.dac.co.jp/

担当箇所：下層ページのマークアップ
制作時間：約2ヶ月
制作人数：(実装人数)3人
制作時期：2020年11月〜

2社目に移り、最初に実装したフロントエンド案件です。集団開発から普段社内で使われている開発環境への理解が深まりました。

【三菱ケミカル/新卒採用】
https://www.m-chemical.co.jp/saiyo/

担当箇所：下層ページのマークアップ、下層部分のテキストホバーアニメーション
制作時間：約3ヶ月
制作人数：(実装人数)複数人
制作時期：2020年12月〜

大規模な人数で構築した案件になります。PERSONALITYのページとfooterのクルッと回るテキストのホバーアニメーションを担当しました。JSはES6で書いてます。