技術情報
物理化学部公式サイトの技術情報や使用技術についての詳細です。
フロントエンド
ユーザーインターフェースの構築に使用した技術
Next.js
React
TypeScript
Tailwind CSS
shadcn/ui
Radix UI
モダンなフロントエンド技術を使用して、高速で応答性の高いユーザーインターフェースを構築しています。
ビルド方式
サイトの生成とビルドに使用した技術
Static Export
SSG
TypeScript
Next.jsのStatic Export機能を活用して、完全に静的なHTMLファイルを生成しています。
デプロイ環境
サイトのホスティングと配信に使用した技術
GitHub
Cloudflare Pages
GitHubへのプッシュをトリガーにCloudflare Pagesへ自動デプロイ。エッジネットワークによる高速な配信を実現しています。
バージョン管理
コード管理とコラボレーションに使用した技術
Git
GitHub
GitとGitHubを使用して、コードのバージョン管理と複数人での開発を効率化しています。
デザイン
ユーザーインターフェースのデザインに使用した技術
Affinity Designer
Tailwind CSS
shadcn/ui
モダンなデザインツールとコンポーネントライブラリを活用して、美しく使いやすいインターフェースを設計しています。
パフォーマンス最適化
サイトの高速化に使用した技術
Next.js Image (unoptimized)
Code Splitting
Static Export
静的エクスポートによりビルド時に最適化されたファイルを生成し、Cloudflare Pagesのエッジネットワークで高速配信しています。
開発者情報
このサイトの開発に携わった人々
コーディング
環境構築・コーディング・デプロイまでを部員が行っています。
協力
写真・ブログは部員によって提供されています。
オープンソース
このサイトは以下のオープンソースプロジェクトを活用して構築されています：
- Next.js by Vercel
- React
- Tailwind CSS
- shadcn/ui
- Lucide Icons
最終更新日: 2025年4月7日