koralle

フロントエンドあざらし

[りんたろー @re_taro_]

vitest v5 来たわね！！！

弊社の VRT を最近 test-runner のものから addon-vitest に切り替えたんやけどこういうところで効くなぁ

https://t.co/norhSOyw4s

[ICS MEDIA @icsweb]

新着記事のお知らせ

useStateとuseEffectだけじゃもったいない！ ユーザー体験を改善するReactの便利機能 - ICS MEDIA https://t.co/4cCHpjrip3

[Publickey @publickey]

AWSをゲームで学べる「AWS Cloud Quest」に新バージョン「AWS Cloud Quest 2.0」登場！ AIによるバーチャル顧客と対話し、要件を聞き出して正しくソリューションに落とし込め
https://t.co/k9IHUAadwo

[erukiti @erukiti]

つまり僕の最終結論は、Claudeは無価値で、ChatGPT Pro 20xプランを契約したほうがよほどマシ

・Lunaがコスパ良すぎる
・Solはアレだが性能は高い
・ChatGPT Proはクソ遅いけどadvisorとしては良い
・ChatGPT Pro 20xはClaudeの詐欺的なプランとは違ってweekly usage limit が20xである
・Astra期待

[IP @ipwanciu]

CSS can now do math with "how far along am I?"

`progress()` just landed in the last engine. Chrome 138, Safari 26, Firefox 155 (yesterday).

MDN still says Limited; that’s badge lag. 😉

It works now. 🤟

It returns a 0–1 number for how far a value sits between a start and an end ⤵️

[iwashi / Yoshimasa Iwase @iwashi86]

とても良いnote

https://t.co/xcmV1QAyFF

[Yoshi Yamaguchi @ymotongpoo]

Docker以外のコンテナビルドのオプションは知っておいたほうがいいと思っていて、特に決定的な方法でビルドできるのが良いと思っています。というわけで、いつかまとめようと思っていたChainguardスタックについて書きました。
https://t.co/SHpiqUXnQ9

[Abraham John 🦄🦓 @Abmankendrick]

UI/UX Designers, this liquid effect is seriously mind-blowing 🤯

Liquid Gooey lets you add smooth, fluid interactions to buttons, menus, and UI components, without making your interface feel boring.

Bookmark it for later 💜

[hiraoku @2020_hira]

最近herdrばっかりだったし、Orcaを使ってみるかぁ。
以前触ってた時より、だいぶ改善してる気もする。

https://t.co/STkKNYA76W

[いにしえ@高信頼AIニュース"NeuralWire.org"運営｜Will Oldgram @old_pgmrs_will]

Grok Bot で web ページのデザインと実装を担当する子を作って調整中... なかなか良いですね☺️

[Abraham John 🦄🦓 @Abmankendrick]

React Developers, these animated charts are seriously insane.

Mono Charts gives you minimal, interactive chart components for React that you can add to your app with a single CLI command. Open source and part of Amicro.

Bookmark it for later 💜

[iwashi / Yoshimasa Iwase @iwashi86]

週に1日はAIコーディングツールを使わない日（No AI Fridays）を作ろう、と言うポスト

・LLMの利用は認知負債の蓄積や批判的思考力の低下をまねく
・また、スキルの形成が阻害されることも複数の研究で示されている

・AIに意思決定を任せきりにすると、トレードオフに気づけず盲点が生まれる
・だからこそ、週に1日はAIをオフにするNo AI Fridaysをおすすめする

・実施方法は、AIアシスタントを切り、手でコードを書き、ドキュメントを読むだけ
・そうすることで、AIの判断が自分のスタイルと合っているか振り返りが可能になる

・また、AIをデフォルトにすると見落としがちな、昔ながらの自動化の機会にも気づける
・なにより、純粋にコーディングが楽しくてフロー状態に入っていた感覚を思い出せる

・記事の筆者であるhtmxのCEOは、すでに自社でこの取り組みを義務化している
・もしAIによる生産性向上が本物なら、デメリットを最小化するために週1日を費やすのは難しくないはず

https://t.co/EmnQVNkHP3

[m11h @momotarabitch]

気づいてしまったかもなのだが、AIでUIデザインするとき、手書きスケッチにするとAI臭いビジュアルや情報設計が消えるのに加えて、表現できるインタラクションが増えるなどして、創造性が上がりそう？

ChatGPT Images 2.0

[Elon Musk @elonmusk]

Grok 4.7 comes out in 10 days

[inductor / Kohei Ota @_inductor_]

https://t.co/FmbmRnf3s5

[Anthony Fu 🦋 @antfu.me @antfu7]

ESLint Config Inspector v3.4.0 now supports visualizing the ESLint stats, showing which rules or files are slowing you down!

[Shisato Yano @4310sy]

と思ってたらこんなのがあった。gh dash。これは良さそう。

https://t.co/Xe5casE9bE

[オープンソース研究所 @opensourcelab9]

【公式】
Vercelが本番で使う描画ライブラリを無料公開しました😳
名前はvgpu。ブラウザでもサーバーでも、同じコードがそのまま動きます
https://t.co/zgbvx3ZtoG
これ、何がエグいかというと👇

・画面を描く小さなプログラム（.wgslファイル）を、TypeScriptと同じ感覚で読み込める
・ブラウザ・サーバー側のNode.js・テスト用の疑似GPU、3か所を1つの書き方で通せる
・全画面エフェクト1本が圧縮後25KBに収まる上限を、CIで機械的に守らせてる
・npx vgpu docs / examples / check で、AIエージェントが自分で仕様を読める形になってる

つまり
❌ 画面まわりは重い専用ライブラリを入れて、環境ごとに手で調整
⭕ 25KBの土台をnpmで足して、テストまで同じコードで走らせる

「AIに画面の見た目まで任せるのは無理でしょ」
→ 公式がドキュメントもCLIも先に用意して、その前提を崩しにきた形です。
ライセンスはMIT。ここまで開けて出すのは正直、太っ腹だと思います。

オープンソースはこちら👇

https://t.co/2uC5Ekj2UH

[coji 溝口浩二 @techtalkjp]

エージェントから使うCLIに「外部イベントを待って動く」を入れたい人向けです。

会話を止めずに待たせる方法がClaude Code・Codex・Cursorで全部違ったので、3方式を図で整理しました。

標準化はしばらく来なさそうです

https://t.co/dSI2uPgkxD

[長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro @hiro_ghap1]

OGPのog:type、websiteとarticle以外にもあるんです。

・通常ページはwebsite
・記事の個別ページはarticle
・人物紹介はprofile
・音楽・映像には専用タイプあり

#HTML #OGP #フロントエンド