最近のHTMLを改めてちゃんと学んでみた

zenn.dev

期待の新星 Expo UI を触ってみる

zenn.dev

A Friendly Introduction to SVG • Josh W. Comeau

www.joshwcomeau.com

SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously-cool things we can do with this massively underrated tool. ✨

Stop Re-Rendering — TanStack DB, the Embedded Client Database for TanStack Query | TanStack Blog

tanstack.com

Your React dashboard shouldn't grind to a halt just because one TODO turns from ☐ to ☑. Yet every optimistic update still kicks off a cascade of re-renders, filters, useMemos and spinner flashes. If y...

「macOS Tahoe 26」で「Linux」コンテナーがより身近に--アップルの「Container」で変化する開発環境 - ZDNET Japan

japan.zdnet.com

アップルの「WWDC25」では数多くの発表があったため、同社が新たにコンテナーフレームワークと「Container」というシェルツールを公開し、オープンソース化していたことに気づかなかったとしても不思議ではない。これらのツールは、「macOS」上で「Linux」コンテナーを軽量な仮想マシン(VM)として作成・実行できるように設計されている。

ページにもともと読み込まれているCSS由来のスタイルを打ち消して、しがらみのない開発をするのにall:unset, all:revertを使えそう - hitode909の日記

blog.sushi.money

長年開発を続けているページでは、Bootstrapなど、ページ自体のスタイルを丸ごと上書きしてしまうCSSライブラリが読み込まれていることがある。 一方、最近はReactコンポーネントを作って、スタイルはCSS Modulesで当てたい、という機会が増えている。 CSS Modulesを使うと、コンポーネントに適用スタイルを明示的に指定することができるが、そこにページ丸ごと上書きCSSライブラリが混ざってくると、思うようにスタイルが当たらない、ということになる。 たとえば、Bootstrapを読み込んだページのpタグには、margin bottom: 10pxのようなスタイルが問答無用で指定さ…

GCPのテレメトリーのMCPサーバーを作ってボトルネックを発見する - エムスリーテックブログ

www.m3tech.blog

AI・機械学習チームの北川(@kitagry)です。 このブログはAI・機械学習チームブログリレー1日目の記事です。 最近Claude Codeがとても流行っている気がしますね。 Vimmerである僕としてはCLIで使えるClaude Codeはとてもありがたいです。 NeovimでもDiffを出したり出来るclaudecode.nvimをとても愛用しています。 カメラを見つめる猫 ※本編には関係ありません

グッドパッチ、誰もがよいデザインを生み出せるように設計されたデザインシステム「Sparkle Design」を無償公開|ProductZine(プロダクトジン)

productzine.jp

 グッドパッチは、デザイン知見を集約してプロダクト開発の効率化と品質向上を実現するデザインシステム「Sparkle Design」を構築し、6月12日に無償提供を開始した。

アイルランド・ダブリンで活躍する iOS プログラマの原体験となった個人開発アプリとは (imajin) - London Tech Talk - LISTEN

listen.style

imajin さんをゲストにお呼びしました。アイルランドのダブリン在住で活躍されている iOS プログラマーの現在に至るまでのキャリアの軌跡を、大学時代に作った最初の思い出の iOS アプリから遡りながら、どのような…

- YouTube

www.youtube.com

YouTube でお気に入りの動画や音楽を楽しみ、オリジナルのコンテンツをアップロードして友だちや家族、世界中の人たちと共有しましょう。

ASCII.jp:GitHub CEOに聞く―「Project Padawan」の狙いは? 未来のソフト開発はどう変わるか? (1/2)

ascii.jp

GitHubが、AIによるコーディング支援ツール「GitHub Copilot」を最初に発表してから4年近くが経つ。「もはやソフトウェア開発にAIは不可欠だ」――GitHubのCEO、トーマス・ドムケ氏はそう断言する。今年2月には新たに「Project Padawan」も発表し、AIによるソフトウェア開発の変革を推し進めるGitHubの将来展望を聞いた。

React Router の Server Components 対応

azukiazusa.dev

React Router はプレビュー版として Server Components に対応しました。これにより loader や actions を使用してデータを返す際にコンポーネント渡したり、Server Components ファーストのサーバーコンポーネントルートを作成できるようになりました。この記事では React Router の Server Components 対応を実際に試してみます。

Part 1: How We Fell Out of Love with Next.js and Back in Love with Ruby on Rails & Inertia.js

hardcover.app

A look at how and why we migrated from Next.js to Ruby on Rails.

Ruby on Rails の楽しみ方 - Speaker Deck

speakerdeck.com

https://kdmsnr.com/translations/interview-with-dhh/ https://www.youtube.com/watch?v=HDKUEXBF3B4 https://www.publickey1.jp/blog/24/ruby_on_railsdhhruby…

🚀 Figma MCP × Cursorで加速するUI実装とその先の工夫

zenn.dev

バックフォワード キャッシュ  |  Articles  |  web.dev

web.dev

ブラウザの [戻る] ボタンと [進む] ボタンでページが瞬時に読み込まれるように最適化する方法をご覧ください。

AbortSignal.any(), AbortSignal.timeout(), そして addEventListener() の Signal | blog.jxck.io

blog.jxck.io

最近 AbortSignal.any() が提案され、急速に実装が進んでいる。すでに定義されている AbortSignal.timeout() や addEventListener() への Signal なども含め、非同期処理の中断を実装する際の API はかなり整備され...

Swift Packageを使った 巨大な依存グラフのキャッシュ戦略 - Speaker Deck

speakerdeck.com

iOSDC2023 Day0 https://fortee.jp/iosdc-japan-2023/proposal/ac02713c-84c6-404f-9405-95088a87cd8f

エンジニアの楽園 vim-jp ラジオ|【モバイルDevOpsエンニジアのgiginetさん登場!】エンジニアの楽園 vim-jp ラジオ #41|AuDee(オーディー) | 音声コンテンツプラットフォーム

audee.jp

エンジニアコミュニティ「vim-jp」のラジオ版としてスタートした「エンジニアの楽園 vim-jp ラジオ」。 今回は、モバイルDevOpsエンニジアで、ありすえさんの後……

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編|i3DESIGN Designers

note.com

こんにちは!i3DESIGNデザイナーチームです。 今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。 マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。 ユーザビリティチェックリスト|i3DESIGN Designers|note ユーザーを迷わす可能性があるUIデザインの「あるある」を取り上げ、改善案とセットでまとめた記事です。 note.com 「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上