あべゆうたのポートフォリオサイト | Webコーダー

このポートフォリオサイトのGitHubリポジトリ

制作実績

前職で携わったWebサイトの一例です。
記載のURLは前職のコーポレートサイトの実績ページとなっており、そこから実際のサイトを見ることができます。

主な対応領域

Webサイト制作において対応している主な業務内容を紹介しています。

LP・コーポレートサイトのマークアップ実装

デザインを正確に再現しながら、運用しやすいHTML構造とCSS設計を意識して実装します。
保守性を考慮したコンポーネント分割にも対応しています。

WordPressテーマ実装・改修

オリジナルテーマ制作や既存サイトの改修において、運用者が更新しやすい管理画面を意識して実装しています。

品質・制作方針

Webサイト制作において意識している品質や実装方針を紹介しています。

保守性を重視したCSS設計

BEMをベースにクラス設計を行い、コンポーネント単位で管理しています。
SCSSを用いた分割構造により、改修時の影響範囲を最小限に抑えることを意識しています。

画像最適化

表示速度と画質のバランスを考慮し、画像の形式・容量を適切に選定して実装します。

  • 画像の用途に応じて PNG / JPEG / SVG など適切なフォーマットを使用
  • 必要に応じて WebP / AVIF を利用し、ファイルサイズを削減
  • Lazy loading を使用し、初期表示のパフォーマンスを改善
  • width / height を指定しCLS（レイアウトシフト）を防止
アクセシビリティ・ユーザビリティ

ユーザー環境に関わらず利用しやすいWebサイトを目指し、アクセシビリティとユーザビリティに配慮した実装を行います。

  • セマンティックHTMLを意識したマークアップ
  • 見出し構造（h1〜h6）を適切に設計
  • 画像には適切な alt 属性を設定
  • キーボード操作に配慮した実装
  • スマートフォンで操作しやすいタップ領域を確保

スキルセット

スキルセットを項目毎に記載しています。
学習中で実務未経験の項目には（学習中）と記載しています。

経歴

複数の企業・プロジェクトにおいて、Web制作およびコーディング業務に携わってきました。
本項目では経歴の流れが分かるよう簡潔にまとめており、詳細な業務内容や実績は履歴書・職務経歴書にてご説明しています。

2010年 - 2014年

システム開発会社に入社。
C言語を使用して組み込み系システムを開発していました。ここでプラグラミングやGitについて学ぶことができました。

2015年

エンジニアとは全く関係の無い職種で入社。
しかし大学時代に興味のあったWebサイト制作をしてみたくなり転職を決めました。

2016年 - 2024年

Web制作会社に入社。
不動産、イベント、コーポレートサイト、採用サイトなどをコーダーとして担当しました。

2025年4月 - 5月

人材・インフラテック事業を行う企業に転職。
LP制作を担当しました。

2025年6月 - 現在

Web制作会社に業務委託として参画し、Web制作案件を担当。

プロフィール

出身は北海道です。趣味はゲームです。
Webサイト制作には大学時代から興味がありXHTMLの参考書をやったりしていました。
その後システム開発会社に入ったりしましたが、色々ありオンラインスクールで学習後にWeb業界に入りました。

GitHub