Closed33

サイトのメンテとリニューアル設計とmicroCMS調べるの会

まなさすまなさす

今回のメンテの目的

  • Cocodaバリデーションをできるだけ汎用なコンポーネントにして横っちょに追加したい
  • やりたい構想があるんだけどそれをやるための下準備
  • ヘッドレスCMSとか使いたいんだけどそれを今のサイトと同じところにのせれそうか考える
  • 単純に5ヶ月くらいメンテしてないから心配になってきた
  • yarnにしたい
まなさすまなさす

とりあえずnpm run devしてみたけどPCで見た時に全体的にデカすぎてウザいな
max-widthつけて左右固定するか ヘッダもなんかデカすぎ感

まなさすまなさす

スマホ基準にデザインしたからこうなってるのかと思ったけどスマホでも微妙ですやん…。
SEサイズで2個並ぶようにするどん

まなさすまなさす

アー…………。当時の私CSSチョットニガテだったのがうかがえる…ウーン脱Vuetifyにしちゃおうかなどうしようかなーそれもちょっと大改造だなあ でもコンポーネントちゃんときってあるから毎日1脱したら結構すぐ終わるか…。

まなさすまなさす

でもここどうにかするよりは履歴の方がスマホで超見辛いのをどうにかしたいので先にそっちだな…
PC表示だと綺麗で好きなんだけどねえ

まなさすまなさす

Vuetify便利だけどメディアクエリとか考えるとやっぱめちゃしんどいな、ちょっとこれは本当に脱Vuetifyプロジェクトしよう…といいつつ、根本的に新しくしたい部分もあるので設計図書いちゃうぞ

まなさすまなさす

眺めてたら他のコンポーネントも見た目調整したい気持ちがワキワキしてきたからまあちょっとずつ改修してこ 自作コンポーネント増やすならStorybookもいれたい 山盛り

まなさすまなさす

ンーーー
ヘッドレスCMSにしたいのReactを使いたいとかだったんだけど、でもNotionも使いたくてそうするとReactの出番なさそうだな
https://qiita.com/yoshihiko_k/items/1f6067f2be88aa0dc65b#2-blog_index_id

まなさすまなさす

よしじゃあCocodaバリデーションのコンポーネントどっかにのせていくか…新しいページつくろかな
ちゃんと定期的に更新できる仕組みをつくりたいウーンまあしばらくはサイト自体を修正していくからいいか…。
Nuxt.jsとStorybookの共存はできそうだから、どこかで共存できるようにしたいなー。
それ考えるとReactも共存できそうだけど、でもめっちゃプロジェクト汚くする未来しかみえないな…ムズカシイ

まなさすまなさす

リファクタしようとして気づく、過去の私、AtomicDesignに用途をのせてるじゃん天才か……………
じゃあAtomic解除してパス修正するだけでいいな

まなさすまなさす

Vuetifyもコンポーネントの名前置き換えてくだけだから楽でいいなあこれのリファクタ
でもリファクタの前にReactもやりたい やりたいことだらけ

まなさすまなさす

30分くらいに終わりたいのでpushとデプロイしていくよー

まなさすまなさす

自己マージだからmaster直pushとあんまり変わらないけど、PRにちゃんと書くのが楽しい

まなさすまなさす

びるどすよー  びるどでWARNでてるけど……sass-loaderもアプデした方がいいみたいなので、次回だなー

まなさすまなさす

なんかビルド時間すごい長い気がするけど、これsandboxで色々入ってるからなあ…グラフ系試したのが多分結構重くしてそうな予感はするー

まなさすまなさす

additional assetsですごい止まったから画像とか最適化したら良い感じになりそうかな?

まなさすまなさす

今回のメンテの目的

  • Cocodaバリデーションをできるだけ汎用なコンポーネントにして横っちょに追加したい
    • done!
  • やりたい構想があるんだけどそれをやるための下準備
    • 設計はした!優先度は調整
  • ヘッドレスCMSとか使いたいんだけどそれを今のサイトと同じところにのせれそうか考える
    • のせれなさそう…
    • けど、Vercelとかfirebaseに載せるはできそうなので、そっちでやってみる!
  • 単純に5ヶ月くらいメンテしてないから心配になってきた
    • メンテした!オールグリーンにはならなかったけど、まあよしとしよう
  • yarnにしたい
    • done!
このスクラップは2021/07/04にクローズされました