・LP・バナーデザイン、コーディング 3,000円〜

Webサイトデザイン、LPデザイン、バナーデザインおよびコーディングまで対応可能です。 フロントエンドエンジニアとしての経験があり、HTML / CSS / JavaScript を用いたレスポンシブ対応や、再現性・保守性を考慮した実装を行っています。 業種やターゲットを想定した構成・導線設計を意識して制作しています。 デザインのみ、コーディングのみのご依頼にも対応可能です。

・システム開発・E2Eテスト自動化・業務効率化ツール開発 / フロントエンドエンジニア・バックエンドエンジニア・QAエンジニア・その他エンジニア 2009年4月 〜 2020年6月

■ プロジェクトの目的 多様な業界（航空券予約、介護保険、官公庁、ネットカフェ、電子マネー、税理士向け会計システム等）でのシステム開発・保守・テスト自動化導入により、各クライアントの業務効率化・品質向上を実現 ■ 体制・人数 最大15名のプロジェクトチーム（4名チームのリーダー経験、8名のテストチーム管理経験） ■ 自分のポジション・役割 ・詳細設計〜実装〜テストの一貫した開発業務 ・テストチームリーダー（最大8名）・プロジェクトリーダー（4名） ・E2E自動テスト導入コンサルティング・実装 ・独自フレームワーク解読による単独システム構築 ・非エンジニア向けテスト自動化の仕組み作り・教育 ・客先常駐と社内業務の両方を担当 ■ 目的を達成する上での課題 ・案件ごとに異なる開発言語・技術への迅速な対応 ・設計書のない独自PHPフレームワークの解読とC#移植 ・顧客企業でのテスト自動化文化の浸透 ・プログラミング未経験者でも使えるテスト自動化環境の構築 ・社外メンバー中心チームでのモチベーション管理 ■ 課題に対して取り組んだこと ・多言語環境下での迅速なキャッチアップと技術習得 ・他システムを参考にした独自フレームワーク解読と1人でのC#システム構築 ・顧客先常駐によるテスト自動化導入支援とSeleniumを活用した業務効率化ツール開発 ・非エンジニアでも実装可能なテスト自動化の仕組み化、定期実行環境構築 ・技術カンファレンスでの登壇・デモ実施による技術普及活動 ・メンバーの得意分野を把握した適切な作業配分とダブルチェック体制構築 ■ ビジネス上の成果 各プロジェクトを確実に完遂し、ネットカフェ検索サイトリニューアルによる利便性向上、テスト自動化導入により顧客企業の品質向上・工数削減を実現、技術普及活動により業界全体への貢献。派遣先から正社員登用打診を受けるなど高い信頼を獲得 ■ 使用技術: C#、PHP、Java、Ruby、Perl、JavaScript、ExtJS、Node.js、Selenium、Appium、Jenkins、Docker、MySQL、PostgreSQL、CakePHP、Zend Framework、Windows、Linux、C++、Cobol、VB.net、Struts

・勤務状況管理システムリニューアル・販売管理Webサイト開発 / フロントエンドエンジニア・QAエンジニア 2020年7月 〜 2020年10月

■ プロジェクトの目的 派遣社員の勤務状況管理効率化、販売管理システムのWeb化による業務改善 ■ 体制・人数 20名のプロジェクトチーム ■ 自分のポジション・役割 テスト設計・テスト実施、Webサイトコーディング、顧客折衝 ■ 目的を達成する上での課題 期待業務と実際の業務内容の相違 ■ 課題に対して取り組んだこと テスト経験を活かしたテスト内容・改善方法の提案、Webサイトデザイン時の顧客との直接調整 ■ ビジネス上の成果 システムの品質確保とWebサイトの要件実現に貢献 HTML、CSS

・スポーツ系ECサイト追加機能開発・保守運用 / フロントエンドエンジニア 2020年11月 〜 2022年10月

■ プロジェクトの目的 全国130店舗展開スポーツ用品店のECサイト・キャンペーン管理システム・客注システムの機能強化により売上向上を実現 ■ 体制・人数 10名のプロジェクトチーム（2年間で大幅な体制変更あり） ■ 自分のポジション・役割 ・メンバー・開発サポートとして基本設計〜テストをメイン担当 ・購入フローリニューアルの主担当 ・同じ会社から参画したメンバーの教育・サポート ・経験豊富なメンバーとして他メンバーのサポート業務 ■ 目的を達成する上での課題 ・2次受けの立場によるファイルアクセス権限・情報共有の制約 ・企画担当の機能不足による方向性の混乱 ・スキル不足のメンバーへの対応とチーム生産性の維持 ・購入フロー完成直前での全面見直し・作り直し対応 ■ 課題に対して取り組んだこと ・限られた権限の中で積極的な情報収集とコミュニケーション推進 ・企画担当との密な連携により方向性のブレを最小化 ・スキル不足メンバーへの丁寧な教育・サポート実施 ・全面見直し時も柔軟に対応し、品質を維持しながら再構築 ■ ビジネス上の成果 全国展開する大手スポーツ用品店のECサイト安定運用に貢献、困難な状況下でもプロジェクトを完遂しシステム機能向上を実現 TypeScript、HTML、CSS、jQuery 、Next.js 、React、Cypress(テストフレームワーク)

・写真館・シミュレーションゴルフ施設のホームページ・LP制作 / Webデザイナー・HTMLコーダー・マークアップエンジニア 2023年3月 〜 2023年8月

■ プロジェクトの目的 写真館・シミュレーションゴルフ施設の集客力向上を目的としたホームページ制作と、IT系企業のエンジニア向けイベント集客を目的としたランディングページ制作 ■ 体制・人数 3名 ■ 自分のポジション・役割 ・サブデザイナー兼フロントエンドエンジニアとして、メインページ以外のページデザインとLP制作を担当 ・既存デザインガイドラインに準拠したページデザイン制作を実施 ・ワイヤーフレームを基にしたオリジナルLPのデザイン・実装を実施 ■ 目的を達成する上での課題 ・既存のメインページデザインと統一感を保ちながら、サブページでも魅力的なユーザー体験を提供する必要があった ・IT系エンジニア向けLPでは、ワイヤーフレームのみから技術者に響く視覚的訴求力の高いデザインを創出する必要があった ・副業での限られた時間内で品質を担保しながら効率的に制作を進める必要があった ■ 課題に対して取り組んだこと ・メインデザイナーが制作したトップページのデザイントーンやレイアウト原則を詳細に分析し、一貫性のあるデザイン言語でサブページを制作 ・エンジニア向けLPでは、ターゲットの興味を引く技術的な要素を視覚的に表現し、情報の優先順位を明確にしたレイアウト設計を実施 ・週1回のMTGで進捗共有と方向性確認を行い、Slackでの密な連携により認識齟齬を防止し、効率的な制作フローを構築 ■ ビジネス上の成果 IT系エンジニア向けLPでは関係者から高い評価を獲得し、イベント集客に大きく貢献した。限られたリソースと副業という制約の中でも、デザインの品質を維持し、メインデザイナーとの連携により統一感のあるサイト制作を実現することで、クライアントの期待に応える成果物を納期内に提供できた。 JavaScript, jQuery, HTML, CSS, Figma, Photoshop

・UXサービス顧客カスタマイズ・オフショア開発管理 / フロントエンドエンジニア 2022年11月 〜 2023年9月

■ プロジェクトの目的 UXサービスの顧客ごとの要件に応じたカスタマイズコンポーネント開発と、ベトナムオフショア開発チームの品質管理による開発効率化とサービス品質向上 ■ 体制・人数 10名体制 ■ 自分のポジション・役割 ・フロントエンドエンジニアとして、顧客要件に応じたUIコンポーネントのカスタマイズ実装を担当 ・時間の空いた際にベトナムオフショア開発チームのコードレビューを実施 ・デザイナーと連携し、仕様検討から実装まで並行して進行するプロジェクト進行を担当 ■ 目的を達成する上での課題 ・顧客ごとに異なる技術要件（React、Vue、JavaScript）に対応しながら、高品質なUIコンポーネントを短期間で開発する必要があった ・デザイナーのリソース不足により、完成度の低いデザインデータと並行して実装を進める必要があった ・ベトナムオフショア開発において、仕様理解のズレや品質のバラツキを最小限に抑える必要があった ・Figmaの習熟度がデザイナーによって異なり、コンポーネントの一貫性確保に課題があった ■ 課題に対して取り組んだこと ・グラフ表示や複数月対応の日付選択UIなど、高度なインタラクションを要するコンポーネントを顧客の技術スタックに合わせて実装 ・ドラッグ・アンド・ドロップ機能やスムーズなドロワーアニメーションの実現のため、適切なライブラリ選定と導入を実施 ・ベトナム開発チームのコードレビューでは、仕様適合性、不要な修正の除去、深いネストの回避など品質向上のためのチェックポイントを設定 ・Figmaデザインの不整合（インスタンス化されていないコンポーネントの微細な差異など）を詳細に確認し、デザイナーとの密な連携で意図の確認を実施 ■ ビジネス上の成果 動的なUIコンポーネントの開発を通じて、従来の静的なWebサイト制作では得られないインタラクティブなユーザー体験の実装スキルを大幅に向上させることができた。また、オフショア開発チームのレビュー業務を通じて、品質管理の視点を養い、チーム全体の開発効率向上に貢献した。顧客の多様な技術要件に対応することで、フロントエンド技術の幅を広げ、短期サイクルでの開発に適応できるスキルセットを構築できた。 TypeScript, JavaScript, HTML, CSS, React, VueJS, Figma

・求職サイト企業向け採用支援機能の追加・改修・運用とユーザビリティ向上 / フロントエンドエンジニア 2023年10月 〜 2024年9月

■ プロジェクトの目的 求職サイトの企業側機能におけるスカウト機能の改修・追加とUI/UX改善による、企業担当者の業務効率向上と求職者マッチング精度の向上 ■ 体制・人数 10名体制 ■ 自分のポジション・役割 ・フロントエンドエンジニアとして、企業側管理画面のスカウト関連機能の改修・追加を担当 ・求職者一覧画面のUI/UX改善と新規画面の作成を実施 ・不具合調査や顧客問い合わせ対応を担当 ・企画担当・デザイナーとの仕様検討・提案を実施 ■ 目的を達成する上での課題 ・多岐にわたる検索条件（希望職種、居住地域、学歴、言語スキルなど）を企業担当者が効率的に確認・操作できるUI設計が必要だった ・従来のモーダル表示による検索条件確認では、操作性が悪く業務効率を阻害していた ・フロントエンド担当でありながら、バックエンド関連の不具合調査や問い合わせ対応が発生し、専門外の領域での課題解決が必要だった ・企画担当者との連携において、技術的制約を考慮した現実的な仕様提案が求められた ■ 課題に対して取り組んだこと ・求職者一覧画面に検索条件をドロワー形式で表示し、モーダルを開かずに検索条件を確認できるUI設計を実装 ・ドロワーが下スクロール時に自動で閉じ、ヘッダー下に追従表示される機能を追加し、画面の視認性と操作性を両立 ・4〜5人のチームを組んだ案件では、チームメンバーと連携しながら複数の機能追加・改修を並行して進行 ・技術的制約により実装困難な仕様については、企画担当・デザイナーと積極的に相談し、代替案を提案して現実的な解決策を模索 ・バックエンド関連の不具合や問い合わせ対応では、該当領域に精通したメンバーと連携を図り、適切なサポートを得ることでチーム一体となって課題を解決 ■ ビジネス上の成果 検索条件のドロワー表示機能により、企業担当者がモーダルを開く手間を省略でき、スカウト業務の効率化を実現した。担当者レベルでの評判も良好で、ユーザビリティの向上に貢献できた。また、フロントエンド専門でありながらバックエンド関連の課題にも対応することで、サービス全体を俯瞰した問題解決能力を身につけ、チーム内での対応範囲を拡大できた。 JavaScript, HTML, CSS, React, Figma

・介護業務支援ソフトウェアのフレームワーク移行と新機能開発 / フロントエンドエンジニア 2024年11月 〜 2025年7月

■ プロジェクトの目的 自社利用していた介護業務支援ソフトウェアを外販向けにリニューアルし、オフショア開発によるプロトタイプの品質課題を解決するためのフレームワーク移行（Vue.js→Remix）と新規機能開発 ■ 体制・人数 6名体制 ■ 自分のポジション・役割 ・フロントエンドエンジニアとして、既存システムのUI全面リニューアルを担当 ・Vue.jsからRemixへのフレームワーク移行における画面再構築を実施 ・新規機能の追加開発を担当 ・新規画面のワイヤーフレーム作成と要件整理・画面設計を実施 ■ 目的を達成する上での課題 ・参画前はオフショア開発したプロトタイプのUI変更と聞いていたが、品質に問題があり既存システムからの移行を新たに実施する状況となった ・既存システムのVue.js、移行先のRemixフレームワークに習熟しておらず、短期間での技術習得と実装が必要だった ・既存システムの仕様書も存在しないため仕様理解が困難だった ・自社利用から外販向けへの転換に伴い、より洗練されたユーザーインターフェースと操作性の向上が必要だった ・プロジェクト初期段階で要件が曖昧な状態で進行しており、明確な仕様策定が求められた ・介護業務の専門知識を持ちながら、細かい業務要件の理解が必要だった ■ 課題に対して取り組んだこと ・AIを積極的に活用してVue.jsからRemixへの変換を効率化し、AIで対応できない箇所を手動で修正することで開発スピードを向上 ・AIレビューと人によるレビューを組み合わせた二段階レビュー体制により、コード品質を確保 ・シフト管理画面のワイヤーフレームをGoogleカレンダーの週表示をベースに作成し、直感的な操作性を重視した画面設計を提案 ・介護業務の細かい要件については、リーダーに都度確認を取りながら正確な仕様理解に努めた ■ ビジネス上の成果 2025年7月に予定通りリリースを完了し、オフショア開発による品質課題を解決して外販可能なレベルまでシステム品質を向上させることができた。AIを活用した開発手法により、未習熟な技術領域でも効率的に開発を進めることができ、モダンな開発手法の知見を蓄積した。紙ベースとデジタルの両方に対応した柔軟な業務フローを実現し、介護現場の多様な運用形態に対応できるシステムを構築した。 TypeScript, HTML, CSS, React, Remix, Figma

・医療看護系サービスフロントエンド開発案件 / フロントエンドエンジニア 2025年9月 〜 現在

■ プロジェクトの目的 医療看護系人材紹介サービスにおける複数職種サイト（看護、保育、栄養士）の既存サービス改善とユーザビリティ向上、ABテスト結果に基づく最適化実装による事業成長支援 ■ 体制・人数 6名の開発チーム ■ 自分のポジション・役割 フロントエンド開発メンバー、ABテスト実装・本番リリース、既存サービスのリファクタリング、ユーザー行動分析に基づくUI/UX改善提案 ■ 目的を達成する上での課題 複数職種サイトでのABテスト結果の効果的な本番実装と、ユーザーファーストなデザイン改善の両立 ■ 課題に対して取り組んだこと ABテストツールを活用した効果測定の実装、HTML/CSS/JavaScript/jQueryを用いたフロントエンド改善、顧客目線でのデザイン分析とユーザビリティ向上提案、既存コードのリファクタリングによる保守性向上 ■ ビジネス上の成果 ABテスト結果の迅速な本番反映によるコンバージョン率改善、ユーザー行動分析に基づくUI/UX最適化により医療・看護・保育業界の人材マッチング効率化に貢献