マークダウンに対応したので、
であったり、
やリンクを書けるようになった。
これで、次のステップに進めるようになる。
ちなみに、まだプレビュー機能をつけられていないものの、実装上はコメントでもマークダウン表示できる、はず。
実装自体はremarkがほぼすべてやっているので、出すだけなら難しいことはなかった。
ただ、remarkがesm で、jestを直で動かせないのが面倒だった。
Nextのesm も一部でマージ待ちのプルリクがあったりして、素直に対応するできる状況ではなさそうだったので、割り切ってmockした。
ブログ記事をマークダウンで投稿できるようにしようとしている。
マークダウンからHTMLというかReactコンポーネントに変換するのはremark一発で終わってしまった。
世の中便利で勉強にならない。
といってもこれは通過点で、勉強したいポイントはもうちょっと先だけれど。
ただ、マークダウンにどんな感じでcssを当てるかはちょっとおもしろい。
GitHub とかこんな感じなんだーとかね。
まず記事作成フォームに実装してみた。
コメントフォームにも追って実装する予定。
これができたらマークダウン対応、そして画像投稿対応と進めていきたい。
ただ、その前にSegmented Buttonがなんか等幅になっていないのでちょっと調べたい。
を実装した。
コンポーネントを作っただけなので、まだ見た目には反映されていない。
とはいえ、もうモノはあるのでそう時間はかからないはず。
CSS力が低くてあまり実装イ��ージがピンときていなかったけど、いくつかサンプル実装を調べてそれなりにできた。
今のところ、サイドカラムにプロフィールだけ表示している。
画面サイズが小さいスマホでは、画面上部だ。
サイドカラムもそのうち充実させたいが、充実させた結果をどう配置するかはまだ答えを出せていない。
世の中のブログだとだいたい記事が上でサイドカラムが下に回っているけど、現状ではサイドカラムが上にある都合（と意図）がある。
ここを実装するのはだいぶ先になるだろうけど、ぼちぼち考えておきたい。