- フォントは Web サイトの印象に直結するため、一概にこれが良いとは言えない。
- 特にこれと言った指定がされていない場合は
font-family: sans-serifのみで良い。- Windows 11/10 では 2025 年のアップデートにより Noto Sans JP が標準搭載された。色々と問題があった游ゴシックの呪縛から解放されたのは大きい。
- Android はメーカーにより削除されている可能性はあるが、そうでない場合は原則的に Noto Sans CJK JP が適用される。
- Mac/iOS はヒラギノ角ゴ ProN が適用される。
- アップデートによるフォントの変更の懸念はあるものの、ディスレクシアの方々は UD デジタル教科書体などの読みやすいフォントを設定している可能性があるため、アクセシビリティの観点では
font-family: sans-serifの指定を推奨する。
この資料は以下のイベントの登壇用の殴り書きです
https://hack-at-delta.connpass.com/event/350588/
今までの資料を引用して話すので、この資料はアウトラインです。
| /* | |
| これは京都産業大学の情報理工学実験レポートのTypstテンプレートです。基本的には2024年度のWordテンプレートと同じ構造になっています。 | |
| このTypstテンプレートは @minimarimo3@misskey.io によって作成され、 WTFPL(Do What The Fuck You Want To Public License) に従って配布されています。連絡は @minimarimo3@misskey.io (Misskey) か @katayaura (X) にどうぞ。 | |
| */ | |
| #let TODOCounter = counter("TODOCounter") | |
| #let TODO = (con) => { | |
| TODOCounter.step() | |
| text(fill: red)[TODO #context TODOCounter.display(): #con] | |
| } |
| #!/usr/local/bin/sbcl --script | |
| ; this is the full DSL example described in this blog post: | |
| ; https://inconvergent.net/2023/lets-write-a-dsl/ | |
| ; the code is explained in more detail in the post | |
| (defun mkstr (&rest args) | |
| (with-output-to-string (s) | |
| (dolist (a args) (princ a s)))) |
These are modern “Emulated Devices” (a.k.a. responsive dimensions) for Chrome DevTools’ Mobile Device Viewport Mode.
They are specifically Apple devices, subtracting for recent Safari UI (as in window.innerWidth/Height), and cleverly sorted with some dark-arts unicode shenanigans. (This glitchy, unloved portion of the tools sorts lexicographically, because of course it would.) Ergonomics!
Note
Updated June 2025 with some notes from folks below! TL;DR: use Vibranium!
react-hook-formとyupを使った重複チェックバリデーション
最近yupに値の重複チェックするためのいい感じの機能が入ったので、react-hook-formと組み合わせて重複チェックをする方法を備忘のため書き綴っていきます。
今まではデータのネストが深い場合、ネストを遡って他のデータにアクセスしデータのバリデーションが難しかったのですが、yupのv0.29.1から追加されたtest関数のコンテキストのfromプロパティを使用することによってネストを遡ることが容易になりました。
jquense/yup#556
今回はそのfromを使用し、フォームの重複チェックバリデーションを作ってみます。
| name: deploy dev from feature by pull request | |
| on: | |
| issue_comment: | |
| types: | |
| - created | |
| jobs: | |
| deploy: | |
| # add comment of pull request && comment is KEYWORD |