miyado.dev

ブログ記事をマークダウンで投稿できるようにしようとしている。
マークダウンからHTMLというかReactコンポーネントに変換するのはremark一発で終わってしまった。
世の中便利で勉強にならない。
といってもこれは通過点で、勉強したいポイントはもうちょっと先だけれど。
ただ、マークダウンにどんな感じでcssを当てるかはちょっとおもしろい。
GitHub とかこんな感じなんだーとかね。

まず記事作成フォームに実装してみた。
コメントフォームにも追って実装する予定。
これができたらマークダウン対応、そして画像投稿対応と進めていきたい。

ただ、その前にSegmented Buttonがなんか等幅になっていないのでちょっと調べたい。

を実装した。
コンポーネントを作っただけなので、まだ見た目には反映されていない。
とはいえ、もうモノはあるのでそう時間はかからないはず。

CSS力が低くてあまり実装イメージがピンときていなかったけど、いくつかサンプル実装を調べてそれなりにできた。

今のところ、サイドカラムにプロフィールだけ表示している。
画面サイズが小さいスマホでは、画面上部だ。
サイドカラムもそのうち充実させたいが、充実させた結果をどう配置するかはまだ答えを出せていない。
世の中のブログだとだいたい記事が上でサイドカラムが下に回っているけど、現状ではサイドカラムが上にある都合（と意図）がある。
ここを実装するのはだいぶ先になるだろうけど、ぼちぼち考えておきたい。

このブログにまたちょっと機能追加していきたくて、figmaにデザインを起こしていた。
ViewGroup的なやつを扱える様になると便利そうだが、そこまでのfigma力がなく。
それでも、多少自分で触るとわかることも多い。
ということで結論が昨日と似たり寄ったりになってしまった。