# 長井研究室 ウェブサイト更新方法

[GitHub](https://github.com/takanorip/nagai-lab-website/)

## 基本構造

- `public`
- 静的なアセットを置いておく場所です。主にウェブサイト内に表示している画像が格納されています。
- 適切な場所に画像を格納しないと変更が反映されません。画像を編集する際は気をつけてください。
- `assets/equipments` : Equipmentsの画像
- `assets/team` : メンバー紹介の画像
- `assets/projects` : プロジェクト詳細の画像
- `assets/thumbnails` : プロジェクト詳細のサムネイル画像
- `scr`
- ソースコードが置かれているディレクトリです。テキストを編集する際はsrc配下のファイルを編集することになります。

## TEAM、RESERCH、NEWS、PUBLICATIONの更新方法

RESERCH、NEWS、PUBLICATIONに表示されている内容は、`src/data`配下にあるファイルに記述されています。
https://github.com/takanorip/nagai-lab-website/tree/main/src/data

例えば、TEAMの情報は[`team.ts`](https://github.com/takanorip/nagai-lab-website/blob/main/src/data/team.ts)記述されています。既存フォーマットを参考に情報を編集してください。

  {
    title: "Professor",
    name: "Takayuki Nagai",
    email: "[e-mail]",
    description:
      "1993年慶應義塾大学理工学部電気工学科卒業．1995年同大学院理工学研究科電気工学専攻前期博士課程修了．1997年同後期博士課程修了．博士（工学）．1998年電気通信大学助手，2003年カリフォルニア大学サンディエゴ校客員研究員，2015年電気通信大学教授を経て，2018年より大阪大学大学院基礎工学研究科教授．電気通信大学人工知能先端研究センター特任教授，玉川大学脳科学研究所特別研究員，産総研人工知能研究センター客員研究員を兼務．",
    imgUrl: "/assets/team/tnagai.jpg",
  },

## Project詳細ページの編集

Project詳細ページのデータは`src/pages/research`ディレクトリにマークダウンファイルとして格納されています。
https://github.com/takanorip/nagai-lab-website/tree/main/src/pages/research

ファイルの先頭にプロジェクトの情報を記述する箇所があり、その下にコンテンツの中身があります。

---
title: 多感覚情報からの潜在情報の学習
subTitle: 認知発達過程の再現に向けて
author: 青木 達哉(Tatsuya Aoki)
thumbnail: aoki_h30.jpg
mainPublications:
  - Variational Autoencoderを用いたマルチモーダル情報の統合, 第80回全国大会講演論文集, 2018(1), 17-18.
current: true
year: 2018
slideImages:
  - /assets/projects/Aoki_h30/slide0.JPG
  - /assets/projects/Aoki_h30/slide1.JPG
  - /assets/projects/Aoki_h30/slide2.JPG
layout: ../../layouts/project.astro
---

- `mainPublications`に書かれた内容はプロジェクト詳細ページ下部の著者情報セクションに表示されます。
- `slideImages`はスライドとして表示したい画像のパスをリスト形式で記述します。

## その他テキストの編集

その他の日本語テキストは`srv/i18n`ディレクトリ配下のファイルに記述されています。
https://github.com/takanorip/nagai-lab-website/tree/main/src/i18n

英語表示に対応するため、テキストをレイアウトとは別のファイルに記述しています。

英語のテキストはレイアウトのファイルに直接記述されています。
レイアウト用ファイルは`src/components`に格納されています。
https://github.com/takanorip/nagai-lab-website/tree/main/src/components

テキストエディタで編集したい文字列を検索すると、すぐに見つかるはずです。

## デプロイ方法

コードをデプロイする手順は次のとおりです。

- リポジトリをフォーク＆クローンする
- Node.jsをインストールする（LTSバージョンをダウンロードすれはOKです）
- コマンドプロンプトで当該ファイルを開き `npm install` `npm run build` コマンドを実行（npmコマンドはNode.jsをインストールすれば自動でインストールされます。）
- コマンドを実行すると `dist` ディレクトリが作成され、その中に生成されたHTMLなどが格納されます。その中身をサーバーにアップロードします。