# Astro

今ままではNext.jsを使って書いていましたがAstroで書き直してみました。  
理由としては

- Next.jsは動的サイト用のフレームワークだが僕は静的サイトにしか使っていない
- 最近Astroを触る機会があって結構いいなと思ったから
- 特にコンテンツコレクション機能がめちゃくちゃ便利に感じた

などがあります。

## 何が変わったの?

ぱっと見は大きく変わらないように作っています  
そもそもデザインができないので同じような物しか作れません...  
見やすさや軽量化を意識して作り直しましたが、改善すべき点は多いですね...

# こだわりポイント

## 絵文字がTwemoji🤩

以前からそうでしたが絵文字はすべてTwemoji[^1]で表示されます‼️🥳  
[^1]: [Twitter Emoji (Twemoji)](https://github.com/jdecked/twemoji)

基本的な絵文字はもちろん😭😍😂
最新の絵文字🫪🫯⛓️‍💥にも対応しています‼️‼️🫆🫆  
時代錯誤も甚だしい現代にそぐわないデザインの絵文字を押し付けてくる\{企業|d〇c〇m〇\}も存在する[^2]ので絵文字のフォントを統一するのは重要だと思っています...  
[^2]: なんと2025年で絵文字の押し付けを終了していました。惜しまれつつも終了...みたいな書き方してますがそんなことないよ https://www.docomo.ne.jp/info/notice/page/250521_01.html

## remark/rehypeプラグイン

- remarkGfm
- remarkDendenRuby
- rehypePrettyCode

よく見るremark/rehypeのプラグインたちですね  
現時点ではそこまでこだわってカスタムしていません

### これはh3

#### これはh4

> これは引用
>
> > これは引用の引用

| 表だよ | 表だね |
| ------ | ------ |
| あ     | 😊     |
| 💕     | 𰻞𰻞   |

```c
int main(){
  const int i = 0;
  const char emoji[] = "😭";
  const char a[] = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb";
  return 0;
}
```

![名古屋駅](./20260608_102717.jpg "名古屋駅だよ～")