東工大（東京科学大学）の奨学金情報を効率的に検索できるWebサービス
東工大（東京科学大学）の奨学金サイトの情報をより見やすく整理し、効率的に検索できるようにしたWebサービスです。学部生・大学院生向けの給付型奨学金、貸与型奨学金情報を網羅的に提供します。
- 効率的な検索: 学年、金額、締切日等で絞り込み検索が可能
- モバイル対応: レスポンシブデザインでスマートフォンにも対応
- SEO最適化: 構造化データ、OpenGraph、Twitter Cards対応
- 高速表示: Next.js App Router + ISRによる最適化されたパフォーマンス
- リアルタイム更新: 1時間ごとに最新の奨学金情報を自動取得
- フレームワーク: Next.js 14 (App Router)
- 言語: TypeScript
- スタイリング: Tailwind CSS
- データ取得: Cheerio (Webスクレイピング)
- レンダリング: ISR (Incremental Static Regeneration)
- デプロイ: Vercel
- SEO: 構造化データ (JSON-LD), OpenGraph, Twitter Cards
- Node.js 18.0.0 以上
- npm, yarn, または pnpm
# 依存関係のインストール
npm install
# または
yarn install
# 開発サーバーの起動
npm run dev
# または
yarn dev開発サーバーが起動したら http://localhost:3000 にアクセスしてください。
scholar/
├── app/ # Next.js App Router
│ ├── components/ # Reactコンポーネント
│ ├── privacy/ # プライバシーポリシー
│ ├── terms/ # 利用規約
│ ├── layout.tsx # ルートレイアウト
│ ├── page.tsx # ホームページ
│ ├── HomeClient.tsx # クライアントサイドコンポーネント
│ ├── globals.css # グローバルスタイル
│ └── sitemap.ts # サイトマップ生成
├── lib/ # 共通ライブラリ
│ └── scholarships.ts # 奨学金データ取得・解析ロジック
├── public/ # 静的ファイル
│ ├── favicons/ # ファビコン
│ ├── ads.txt # 広告設定
│ ├── robots.txt # クローラー制御
│ └── og_image.png # OGP画像
└── hooks/ # カスタムReactフック
できるだけ検索できるように項目を増やしたものの、元のサイトの表記揺れが激しいため以下のような注意点があります。当サイトで検索後は元サイトで最終確認することをお勧めします。
-
対象者
- B1, B2, B3, B4, M1, M2, D1, D2, D3 のように学年を統一
- 編入学生は考慮していない
- 学士課程 → B1-B4、大学院 → M1-M2, D1-D3 に変換
-
推薦人数
- 「若干名」→ 3名として処理
- 「1-3名」→ 最大値の3名として処理
- 「直接応募」→ 人数不明(?)として処理
-
月額・年額
- 自宅/自宅外や学部/修士で金額が異なる場合、最低額を表示
- 月額、年額、一時金を年額ベースで統一表示
-
他奨学金との重複
- 可: ○、不可: ×、その他: ? で表記
-
学内選考申請締切
- 明記されている場合: yyyy/mm/dd形式
- 不明な場合: ? で表記
- サービス: https://science-tokyo-scholar.vercel.app
- 元サイト: 東工大奨学金情報
プロジェクトへの貢献を歓迎します！バグ報告や機能要望は GitHub Issues までお願いします。