サイトのメンテとリニューアル設計とmicroCMS調べるの会
メンテするよ〜〜!!
今回のメンテの目的
- Cocodaバリデーションをできるだけ汎用なコンポーネントにして横っちょに追加したい
- やりたい構想があるんだけどそれをやるための下準備
- ヘッドレスCMSとか使いたいんだけどそれを今のサイトと同じところにのせれそうか考える
- 単純に5ヶ月くらいメンテしてないから心配になってきた
- yarnにしたい
とりあえずnpm run devしてみたけどPCで見た時に全体的にデカすぎてウザいな
max-widthつけて左右固定するか ヘッダもなんかデカすぎ感
これね 縦長画像でみるとちょうどいいんだけども…。
スマホ基準にデザインしたからこうなってるのかと思ったけどスマホでも微妙ですやん…。
SEサイズで2個並ぶようにするどん
アー…………。当時の私CSSチョットニガテだったのがうかがえる…ウーン脱Vuetifyにしちゃおうかなどうしようかなーそれもちょっと大改造だなあ でもコンポーネントちゃんときってあるから毎日1脱したら結構すぐ終わるか…。
でもここどうにかするよりは履歴の方がスマホで超見辛いのをどうにかしたいので先にそっちだな…
PC表示だと綺麗で好きなんだけどねえ
Vuetify便利だけどメディアクエリとか考えるとやっぱめちゃしんどいな、ちょっとこれは本当に脱Vuetifyプロジェクトしよう…といいつつ、根本的に新しくしたい部分もあるので設計図書いちゃうぞ
せっけいず!
眺めてたら他のコンポーネントも見た目調整したい気持ちがワキワキしてきたからまあちょっとずつ改修してこ 自作コンポーネント増やすならStorybookもいれたい 山盛り
yarn にしつつメンテするよ〜〜
ンーーー
ヘッドレスCMSにしたいのReactを使いたいとかだったんだけど、でもNotionも使いたくてそうするとReactの出番なさそうだな
↑もやってみたいけどこれ参考にしてやってみようかな
同一ドメイン共存はやってできないことはないけどめんどくさそうなのでまあブログ側は普通のでいいやうん…
よしじゃあCocodaバリデーションのコンポーネントどっかにのせていくか…新しいページつくろかな
ちゃんと定期的に更新できる仕組みをつくりたいウーンまあしばらくはサイト自体を修正していくからいいか…。
Nuxt.jsとStorybookの共存はできそうだから、どこかで共存できるようにしたいなー。
それ考えるとReactも共存できそうだけど、でもめっちゃプロジェクト汚くする未来しかみえないな…ムズカシイ
リファクタしようとして気づく、過去の私、AtomicDesignに用途をのせてるじゃん天才か……………
じゃあAtomic解除してパス修正するだけでいいな
Vuetifyもコンポーネントの名前置き換えてくだけだから楽でいいなあこれのリファクタ
でもリファクタの前にReactもやりたい やりたいことだらけ
mdiのアイコンっていっぱいあって探すの楽しいね
30分くらいに終わりたいのでpushとデプロイしていくよー
はい!メンテ終わり〜〜〜!
今回のメンテの目的
- Cocodaバリデーションをできるだけ汎用なコンポーネントにして横っちょに追加したい
- done!
- やりたい構想があるんだけどそれをやるための下準備
- 設計はした!優先度は調整
- ヘッドレスCMSとか使いたいんだけどそれを今のサイトと同じところにのせれそうか考える
- のせれなさそう…
- けど、Vercelとかfirebaseに載せるはできそうなので、そっちでやってみる!
- 単純に5ヶ月くらいメンテしてないから心配になってきた
- メンテした!オールグリーンにはならなかったけど、まあよしとしよう
- yarnにしたい
- done!
- もくもく会の人にNext.jsならもっと楽なの公式あげてるでって教えてもらった!!!ヤッター!
Reactはなんかこれだー!って思える本がみつからないのでmicroCMSのやつとprogateをとりあえずやろうかな
とりあえず今日の開発はこれでおわり〜〜お疲れ様でした!