Skip to content

Instantly share code, notes, and snippets.

View yuu's full-sized avatar
:octocat:
every write code

yuu yuu

:octocat:
every write code
View GitHub Profile
@tak-dcxi
tak-dcxi / typography.md
Last active January 29, 2026 03:27
タイポグラフィCSS

タイポグラフィ

font-family

  • フォントは 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 の指定を推奨する。
@mizchi
mizchi / post-cline-world.md
Last active November 30, 2025 17:56
After Cline - あるいは語りえぬ者について語ろうとする時代について

After Cline - あるいは語りえぬ者について語ろうとする時代について

この資料は以下のイベントの登壇用の殴り書きです

https://hack-at-delta.connpass.com/event/350588/

今までの資料を引用して話すので、この資料はアウトラインです。

最初に: 自分の技術選定の基準

@zr-tex8r
zr-tex8r / bxjaref-README.md
Last active December 30, 2025 08:06
bxjaref: Typstの参照の出力を日本語の習慣に合わせて調整する

bxjaref

Typst:参照の出力を日本語の習慣に合わせて調整する

基本的な使い方

全項目importの形でパッケージを読み込む。

@minimarimo3
minimarimo3 / ksu_Ilab203_template.typ
Last active June 25, 2025 08:39
京都産業大学 情報理工学実験レポートのTypstテンプレート(2024)
/*
これは京都産業大学の情報理工学実験レポートの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]
}
@inconvergent
inconvergent / lets-write-a-dsl.lisp
Last active February 22, 2025 18:59
let's write a dsl code example
#!/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))))
@mfehrenbach
mfehrenbach / chrome-device-dimensions.md
Last active January 28, 2026 15:40
Modern device dimensions for Chrome DevTools.

Modern Device Dimensions for Chrome DevTools

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!

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

タイトル

react-hook-formとyupを使った重複チェックバリデーション

初めに

最近yupに値の重複チェックするためのいい感じの機能が入ったので、react-hook-formと組み合わせて重複チェックをする方法を備忘のため書き綴っていきます。 今まではデータのネストが深い場合、ネストを遡って他のデータにアクセスしデータのバリデーションが難しかったのですが、yupのv0.29.1から追加されたtest関数のコンテキストのfromプロパティを使用することによってネストを遡ることが容易になりました。
jquense/yup#556

今回はそのfromを使用し、フォームの重複チェックバリデーションを作ってみます。

@gimKondo
gimKondo / deploy-feature-by-pr-comment.yaml
Created June 10, 2020 15:59
Deploy feature branch by pull request comment
name: deploy dev from feature by pull request
on:
issue_comment:
types:
- created
jobs:
deploy:
# add comment of pull request && comment is KEYWORD