Supporting you with coding.

Azusa Inomata | Web Corder Portfolio

丁寧に、正確に、
コードで「カタチ」に

作って終わりじゃない
制作の「その先」にある目的まで見据え、
プロジェクトをサポートします

Azusa Inomata |
Web Coder

About

わたしについて

まてぃ|

猪股 あずさ

はじめまして!猪股あずさと申します。
苗字から派生した「まてぃ」というニックネームでXでは活動しています。
群馬県在住、夫と犬(フレンチブルドッグ2匹)
趣味:犬との戯れ、お酒、おつまみ研究(一度食べたおつまみを自宅でほぼ完ぺきに再現するスキルがあります)

プロジェクト全体を理解して動く

長年マーケティング業界で、チームで成果を出すことを大切にしてきました。
その経験から、「ただ言われたことを形にする」だけでなく、制作の背景や目的を常に意識し、プロジェクトが円滑に進むよう早めの共有や手戻りを防ぐための確認・整理を心がけています。
ただの作業者ではなく、安心して任せていただける「縁の下のパートナー」として、末長いお付き合いができると嬉しいです。

制作の「その先」を考える実装

私自身が前職ではLPやサイトを発注する側でした。 だからこそ、納品後の運用や更新までを想定した設計を心がけています。
・実際にそのサイトを使う人にとって運用しやすい設計か
・誰が触っても分かりやすく、将来的な改修や追加要件にも柔軟に対応できるか
など、制作の“先”まで見据え、長く使い続けられるサイトづくりを大切にしています。

依頼側の負担・不安を最小限に

発注側を経験してきたからこそ、依頼者の工数や判断負担を減らすことを大切にしています。
文脈から意図を汲み取り、細かな指示がなくとも「よしなに」設計・実装。判断が分かれそうな箇所は提案ベースで整理し、事前にすり合わせることで認識のずれを防ぎます。
また、スプレッドシート等で進捗を可視化・共有し、変更やイレギュラーが発生した場合も「どうすれば実現できるか」という前向きな視点でご提案させていただきます。

Strength

制作へのこだわり

納品後もご満足いただけるよう、丁寧に、正確に、コードで再現いたします。
プロジェクトの一員として「納品して終わり」ではない、先を見据えた制作を大事にしています。

01

デザインの意図を汲み取った
正確な再現とアニメーション

デザインの意図を汲み取り、どの画面幅でも細部まで美しく正確に実装します。
PCデザインのみの場合もお任せください。ジャンプ率やデザインの4原則を踏まえ、柔軟に対応いたします。重要箇所や判断が分かれそうな点は事前に整理・共有し、認識をすり合わせたうえで進行します。
アニメーションについても、「こんな雰囲気の動き」といった抽象的なご要望から、参考サイトやデモを用いて具体的な実装パターンをご提案可能です。

02

誰が見ても分かりやすく、
修正・拡張しやすいコード

単にデザインを再現するのではなく、「次の人が触りやすい」コードを書くことを大切にしています。
BEMやFLOCSSなどの設計思想を取り入れ、統一感のある命名規則で構造を整理。改修時に「どこを直せばよいか分からない」「影響範囲が読めない…」といったカオスな状態にならないよう、保守性と拡張性を意識した実装を行います。

03

SEO・速度対策・品質管理の徹底

セマンティックなマークアップにより検索エンジンにとって理解しやすい構造を意識、画像のWebP対応やファーストビューのpreload設定など、表示速度にも配慮しています。
また、独自のチェックリストに基づき、W3C準拠や実機によるクロスブラウザ確認を徹底。品質を担保することで、依頼者側の確認コスト削減にもつなげています。

Skills

スキル&ツール

HTML

HTML Living Standardに準拠したコーディング

CSS/Sass

W3C規格に準拠/
BEM、FLOCSSに対応

Javascript

VanillaJS、jQuery、GSAP等によるUI実装

WordPress

オリジナルテーマ制作/カスタム投稿、カスタムフィールド/既存テーマカスタム

デザインツール

Figma(デザイン制作も可)/XD・イラレ・フォトショップ

ビルドツール

Gulp・Viteによるコンパイル、画像圧縮(Webp化)

バージョン管理

Git/GitHubによるバージョン管理

その他

サーバーアップ/公開作業/GA4・GTMタグ設置

フレームワーク

React(Next.js)基本のUI実装

Flow

制作のながれ

1

ヒアリング(ご相談)

お問い合わせフォーム、もしくはXのDMよりお問い合わせください。
デザインや要件が固まっていない場合もお気軽にご相談ください。

*ZOOMやGoogle Meet等でお顔を合わせてのお打ち合わせも可能です。

2

内容確認(お見積り)

デザインデータ(それに準ずる画像データ)、実装条件等の内容を確認後、お見積りをご連絡いたします。

*依頼範囲・内容の確定、金額、納期、納品方法など

3

制作

スプレッドシート等の進捗管理シートを作成し、共有させていただきます。 独自の品質チェックシートや各種クロスブラウザチェックも活用しながら、丁寧に制作を進めてまいります。

4

チェック・FB

作業が完了しましたら、制作物に問題がないかご確認をお願いいたします。

*コーディング開始後のデザイン変更、仕様変更につきましては、別途費用が発生する場合がございます。(※テキスト等の軽微な修正は除く。)

5

納品・サイト公開

zipファイル、各種CMSへの組み込み、サーバーへの直接アップ、GitHubへのご共有など、ご希望の方法でご納品いたします。

*サイト公開後、万が一不具合ございましたらご連絡くださいませ。

まずはお気軽にご相談ください。

はじめてのコーダーに依頼するのは勇気がいることかと思います。
「納期やコードの質は本当に大丈夫だろうか…」そう思うのは当然かと思います。
まずは部分改修や下層1ページなど小規模なご依頼でかまいませんので、
ぜひお気軽にお声がけいただけると嬉しいです。