●グリッドサイズ変更でビューを変えるようにした

https://gyazo.com/2507754e7805a6f3f62fc666dcef6a20

以下の実装

実装の理由

私が楽しいので

どうせなら閲覧者も見れるようにしようと思った

挙動

中サイズ表示のときリスト風のビューになります

大サイズ表示のときブログ風のビューになります

ブログビューではブログ風に表示させる必要のないページを非表示にしています

おおよそブログに書こうと思えば書けそうな類のアウトプットだけが並ぶようになっています

ただしページタイトルで機械的にフィルタリングしているので時々違うタイプのものも混じります

https://gyazo.com/7d091118359f86bc9182af7977c7360d

わかりやすいように表示を作ってみた

（こういう場合にどう書くのが普通なのかよくわからないので「とりあえず伝わればいいよね！」という感じに適当に書いています）

https://gyazo.com/015c22cd4127c7449152a49e2a7f741f

コード

注意事項

グリッドサイズを変更した状態で他のプロジェクトを開くと、グリッドサイズの設定が継続されます

そのままの状態で、グリッドサイズ変更バーをUserCSSで非表示にしているプロジェクトを開くと、そのプロジェクトを閲覧中にサイズ変更できないので、中サイズ表示（リストビュー）や大サイズ表示（ブログビュー）をご利用になった方はご注意ください

既知

ブログビューでブラウザの幅を狭くした時に余白がうまく調整されずにはみ出る

そのうち直します

リストビューも幅がいまいち

→2021/08/28　だいたい直ったと思う

2021/09/11

リストビューで一部のカードの横幅がおかしくなる

具体的にはタイトルが「～、」で終わる、半透明表示のページ

→多分直ったと思う