技術とかの雑なToday I Learnedメモ

今日のタブ記事、Tailwindcss、JSONの値の持ち方

今日のタブ記事

4Kディスプレイやめました。そして曲面ウルトラワイドディスプレイの道へ

技術の話じゃないっぽいけどまあ関わることだし、ということで。

4Kかウルトラワイドかの悩みはずっとあって、こういう「こっちのほうがいいよ!」みたいな記事を見ると傾いてしまう……

4Kモニターも結局は拡大して使っているのでフルHDと変わらないじゃん!みたいな話にはよくなるんだけど(4Kをフル活用しようとすると文字が小さすぎて見えない)、いうても4KだとフルHDに比べて(文字サイズを同じにしたとしても)キレイに見える。個人の意見ですが……

実際どうなのか分からないけど、4Kのほうがキレイに見えるし使ってて見やすいなと思うことは多い。ただ今フルHDにしても実はほぼ何も不満点はないんじゃないか?という気もするので、新しめなフルHDモニタを試してみたい。要はお金がほしい。

ウルトラワイドと比較するとしたら27インチくらいの4Kモニターを2枚横並べするかなと思い想像してみたんだけど、仕事やプライベートで開発する場合ってブラウザとエディタが開けていれば最低限はクリアしているなと思い、そうなると4Kが2枚でも問題ないなという気はしている。ウルトラワイドで横並びにできるけど、ちょうど画面半分のサイズにサッと調整するためには有料のアプリかなにかが必要な気がしている(わからんけど)

ウルトラワイドでさらに湾曲しているものだと左右の端の字までしっかり見えるらしい。4Kモニターを左右に並べるとたしかに端の字は見えない感じがするし、そこはウルトラワイドの勝ちかもしれない。

こんな感じでずーっと悩んでいる。ウルトラワイドにもサイズがたくさんあるし、めちゃくちゃ横長のやつは3つ4つウィンドウを開いても余裕みたいなものもあるし、かといって横にウィンドウが4つも並んでたらどうなんだろう?みたいな気持ちもあるし、何も決まらない。

そういえば今はどのアプリケーションも全画面さいずに表示して使っている(ひとつひとつのウィンドウを全画面サイズにしない人をよく見る)けど、自分のようなタイプだとあえて27インチくらいのモニターを並べたほうが使用感が良いと感じるのだろうか。何も分からない。

Tailwindcssの話

色々書き比べた結果Tailwind CSSにしたという話

かなり長い記事だったので自分が気になったというか欲してた情報があったところだけ書くと、「Tailwindcssで書き辛いヤツら」のところ。

まさにこのサイトを作ろうと思ったときに困ったところで、マークダウンをパースして取り込んだHTMLに対してはクラス名を指定できないのでTailwindcssだとスタイルが当てられない!どうしよう!仕方ないから普通にglobal.cssに書いちゃおう!といって書いたんだけど、どうやらこの悩みを持つこと自体は正解だったっぽい。

この記事の筆者もこういうところはTailwindcssではどうしようもなくてCSS in JSで書いているというふうに書いてある。まあCSS Modulesでもいいと思うんだけど、この記事ではCSS ModulesとCSS in JSを比較して結果的にCSS in JSに軍配が上がっている。まあマークダウンのパース結果はどうしようもないですよね。独自でスタイルを定義したい場合はそうやって書く必要があるけど、ライブラリかなにかに乗っかりたいならパース結果に対していい感じにスタイルを当てるライブラリを入れてしまってそれに従うのがよさそう。

CSS ModuluesとCSS in JSの話に関しては、自分はCSSに詳しくないので「なるほど〜」と思って読んでいた。

どれだけ当てるスタイルが少なくてもCSS Modulesだと1コンポーネントにつき1ファイルになってしまうし、それが以外と邪魔という気持ちは非常に分かる。今はVueのSFCで書いてるけど、個人的にVueの数少ない好みがSFCでスタイルも同じファイル内に書けることで、そういう意味ではReactでもCSS in JSのほうが好みなのかもしれないな〜と思うなどした。

JSONの形というか値の持ち方

下のほうがいいという意見が多くて、まあ自分もそうだな〜という感じがした。

recordが複数集まったまとまりがrecordsなので、意味的に下のほうが正しそう、という感じがする。IDはrecordそれぞれが持つものなので、それも下の書き方のほうがしっくり来る。まあ実際どっちがいいかは議論があるだろうけど、下のほうがいいという派閥のほうが多そう。

普段APIに投げるJSONを作るときに意識してみよう。