thinaticsystem/thinaticsystem.com

「㈲しなちくシステム」の設計図

thinaticsystem.com's Issues

お知らせのリンクの開き方を適切な感じに

現状

全てのリンクが新規タブで開く

理想

同一オリジンの場合は同じタブで開く

有料ガチャ

SR以上確定など

「ページをシェア」ボタンのマウスポインターアイコン変える

わかりづらいため

OGP

• あったらかっこいい感じがある
• たくさんHTTPリクエストが飛んできてたのしそう

Bug: MisskeyのURL Previewでfaviconの読み込みに失敗する

やめたい

ページのディレクトリに対する ./favicon.ico を参照してしまう

あやしい

thinaticsystem.com/src/index.html

Line 8 in dcc4bd8

<link href="favicon.ico" rel="icon" type="image/x-icon">

/favicon.ico ？

Discography更新

• オ飲のゴシックのやつ
• 2022春M3のやつ

Aboutの趣味のゴママヨのリンクが切れている

https://thinaticsystem.com/vocabulary/gomamayo になってる

修正方法

• リンクを /glossary/gomamayo に書き換える
• glossary ディレクトリを /vocabulary に置き換える
  • 他のサイトからも参照されているので、置き換えた場合は /glossary ディレクトリからのリダイレクトを設定した方がいい

/aboutのSoundCloud埋め込みの自動再生やめる

自分が一番うるさいと思うため

microCMS使わない感じに

Angularにして使わなくてよくなったので

ダークテーマ

トップページ右のリンク刷新

• Instagramとかいろいろ増やしたい
• もうあのフォント持ってない

フォントサイズの指定を常識的な感じ™に

vwとかつかっててすごいため

長いページにおける横方向レイアウトずれ修正

div.bodyTextで起きるっぽい
ついでにmainのmax-widthをwidthに修正する

備考

Cumulative Layout Shiftって言うらしい
https://web.dev/optimize-cls/?utm_source=lighthouse&utm_medium=lr#images-without-dimensions

Lighthouseの怒られをなんとかする

なんとかする

自動でテストするツールとかありそうな気がするので調べる

Patreonパトロンの方々一覧

とりあえずここでjson引っ張ってこれるようにした
https://patrons.thinatic.workers.dev/
どこにどう置こうか考え中

アンケート

↓をつける

アンケートにご協力ください

このページはわかりやすかったですか？

• はい（どちらかと言いまくり）
• いいえ（どちらかと言いまくり）
• どちらかと言えばはい
• どちらかと言えばいいえ
• どちらかと言えばどちらでもない
• どちらかと言いたくない
• どちらかと言いすぎて散らかってる
• どちらとも言えない
• どちらとも言える
• どちらとも言えるともどちらとも言えないとも言える
• どちらとも言えるともどちらとも言えないとも言えない
• どちらとも言えるともどちらとも言えないとも言えるともどちらとも言えるともどちらとも言えないとも言えないとも言える
• どちらとも言えるともどちらとも言えないとも言えるともどちらとも言えるともどちらとも言えないとも言えないとも言えない

Cumulative Layout Shift対策

• アスペクト比を指定（imgタグのwidth``heightに画像ファイルのピクセル数を指定）
  ex. <img src="honi.svg" width="47" height="30">
• imgのスタイルのwidth指定を(親要素の)100%、height指定をautoに
• microCMSから動的に読み込んでレンダリングされる要素のheightを十分なサイズに

参考: https://web.dev/optimize-cls/

リポジトリ(これ)のリンク追加

https://github.com/ThinaticSystem/thinaticsystem.com/