WORKS

制作実績

リニューアル
運用

リニューアル・新規構築実績

2024年4月〜2024年12月

教育・学習支援業（英会話スクール）

規模: 25名
開発環境: HTML

EJS

CSS

Sass

JavaScript
担当業務: モジュール作成

CMS（WebRelease）の実装

運用保守（2025年1月〜現在）
取り組み・実績: 画像に付与したloading="lazy"と動的インポートしたJSの高さ揃え機能が適切な読み込みの順番を成さず、高さ揃えが機能していなかったバグを公開より前に解消しました。

2024年1月〜2024年4月

建設業

規模: 3名
開発環境: HTML

EJS

CSS

Sass

JavaScript
担当業務: 開発環境構築、テンプレート設計、ページ実装

要件定義、ドキュメント作成
取り組み・実績: iPadを用いたミュージアム巡りに最適なUI・機能の提案と効率的な作業で短期納品を実現し、コーポレートサイトのリニューアル契約を獲得しました。

2023年5月〜2024年3月

宿泊業

規模: 35名
開発環境: HTML

EJS

CSS

Sass

JavaScript
担当業務: テンプレート設計、ページ実装、コードレビュー

Drupalにおけるパラグラフ追加のモジュール整理、バックエンドとの連携

運用保守（2024年3月〜現在）
取り組み・実績: アクセシビリティレベルAを基本に一部AAを対応し、Webグランプリの「企業グランプリ部門」アクセシビリティ賞にてグランプリを受賞しました。

2023年4月〜2024年3月

ソフトウェア業

規模: 10名
開発環境: HTML

EJS

CSS

Sass

JavaScript
担当業務: テンプレート設計

既存リソースの精査、オーバーライドファイルの作成

運用スポット（2024年3月〜現在）
取り組み・実績: リニューアルしたテンプレートを使用して、コンテンツ内に既存のコンテンツを見た目そのままで入れ込みたいとの要望がありました。新しいCSS/JSと既存のCSS/JSがバッティングし、表示崩れが発生。オーバーライドファイルを作成し、既存デザインを保持したままリニューアル対応を実現しました。

運用実績

クレジットカード業

規模: メンバー：8名
開発環境: HTML

EJS

CSS

Sass

JavaScript

jQuery

Typescript
担当業務: 運用リーダーとして設計・実装を含む運用全般、アサイン調整

不具合調査・修正作業

運用改善提案・実行
取り組み・実績: 依頼が頻繁にあるページの新規作成で、既存ページの複製による修正漏れが複数回発生していました。テンプレート（EJS）を作成し、変更箇所を自動的に同一箇所へ反映させることで、作業精度と効率を向上させました。

損害保険業

規模: 運用スポット
開発環境: HTML

CSS

Sass

JavaScript

jQuery

Typescript
担当業務: 一部ディレクトリ改修による80P実装

一部ディレクトリ改修による開発環境作成、モジュール設計、テンプレート作成
取り組み・実績: JSONファイルで出力するお知らせ機能を作成しました。
innerHTMLではなくtextContentを使用し、サニタイズ処理を行うことでセキュリティを考慮しました。; 全体改修を想定としたディレクトリ改修を行いました。
既存のリポジトリ内での作成を検討しましたが、全体改修を考慮して開発環境から作成して対応しました。

コンサルティング業

規模: 運用スポット
開発環境: HTML

CSS

Sass

JavaScript
担当業務: 他社制作のLP改修

表示パフォーマンス、アクセシビリティ改善

CMS開発のバックエンドへ連携
取り組み・実績: ドロップダウンメニュー機能を改修しました。
aria-expandedとaria-controlsを使用して開閉状態を支援技術に伝えるように改修しました。

化学工業

規模: 運用スポット
開発環境: HTML

CSS

Sass

JavaScript
担当業務: CMS開発のバックエンドへ連携
取り組み・実績: カルーセルを改修しました。
ヒアリングにてカルーセルコンテンツが複数ではなく1つのみの場合も考慮が必要と判明したため、バグが起きないようフォールバックを用意しました。

卸売業

規模: 運用スポット
開発環境: HTML

CSS

Sass

JavaScript
担当業務: モジュール設計・ページ実装
取り組み・実績: 「もっと見る」機能を作成しました。
初期表示数、表示数、PC・SPでの表示数など、オプションをつけてカスタマイズできるようにしました。

教育・学習支援業（学習塾）

規模: 運用スポット
開発環境: HTML

CSS

Sass

JavaScript

Vue.js
担当業務: バナー作成

モジュール設計・ページ実装
取り組み・実績: プルダウンで選んだ項目別に入力欄を出し分ける機能を作成しました。
input要素へのラベル付けや必須項目への未入力警告表示を入力欄直上に付与するといったアクセシビリティを意識した設計をしました。

教育・学習支援業（英会話スクール）

規模: メンバー：5名
開発環境: HTML

EJS

CSS

Sass

JavaScript
担当業務: 運用フローの制定、開発環境調整、ドキュメント作成

CMS（WebRelease）組み込みのテンプレート作成
取り組み・実績: ドロップダウン機能を作成。
ヘッダー内にあるボタンをクリックするとドロップダウン表示される機能が複数あり、カスタムイベントを使って互いの機能が同時に処理されないようにしました。

教育・学習支援業（学校法人）

規模: 運用スポット
開発環境: HTML

CSS

Sass

JavaScript
担当業務: トップページ改修

CMS（Movable Type）開発のバックエンドとの連携
取り組み・実績: トップページのヘッダーフッターコンテンツ全ての改修を1ヶ月半で対応しました。
メンバーはディレクター1名、デザイン1名、フロントエンド2名、バックエンド1名。全員を巻き込んでタスクの進め方や作業内容の整理、逆算によるスケジュール立て、バックエンドへの連携等を先導して行いました。

情報サービス業

規模: 運用スポット
開発環境: HTML

CSS

Sass

JavaScript
担当業務: 不具合調査、バグ修正

テンプレート設計・モジュール設計・ページ実装・LP作成

CMS（Movable Type）開発会社との連携
取り組み・実績: ビューポートに動画が表示された際の自動再生機能を作成しました。
scrollイベントではなく、IntersectionObserverを使用してパフォーマンスを意識した設計をしました。

精密機器製造業

規模: 運用スポット
開発環境: HTML

CSS

Sass

JavaScript
担当業務: モジュール設計
取り組み・実績: コンテンツの絞り込み機能を作成しました。
絞り込まれたコンテンツが0件の時、複数のカテゴリに該当する場合など要件を事前に整理してスムーズに進めました。

不動産業

規模: 運用スポット
開発環境: HTML

EJS

CSS

Sass

JavaScript

TypeScript
担当業務: モジュール設計

コードレビュー
取り組み・実績: 外部ツール利用の不具合調査を行い、CSPによるブロックであることを確認し解消に導きました。

ソフトウェア業

規模: 運用スポット
開発環境: HTML

EJS

CSS

Sass

JavaScript
担当業務: テンプレート設計・モジュール設計・ページ実装
取り組み・実績: ニュース出力機能を作成しました。
2つあるtxtファイルの最終アップ日を比較し、最新のファイルをニュース出力する機能の要望がありました。ファイルが存在しなかったとき・txtファイル内が空だった時など考え得るパターン出しを行い、適切にデータを出力できるようにしました。

宿泊業

規模: メンバー：5名
開発環境: HTML

EJS

CSS

Sass

JavaScript
担当業務: テンプレート設計・モジュール設計

CMS（Drupal）実装
取り組み・実績: ユーザースクリプトを作成しました。
ページ実装にて画像のパスを絶対パスかつ誤ったドメインで指定し、画像のリンク切れが複数回発生しました。改善策として、特定のドメインでの絶対パス指定がされている場合検知できるユーザースクリプトを作成して予防するようにしました。

リニューアル
運用

ABOUT