patches 3.1 (#215)

- **fix build warning**
- **simplicity: replace (../)+ with +/**
- **(treewide) content: no more ../../../, you can just import from +/**

Author: aster-void

README.md

@@ -9,49 +9,39 @@
 
 [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/ut-code/website)
 
-### 手動
+### ローカル
 
 - (必須) Bun >= v1.1.39
 - 任意のエディタ https://docs.astro.build/en/editor-setup/
 
-```shell
+```sh
 bun install --frozen-lockfile
 ```
 
 ## 開発
 
-```shell
+```sh
 bun dev
 ```
 
 <http://localhost:4321/> で開発用サーバーが起動します。
 
 ## ビルド
 
-```shell
+```sh
 bun run build
 ```
 
 ## ディレクトリ構造
 
-- `contents`: 記事のデータです。`/templates` ディレクトリ内のファイルで HTML への変換ルールが定義されます。
-  - `articles`: 記事です。`/articles/サブディレクトリ名` に出力されます。
-  - `members`: メンバーの情報です。現状メンバー専用ページは用意していませんが、記事ページから表示できます。
-  - `projects`: プロジェクトの情報です。`/projects/サブディレクトリ名` に出力されます。
-- `src`
-  - `components`: 共通コンポーネント
-  - `images`: 記事ではなくデザインに用いる画像です。import しない限り出力されません。
-  - `pages`: Gatsby の機能によりファイル名がパスに変換されます。
-  - `styles`: CSS ファイルです。
-  - `templates`: `contents` ディレクトリ内の Markdown ファイルを HTML に変換するルールを定義します。対応関係は `gatsby-node.ts` で定義されています。
-  - `gatsby-types.d.ts`: GraphQL クエリの型情報が入ります。自動生成されます。
-  - `images.d.ts`: TypeScript ファイルから画像ファイルを import できるようにするための型定義ファイルです。
-- `gatsby-{browser,config,node}.ts`: Gatsby の設定ファイルです。
-- `apollo.config.js`: Apollo Language Server が動作するために必要なファイルです。削除してもウェブサイトの動作には影響を与えません。
-- `{postcss,tailwind}.config.js`: Tailwind 用の設定です。
-
-## プルリクエストを出す前に
-
-```shell
-npm run lint && npm run type-check
-```
+- `contents/`: 記事のデータです。Astro の Content Collection を使って `src/pages` から読み込みます。
+- `src/`
+  - `images/`: 記事ではなくデザインに用いる画像です。
+  - `pages/`: Astro の機能によりファイル名がパスに変換されます。
+  - `islands/`: Astro で読み込む Island の集合です。
+  - `content.config.ts`: Astro の Content Collection の設定を書きます。
+  - `global.css`: Tailwind の設定ファイルです。
+- `astro.config.ts`: Astro の設定ファイルです。Vite の設定もここに書きます。
+- `biome.jsonc`: Biome の設定ファイルです。Biome のフォーマット部分は Astro に対応していないので、Lint だけ使っています。対応したら両方 Biome にしましょう。
+- `.prettier{rc,ignore}`: Prettier の設定ファイルです。 Prettier には、 astro と svelte と tailwind のプラグインが入っています。
+- `svelte.config.js`: 最もフィジカルで、最もプリミティブで、そして最もフェティッシュなフレームワークでいかせていただきます。

contents/articles/2019/09-30_2019a-first-lecture/index.mdx

@@ -4,7 +4,7 @@ date: 2019-09-30T23:10:44+09:00
 categories:
   - "info"
 author: tnagaya
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 A セメスターが始まり、本日で一週間となりました。教養学部の皆様は、そろそろ履修が確定している頃ではないでしょうか。

contents/articles/2019/09-30_2019a-schedule/index.mdx

@@ -4,7 +4,7 @@ date: 2019-09-30T15:52:03+09:00
 categories:
   - "info"
 author: tnagaya
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 ## 開講日程

contents/articles/2019/09-30_syllabus-supports-2019a/index.mdx

@@ -4,7 +4,7 @@ date: 2019-09-30T03:55:32+09:00
 categories:
   - "info"
 author: tnagaya
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 本年度 S セメスターでも大変多くの方にご好評をいただいた「[Syllabus by ut.code();](https://syllabus.utcode.net/)」が、A セメスターの授業に対応しました。

contents/articles/2019/10-01_windows-home-to-education/index.mdx

@@ -4,7 +4,7 @@ date: 2019-10-01T14:26:13+09:00
 categories:
   - "utokyo"
 author: tnagaya
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 皆さんが購入された Windows マシンに搭載されている OS は、最近であれば Windows 10 Home であることが多いかと思いますが、この Home エディションでは、開発に必須の Hyper-V（仮想化支援機能）が有効化できなくなっています。幸いなことに、東京大学は学生に向け、Windows 10 の最上位エディションと同等の機能が利用できる Education ライセンスを無償で提供しています。この記事では、そちらの利用方法を解説します。

contents/articles/2019/10-03_2019a-first-lecture-record/index.mdx

@@ -4,7 +4,7 @@ date: 2019-10-04T03:36:06+09:00
 categories:
   - "events"
 author: tnagaya
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 2019/10/2（水）、2019/10/5（土）に実施された[第一回「エンジニアになろう」講習会](https://utcode.net/2019/info/2019a-first-lecture/)の講義スライドを書き起こした資料です。説明の簡略化のため、一部不正確な書き方をしている部分がありますが、ご了承ください。東京大学の学生が A セメスターで学習することを想定しています。

contents/articles/2019/10-14_lecture-34-announcement/index.mdx

@@ -4,7 +4,7 @@ date: 2019-10-15T02:38:24+09:00
 categories:
   - "info"
 author: tnagaya
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 「エンジニアになろう」講習会第三回・第四回を、以下の日程・場所で開講いたします。

contents/articles/2019/11-03_utcode-lectures-01/index.mdx

@@ -3,7 +3,7 @@ title: "ut.code(); 学習カリキュラム #1"
 date: 2019-11-03T09:29:17+09:00
 categories:
   - "internal"
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 ようこそ！ut.code();へ。

contents/articles/2019/11-03_utcode-lectures-02/index.mdx

@@ -3,7 +3,7 @@ title: "ut.code(); 学習カリキュラム #2"
 date: 2019-11-03T09:30:33+09:00
 categories:
   - "internal"
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 ## 黒いアイツ

contents/articles/2019/11-03_utcode-lectures-03/index.mdx

@@ -3,7 +3,7 @@ title: "ut.code(); 学習カリキュラム #3"
 date: 2019-11-03T09:30:56+09:00
 categories:
   - "internal"
-image: ../../../../src/images/no-image.svg
+image: +/images/no-image.svg
 ---
 
 今回からお待ちかねプログラミングの時間です！まずはターミナルで