<aside>

石山克弘

Katsuhiro Ishiyama

福井県南越前町を拠点に活動しているWebコーダーです。 お問い合わせはメール、Xよりご連絡お待ちしております。 ※原則4時間以内に返信いたします。

<aside> <img src="/icons/mail_gray.svg" alt="/icons/mail_gray.svg" width="40px" /> [email protected]

</aside>

<aside> <img src="notion://custom_emoji/65e1e2e3-5ff8-40a9-b4e7-e15c55c4a59c/288100e3-1f93-803e-a335-007a1663e233" alt="notion://custom_emoji/65e1e2e3-5ff8-40a9-b4e7-e15c55c4a59c/288100e3-1f93-803e-a335-007a1663e233" width="40px" /> X

</aside>

<aside> <img src="attachment:9ccf98bb-0203-42e6-933b-ecb18b58a924:github.svg" alt="attachment:9ccf98bb-0203-42e6-933b-ecb18b58a924:github.svg" width="40px" /> GitHub

</aside>

</aside>

📌トピック

Untitled

🔹アピールポイント

• アニメーション設計とUI実装力（GSAP × Splide × バニラJS）

  アニメーション指示のない状態から必要な動きを自主的に設計しました。 GSAPでローディング、フェードイン演出、ヘッダー挙動を統一的に実装しました。 Splideで2種類のスライダーを構築し、見やすさと操作性を意識しています。

• 保守性を意識したコード設計

  保守性の高いCSS設計でScssを管理し、修正・追加がしやすいディレクトリ構造を採用。 将来的な拡張、修正にも対応できる実装を心がけています。

• ディレクトリ構造例

🔹実装内容

• ローディングアニメーション

• 追従ヘッダー

• ホバーアニメーション

• テキストフェードイン

• スタッガーフェードイン

• コンタクトボタン

• ハンバーガーメニュー

• 自動ループスライダー

✅実績

<aside> 🚨

各実績は、クリックすると詳細をご覧いただけます。

</aside>

制作実績

🔥私の強み

<aside>

【1】一発で満足していただく納品物

貴社に無駄な工数をかけないよう、「一発で満足するもの」を納品することを重視しています。抜け漏れのない丁寧な仕事と品質管理を徹底し、無駄なコミュニケーションコストを削減します。 独自のチェックリストを用いることで、納品時の抜け漏れを防ぐ体制を構築しています。

チェックリスト一覧

• 公開前最終チェックリスト（原本）
• ヒアリングシート（原本）
• サイトマップ・記入用シート（原本） </aside>

<aside>

【2】安心してご依頼していただける技術力

Web制作会社が運営するメンターサービス「Hello Mentor」にて実務レベルの課題を通じて、制作現場で求められるスキルを習得しました。

学習を始めて1年6か月ですが、現場水準のレビューを受け、メンターさんには、「仕事を受けられるレベル」と言っていただけています。

</aside>

💻スキルセット

| --- | --- |

🖋制作体制

🔸さいごに

ここまで御覧いただき、ありがとうございました。

ご依頼いただいた際は、満足していただけるように、責任を持ってご対応させていただきます。ぜひ、下記よりご連絡ください。