🫑tech.miyabitti

Articles

TypeScript、JavaScript、モダンWeb開発の実装ログや知見を記録しています。

Scroll-driven Animationsを使って、JS無しで動く目次を作ってみた話【CSS】
•css

Scroll-driven Animationsを使って、JS無しで動く目次を作ってみた話【CSS】

CSS Scroll-driven Animationsを活用して、JavaScriptゼロで本文スクロールに連動する目次を実装した記録。タイムライン共有、Chromiumの描画バグ、スクロールバー非表示による動的マスクの沼まで。

JavaScript
RTX 3070 (8GB VRAM) で27Bモデルが34tpsで爆速動作!「Bonsai 2 27B」環境構築&限界ベンチマーク検証記
•ai

RTX 3070 (8GB VRAM) で27Bモデルが34tpsで爆速動作!「Bonsai 2 27B」環境構築&限界ベンチマーク検証記

2026年9月17日リリースの3値量子化モデル「Ternary Bonsai 2 27B」をRTX 3070環境へ導入。KVキャッシュ最適化、コンテキスト長とスワップ限界の実測データ、Web検索ツール連携まで徹底検証。

LLMllama.cppGPU+1
モダンHTMLとCSSはJS無しでどこまでリッチなUIが組めるのか調べたら凄かった
•html

モダンHTMLとCSSはJS無しでどこまでリッチなUIが組めるのか調べたら凄かった

JavaScriptゼロでモーダル、ツールチップ、スクロール連動、排他アコーディオンまで実現!モダンHTML/CSSの劇的進化がすごい

CSSWeb
ブログのMarkdownにリッチな表示記法を追加しました
•astro

ブログのMarkdownにリッチな表示記法を追加しました

当ブログのMarkdownで使えるようになったリッチな記法(蛍光ペン、ファイル名、ステップ手順、バッジなど)の紹介です。

Markdownお知らせ
Rustに刷新されたBun v1.4のメモリパフォーマンスが良かった
•bun

Rustに刷新されたBun v1.4のメモリパフォーマンスが良かった

Anthropic傘下でZigからRustへと全面刷新されたBun v1.4。個人開発のDiscord Botで長年悩まされていた謎のメモリリークが解消した実体験を共有します。

javascriptrust
OKLCHで設計する、コントラスト比に基づいた実践グレースケール&同系色パレット
•css

OKLCHで設計する、コントラスト比に基づいた実践グレースケール&同系色パレット

OKLCHの知覚均一な明度軸を活用し、WCAG 2.xコントラスト比とAPCA Lc値の具体的な数字をもとに、見やすいグレースケール・同系色パレットを設計する方法を解説します

アクセシビリティデザイン
無料でDiscordBotを運用できる「Discord Hono」を使ってみた 【初学者向け】
•cloudflare workers

無料でDiscordBotを運用できる「Discord Hono」を使ってみた 【初学者向け】

常時稼働は出来ませんが、Cloudflare WorkersでDiscordBotを運用できるライブラリ「Discord Hono」を紹介します。

DiscordHono
テックブログサイトを公開しました
•astro

テックブログサイトを公開しました

Astro + TailwindCSS + StarwindUI + GSAPで構築したテックブログサイトを公開しました。技術選定の背景からこだわりのアニメーション実装、SEO対策まで詳しく解説します。

TailwindCSSFigmaGSAP
Astroネイティブなshadcn/ui、「Starwind UI」を使ってみた
更新: 2026年4月12日•astro

Astroネイティブなshadcn/ui、「Starwind UI」を使ってみた

AstroにAstro以外のUIライブラリを追加不要なshadcn/uiライクのUIライブラリ「Starwind UI」を紹介します

tailwindcss