稲垣 弘之Hiroyuki Inagaki
大学卒業後に異業種2社を経験したあと、Webの可能性とプログラミングの面白さに大きな魅力を感じWeb業界に入ることを決意。半年間の職業訓練を経て3社目に株式会社C.D.UNITEDに入社し、フロントエンドエンジニアとして大手玩具メーカーのECサイト運用に携わりました。その後、さらに経験を積みスキルアップするため4社目に品質や技術力に定評のあった株式会社ミツエーリンクスに入社しました。業務を通してWebアクセシビリティやユーザビリティ・表示パフォーマンスなどの重要性を学び、様々なサイトにおける運用やNode.js/EJSを使った効率の良い設計・開発、Gitを使ったチーム開発など数えきれないほどの経験を積み今年で7年目を迎えました。現在は開発者兼制作リーダーとして開発業務に取り組みながら部署の売上向上、施策立案、スタッフの育成支援に向けて努力しています。
これまでWebサイトの設計に携わったクライアント様です。
キヤノンシステムアンドサポート株式会社様が運営するECサイト「コレモール」のリニューアルに携わりました。動的画面を含んだBtoBのECサイトです。
※ 残念ながら現在制作進行中（公開前）のためまだお見せすることができません。
https://oss.canon.jp/shop/e/login/login.aspx?goto=https%3A%2F%2Foss.canon.jp%3A443%2F
※ リニューアル前のものとなります。また、法人会員向けサイトのためログインが必要となります。
設計/進行管理
コメント準備中。
株式会社ジャックス様のサイトリニューアルにメイン設計者として携わりました。日本語・英語の多言語を含んだレスポンシブWebサイトです。
https://www.jaccs.co.jp/corporate/
2023/9/28
設計/進行管理
サイト全般の設計/進行を担当いたしました。下層ページは他のコーダーの方にも協力いただきましたが、ページ固有のHead内のmetaやパンくず、回遊ナビの中身などの部分の出力はEJSを使ったテンプレート設計をおこなっているため実装揺れが起きづらく全体として品質の高い設計ができたと自負しています。
株式会社 証券保管振替機構様のサイトリニューアルにメイン設計者として携わりました。日本語・英語の多言語を含んだレスポンシブWebサイトです。
2023/7/22
設計/進行管理
本サイトの設計はチームで分担して行い、ガワ（ヘッダー/フッター/ナビゲーションメニュー）やテンプレートの設計、モジュール開発全般を担当しました。特にヘッダーのナビゲーションはPC/SPで異なる動きとなり、SP時はハンバーガーメニューで多階層を考慮したメニュー展開が必要でマークアップ構造やJS機能の開発に苦労しました。初めてTypescriptを本格的に使用した案件でもあります。
協和キリン株式会社様の採用サイトリニューアルにページ設計で携わりました。
https://www.kyowakirin.co.jp/careers/recruit/
設計/進行管理
職種紹介などのユニークページの設計実装を担当しました。
東京センチュリー様のコーポレートサイトリニューアルにJS機能開発、ページ量産で携わりました。
https://www.tokyocentury.co.jp/jp/
https://www.tokyocentury.co.jp/jp/ir/library/integrated-report/
設計/進行管理
トピックスのエリアについて、SP（スマホ）時のみカルーセルとなる機能をSplideというプラグインを使いTypescriptで設計しました。また、統合レポートトップのメインビジュアルのアニメーション開発も担当しました。セッションストレージを活用し、同一セッション中はアニメーションが初回のみ実行されるよう制御を行っています。その他、画面右下のトップへ戻るボタンがスクロール量に応じてフェードインする機能なども作成しています。
※ 23/12/15に日興アイ・アール社様による「2023年度全上場企業ホームページ充実度ランキング」が発表され、「最優秀サイト」（203社）に選定されました。
東京・市ヶ谷にある「ホテルグランドヒル市ヶ谷」の公式Webサイトのリニューアルに携わりました。
日本語（約100P）・英語（約50P）の規模のレスポンシブWebサイトです。CMSで運用されるため一度静的に構築した後にCMSに移植しています。
設計/進行管理
メインの設計担当として、全体的なサイト設計をはじめサイト内で使用するモジュール等全て制作しました。
業務では初めてとなる設計案件で苦労しましたが、Googleマップの設置、お問い合わせフォーム、スライド付きモーダルの実装など作りながら学べたことが多く非常に勉強になりました。
これまでWebサイトの運用に関わったことがあるクライアント様です。主にサイト更新や特集ページの作成、JS機能開発などを行ってきました。
これまでフロントエンド開発を中心に実務経験を7年以上積んできました。開発環境は主に静的なWebサイト制作に向いているNode.jsベースの静的サイトジェネレーター「Eleventy(11ty)」をよく使っていますが、WebpackやGulpなども使うことがあります。表示パフォーマンスやWebアクセシビリティの重要性を強く認識しており、Webアクセシビリティの国際基準WCAGシングルAの要件を満たした設計を心掛けています。JS機能開発では重たい表示パフォーマンスに悪影響のあるJQueryは極力使わずバニラJSおよびTypeScriptで基本的に開発しています。
また、プログラミングスキルだけではなくコミュニケーションスキルも大切に考えています。お客様先への常駐やディレクション経験もあるため顧客折衝やメンバー間のコミュニケーションはもちろん、案件内容のレベルを考慮したスケジュール作成や進行管理にも自信があります。
作業を効率化したり人の役に立ち貢献することが大好きで、日々業務効率化につながるツール開発に積極的に取り組み社内にも度々発信しています。
以下はその一例となります。
ページ制作後にデモURLや本番URLを連携する際に、作業したファイルパスからHTMLファイルのみを抽出しリンク付きのURLを一覧で生成するツールです。主にGitのログ情報から作業ファイルのパスを取得してそこからURLを作成などの利用を想定していますが、汎用性も考慮しドメイン置換にも対応しています。
ページを見るミツエーリンクスでは「検品」と呼ばれる制作物の品質チェックの工程があり、そのチェックを受ける際に必要なテキスト作成をサポートするツールです。
ファイルパスとドメインを元に、URL部分が埋まった検品依頼内容のベーステキストを生成します。
ChatGPTは具体的な情報を伝えることで精度の高い回答を得ることができますが、その際の依頼を簡潔にまとめるための依頼文章作成ツールです。
依頼内容に応じた入力項目を埋めることでChatGPTが理解し答えやすくなるよう整理された文章を作成できます。
個人的に開発したユーザースクリプトをまとめたツール集です。
ページを見るGitHub: https://github.com/hiroyuki-17
