サイト改修メモ

◆ 段階

HTML, CSSをキレイに直す

JS部分リファクタ

できればDjangoからVueとかに移行したい...サーバーサイド処理いらないはず...

いまのところ理想はVueに完全移行、NetlifyにホスティングというかPython使用しないなら共用サーバにつっこめばいいのでは（サブドメインフォルダが作成されていれば）

◆ CSS

▼ CSSフォルダ構成

code:terminal

egosite/static/css/

├── base

│ ├── _generic.scss

│ └── _normalize.scss

├── layout

│ ├── _flex.scss

│ └── _layout.scss

├── main.css

├── main.scss

├── module

│ ├── _button.scss

│ ├── _hover.scss

│ └── _image.scss

├── setting

│ ├── _color.scss

│ └── _font.scss

├── theme

│ └── _background.scss

├── tool

│ └── _mixin.scss

└── utility

└── _utility.scss

修正項目

不要なCSSの削除

構成※extendを使わない

そもそもこのフォルダ分類でいいのか、今一度考える

細かい修正

全体で、Sassのfunctionと演算を使えないか検討

padding, margin系を3段階作成し、topやbottomの大きさを統一。レスポンシブも含む

flexは全て-webkitオプションを使う

_background内でsvgなくて綺麗に表示されるか確認、book背景をPCでも綺麗にできないか再挑戦

修正後

code:terminal

css

├── main.css

├── main.css.map

├── main.scss

└── source

├── modules

│   ├── _animation.scss

│   ├── _background.scss

│   ├── _color.scss

│   ├── _flex.scss

│   ├── _font.scss

│   ├── _normalize.scss

│   └── _utility.scss

└── partials

├── _about.scss

├── _common.scss

├── _diagnosis.scss

├── _events.scss

├── _literatures.scss

└── _top.scss

◆ 参考