Portfolio

Portfolio

自己紹介や成果物をまとめたポートフォリオサイトです。

研究やプログラミング成果物の概要を紹介しています。 各成果物の機能や仕様のほか、開発に開発に使用している技術・サービスも掲載しています。
お問い合わせフォームを実装し、このフォームから問い合わせが送信された場合は、Resendを用いて送信者とサイト管理者にメールが自動送信されるようにしています。

動作環境

• Android OSでの動作確認はしていません。

開発

開発期間: 2025年11月1日 - 2025年12月16日 （運用中）

使用言語: TypeScript

使用ライブラリ等: React, Next.js, zod, shadcn/ui

使用ツール: npm, Git, Git LFS

使用サービス: GitHub, AWS Amplify, Resend, さくらのメールボックス, Google Fonts

開発経緯:
作成したアプリケーションや、自身の自己紹介を1箇所にまとめて掲載することを目的に開発しました。 Webアプリケーションのような複雑な機能は持たせず、情報の閲覧を主目的としたシンプルなWebサイトとして構築しました。

技術選定理由等:
DataArranger_webではReact Routerを使用しましたが、本サイトでは、現在広く用いられているNext.jsを学ぶ目的でこれを採用しました。 お問い合わせフォームのメール自動送信サービスには、フリープランで利用でき、かつ開発者にとって扱いやすいと定評のあるResendを採用しました。 デプロイ環境には、DataArranger_webと同じく、GitHub連携による自動ビルド・デプロイが容易なAWS Amplifyを利用しました。 併せて、Amazon Route 53でカスタムドメインを取得・設定し、URLを簡潔で分かりやすいものにしました。