型安全性と軽量化を意識した就職活動用ポートフォリオサイト
要件と制約から逆算した技術選定を行い、Astro、TypeScript、Cloudflare Pages Functionsによる安全なお問い合わせ基盤、およびAntigravity IDEのガードレール設計と全21項目の自動検証スイートを構築しました。
Web制作の実務経験を礎に、論理的な思考と型安全性を大切にしたフロントエンド開発に取り組んでいます。
デザインの意図を汲み取ったUI実装と、職業訓練校にて体系的に学び直したコンピュータサイエンスやJavaの基礎を活かし、利用者に寄り添った保守性の高いWebサイト制作を心がけています。
Webデザインの実務経験と、訓練校で培ったプログラミング・データベースの基礎を組み合わせて取り組んでいます。
過去のWeb制作実務の経験を活かし、情報構造の整理からレスポンシブなマークアップ、利用者の負担を減らすUI設計を心がけています。
TypeScriptによる厳密な型定義と、ReactやAstroを活用したコンポーネント設計により、長期的な運用を見据えた実装を行っています。
Javaやデータベース正規化の学習を通じて、複雑なロジックをフローチャートや仕様書に落とし込み、チームに正しく共有する姿勢を大切にしています。
スキルマトリクスや資格一覧、将来の学習展望を掲載しています。
要件と制約から逆算した技術選定を行い、Astro、TypeScript、Cloudflare Pages Functionsによる安全なお問い合わせ基盤、およびAntigravity IDEのガードレール設計と全21項目の自動検証スイートを構築しました。
デスクトップ依存のExcel VBAカレンダーを、マルチデバイス対応・データ共有可能なモダンWebアプリケーションへと再構築しました。
現場の業務課題ヒアリングからリレーショナルDB設計、SQLクエリ構築までを一貫して実施し、ER図やテーブル定義書を含む詳細解説ドキュメント(PDF)を作成しました。
利用者に画像選択パズルの負担をかけずに自動プログラム(ボット)の送信を判定できる「Cloudflare Turnstile」の概要から、サーバー側でのトークン検証フロー、Honeypot併用・リセット処理の基本までを図解で整理します。
TypeScriptと組み合わせて「実行時のデータ検証」と「型定義」を一元管理できるライブラリ「Zod」の概要から、HTMLフォーム属性(requiredやmaxlength)との役割の違い、単一情報源(SSOT)設計までを図解とコードで整理します。
Webサイトの配信方式である「動的生成(CMS/SSR)」と「静的サイト生成(SSG)」の仕組みの違いから、WordPress・Next.js・Astroの特徴と目的に応じた選び方までを図解で整理します。
Javaプログラミング能力認定2級(100点満点)、リレーショナルデータベースの正規化設計、業務ツールのWeb化など、訓練校で体系的に学んだカリキュラムと実習成果を特設ページにまとめています。
特設ページを見る→フロントエンド開発の基礎を大切にしながら、実務を通じて成長していきたいと考えています。
採用や面談に関するご連絡は、フォームよりお気軽にお問い合わせください。