snapmagazine

WEB関連で興味があった事をつぶやいてます。

[木浦 幹雄 / KIURA Mikio @ANKR DESIGN @kur]

本日のSRE Next 2026で投影した資料です。近いうちにお話しした内容についてnoteも書くぞ（宣言）/ 誰のためのReliability？ https://t.co/iOuOB6BmvH #srenext

[Brayden @BraydenWilmoth]

Introducing Cloudflare Drop

Drop your folder in the browser and deploy it instantly on Cloudflare. Your website... milliseconds away from users on region: earth

No account needed. Deployment is active for 60 minutes, then expires unless you claim it.

https://t.co/Dn6b1mggqs

[東洋美術学校 @toyobijyutsu]

デザインの基礎と歴史を「さわって」学べる
無料学習サイト「東美スタディ」を公開しました。

ブラウザでデザインの基本ツールを操作して学んだり、
グラフィックデザインの歴史を“体感”できるサイトです🧑‍💻
#東洋美術学校 #デザイン

登録不要・無料👇サイトはこちら
https://t.co/N2UkgZTLdP

[peylisting @peylisting]

クリエイティブのネタ帳として助かる
https://t.co/I1smXMjqPK

[Eiji Kitamura / えーじ @agektmr]

Chrome DevTools for Agents 1.0 が Stable リリースされました。AIコーディングエージェントが書いたコードをブラウザで動かして検証できます。

主なポイント
* 3つの接続方法: MCP Server / CLI / Agent Skills
* Lighthouse自動監査: アクセシビリティ、SEO、ベストプラクティスをエージェントが自動チェック
* メモリリーク検出: ヒープスナップショットでDetached DOMノードを特定
* Auto-Connect: 既存のブラウザセッションをエージェントと共有（再認証不要）
* WebMCPデバッグ: サイトのツールを構造化して呼び出し、検証
* 3rd Party DevTools: React/Vueなどのフレームワーク内部状態をエージェントに公開

詳しくはこちらから https://t.co/Pup0uGA4AV
動画は日本語吹き替えで見ることができます。

[金 成奎 @seikei_kin]

AIプロダクトを設計する上での39のデザイン原則。推論を前提とする、期待値を明確にする、透明性の担保、編集や上書きを容易に、ユーザーが共創できるようにする、人間が自律性を制御するなどなど。

39 Principles for Designing Human–AI Interaction
https://t.co/qgBnt783Q5

[snapmagazine @snapmagazine]

あとで読む https://t.co/MwFPR53zWr

[yurinee @yurinee_IT]

情シスのためのメディア「情シスのじかん」様に、僭越ながら私のインタビュー記事を掲載いただきました。丁寧な取材に、前後編という贅沢な構成を本当にありがとうございます🙇‍♀️
情シス0→1の次、人員増加、組織化、役割の変化についてもお話させていただきました。
https://t.co/F9FU7kM45c

[こーひー@エンジニア @coffee_x8]

Githubの草やらチョットデキルやらまとめてみた↓

エンジニアがいつのまにか知っている知識・常識・文化 12本 https://t.co/537MjrgnX7 #Qiita @coffee_x8から

[マグロ🍣IWSF Day3 @sigumataityouda]

これ1年前に読みたかったな

https://t.co/9h3TTrxcK6

[pospome@カミナシのVPoE @pospome]

こーゆー自己改善の仕組み欲しいよなー。https://t.co/s9c9hnPDvJ

[Ota Hirofumi 📖 Copilot 踏み込み活用術 @hrfmjp]

PowerPoint の Copilot がどのようにデザインを作るかがユーザー向けにまとまってた。テンプレートのスライドサンプルでは、テキストボックス同士が重ならないようにしましょうなど、結構具体的に注意点が書かれてる #o365jp #m365jp #Copilot #PowerPoint https://t.co/GuUTP7GWg9

[よしこ / yoshiko @yoshiko_pg]

「伝わる発信のつくりかた」資料です！ #zennfes
登壇や記事を組み立てるのに悩んでいる方の参考になれば嬉しいです！
https://t.co/R7DXXfHu5E

[長嶋大地@GENSHI AI CEO | 医師 @daichi_genshiai]

自分で作っておいてなんだけど、マジでこれのPDF圧縮ヤバすぎる笑

オフラインだし高速だし、圧縮率もめっちゃいい。無料で使える

今も使ったけど良すぎて自分で半笑いになっている
https://t.co/g2VRANkm5u

[Figma @figma]

Imagine a world where you could copy/paste websites into editable Figma layers (jk you don’t have to imagine you can do this now with our Chrome extension)

[コリス🍡🍭 @colisscom]

これは便利すぎる！
Webページをコピペで、編集可能なFigma用に変換できる拡張機能「Copy to Figma」しかも完全無料

https://t.co/2OiPfR5xOH

[一般社団法人ディレクションサポート協会（DiSA） @pr_disa]

言葉がそろえば、チームはそろう。 「フィックス」「納品」——同じ言葉でも解釈がズレる。その小さなズレが手戻りになり、炎上になる。 DiSA ウェブ用語辞典、公開しました🐮

▶️ https://t.co/FyJWZee2VK

#ディレクション #Web制作 #共通言語 #DiSA

[Dhruv @dhruvtwt_]

A directory of ui skills for design engineers.

Link : https://t.co/DYeRfibUuq

[O'Reilly Japan @oreilly_japan]

【5月27日発売】最新刊プレゼントキャンペーン
➡️下記書籍を抽選で3名様にプレゼント🎁
✅応募方法
❶当アカウントをフォロー
❷このポストをリポスト
応募締切6月2日まで／当選連絡チャット(旧DM)📩

『生成AIデザインパターン』
https://t.co/NWvf2asCXT

[窓の杜 @madonomori]

「Copilot Studio」でAIエージェントがアプリ上のUIを直接操作できる機能が正式版に／RPAより堅牢な自動化を実現。そのほかにも多くの新機能や改善を実施した2026年5… https://t.co/ICptCdEwl7