Web App2026年10月（約2週間）
型安全性と軽量化を意識した就職活動用ポートフォリオサイト
担当: 要件定義 / UI設計（明朝体・モノトーン・余白設計） / フロントエンド実装 / エッジサーバーレスAPI構築
要件と制約から逆算した技術選定。Astro 5、TypeScript、Cloudflare Pages Functions + Turnstile + Resendによる安全なお問い合わせフォームの構築。
#Astro#TypeScript
詳細 →
Web Frontend Engineer
北出 直樹 / Naoki Kitade
Naoki Kitade.Portfolio Site
Web制作の実務経験を礎に、論理的な思考と型安全性を大切にしたフロントエンド開発に取り組んでいます。
デザインの意図を汲み取ったUI実装と、職業訓練校にて体系的に学び直したコンピュータサイエンスやJavaの基礎を活かし、利用者に寄り添った保守性の高いWebサイト制作を心がけています。
TypeScriptReactAstroTailwind CSSJavaSQL
CalendarApp.tsx
TypeScript
// 1. イベントモデルの型定義
interface CalendarEvent {
id: string;
date: Date;
title: string;
priority: 'high' | 'standard';
}
// 2. 祝日判定とフックの実装
export const useCalendar = () => {
const [events, setEvents] = useState<CalendarEvent[]>([]);
const isHoliday = useCallback((d: Date) => {
return holidaySet.has(formatDate(d));
}, [holidaySet]);
return { events, isHoliday };
};
TypeCheck: 0 errors
React & Astro
CAPABILITIES
私にできること
Webデザインの実務経験と、訓練校で培ったプログラミング・データベースの基礎を組み合わせて取り組んでいます。
UI/UX & Web Design
直感的なデザインと実装
過去のWeb制作実務の経験を活かし、情報構造の整理からレスポンシブなマークアップ、利用者の負担を減らすUI設計を心がけています。
HTML5/CSS3Tailwind CSSFigmaUI設計
Frontend Engineering
型安全で保守しやすい開発
TypeScriptによる厳密な型定義と、ReactやAstroを活用したコンポーネント設計により、長期的な運用を見据えた実装を行っています。
TypeScriptReactAstroState Management
Documentation & Logic
図解を用いた丁寧な資料化
Javaやデータベース正規化の学習を通じて、複雑なロジックをフローチャートや仕様書に落とし込み、チームに正しく共有する姿勢を大切にしています。
Mermaid図解ER図 / DB正規化仕様書・マニュアルJava基礎
ABOUT ME
Web制作実務から職業訓練でのシステム開発まで、詳しい歩み
スキルマトリクスや資格一覧、将来の学習展望を掲載しています。
SELECTED WORKS
主な制作物
Web App2026年10月〜現在（開発中）
VBAカレンダーアプリのWeb化（総合実習）
担当: 要件定義 / UI設計 / フロントエンド実装（TypeScript・React）
デスクトップ依存のExcel VBAカレンダーを、マルチデバイス対応・データ共有可能なモダンWebアプリケーションへと再構築する総合実習プロジェクト。
#Astro#TypeScript
詳細 →
業務改善・DB2026年9月〜10月（約4週間）
AccessDBによる業務改善システム & 体系的解説ドキュメント
担当: 要件分析 / 第3正規化DB設計 / SQLクエリ作成 / 解説PDF執筆
現場の業務課題ヒアリングからリレーショナルDB設計、SQLクエリ構築までを一貫して実施。ER図やテーブル定義書を含む詳細解説ドキュメント（PDF）を付属。
#Access#SQL
詳細 →ARTICLES & DOCUMENTS
技術記事・ドキュメント
アーキテクチャ・設計/7 min read
ポートフォリオサイトにおける技術選定とセキュリティ設計の背景
要件と制約から逆算したフレームワーク選定（Astro）と、外部リレーサービスに依存しないエッジサーバーレスによるフォームセキュリティ設計についての記録。
アルゴリズム・設計/6 min read
Javaプログラミング能力認定試験2級の学習記録と、アルゴリズム・オブジェクト指向の基礎理解
サーティファイJava 2級の受験対策を通じて学んだ、型安全性やカプセル化の考え方、探索・整列アルゴリズムの思考プロセスについてのまとめ。
データベース・設計/8 min read[解説PDF付属]
業務改善を支えるリレーショナルDB設計：第3正規化とSQLクエリの基礎
現場のデータ分散や二重入力を防ぐためのER図作成手順、正規化の考え方、インデックスによる検索最適化の基礎についての解説。
SPECIAL ARCHIVE
職業訓練（ITスペシャリスト養成科）での学びと実習成果
Javaプログラミング能力認定2級（100点満点）、リレーショナルデータベースの正規化設計、業務ツールのWeb化など、訓練校で体系的に学んだカリキュラムと実習成果を特設ページにまとめています。
特設ページを見る→CONTACT
お問い合わせ
フロントエンド開発の基礎を大切にしながら、実務を通じて成長していきたいと考えています。
採用や面談に関するご連絡は、フォームよりお気軽にお問い合わせください。