Raindrop.io Bookmarks 01/13/2025

2025年1月13日 著

• AI Power Needs Threaten Billions in Damages for US Households

  "The AI boom has only underscored the issue: The digital economy is sucking up so much power that demand is now straining available supplies of electricity in many parts of the world, leading to concerns over price increases and even widespread outages. And that's only projected to worsen as more data centers are built."

• Code Quality Becomes Even More Vital in the AI Era - The New Stack

  "AI is imperative in augmenting developer workflows, but the reality is that twice as much code means twice as many mistakes are possible. In fact, research from Stanford University shows that developers with access to AI coding assistants wrote significantly less secure code."

• Automated and manual accessibility testing work best together - Pope Tech Blog

  "The path to a more accessible web is a better understanding of the strengths and limitations of automated and manual accessibility testing and how they can complement each other to make up for limitations and create a reliable accessibility strategy."

• 5 Technical JavaScript Trends You Need To Know About in 2025 - The New Stack

  "JavaScript's evolution in 2025 will be marked by advancements in serverless architectures, seamless integration with WebAssembly, improved localized state management, enhanced documentation and the growing adoption of microfrontends."

• Cascading Spy Sheets: Exploiting the Complexity of Modern CSS for Email and Browser Fingerprinting

  "In this paper, we systematically investigate the modern dynamic features of CSS and their applicability for script-less fingerprinting, bypassing many state-of-the-art mitigations. We present three innovative techniques based on fuzzing and templating that exploit nuances in CSS container queries, arithmetic functions, and complex selectors."

• MDN 2024 content projects | MDN Blog

  "For 2024, we chose three technology categories that are popular, but had reader feedback that indicated they needed a refresh. We focused on HTTP, MathML, and web Manifests."

企画力

2025年1月13日 著

田坂広志先生の著作で、だいぶ前に読み終えていたけど覚え書きはしていなかったなかから、『企画力』より、いくつか引用。

人間と組織を動かす力。それが「企画力」です。

実にシンプルで見事な定義。「企画を立案する力」のことではなく、「企画を実現する力」のことともあって、作成する企画書なり提案書の内容とか見た目がどうこうという話にとどまらない、というのを暗に釘を刺しておられますね。

「言葉の軽さ」の問題や、その背景にある「実務経験の乏しさ」「無意識の無責任さ」の問題は、我々が「企画」というものに取り組むとき、心中深く、必ず自戒しておかなければならない

程度はさておき、経験に裏打ちされた内容でなければ、本気で自分ごととして企画の対象と向き合っていなければ、浅く薄っぺらく映ってしまうのは避けられないのでしょう。講演で使うセミナーのスライドにも言えることだと思うので、肝に銘じなければ。

我が国の企業の抱える一つの大きな問題は、この「企画力」と「実行力」を分離してしまったことから生じている

分離した途端に提案は「自分ごと」では「他人ごと」になってしまいますからね。多くの人材が陥っているのは、この「知行合一」の喪失。すなわち「知行分離」とでも呼ぶべき病ともあり、やっぱり思想は行動による裏付けを常に求めるものだなと。言ってることではなくやっていることがその人の正体、というフレーズも同時に想起されます。

プロフェッショナルは、「魅力的な物語」、「共感の物語」としての「企画書」を創り、その企画書によって、それを読む「人間」を動かし、そして、人間を動かすことによって、「組織」を動かす

ストーリーテリングという言葉を目にするようになって久しいですが、人間が惹かれるのは物語であって、それをいかに企画書のなかで表現するかが問われるということ。本書が伝える企画書作成の要諦は、上記のフレーズに集約されていると思ったので、記憶しておきたい。

企画書の誤字脱字は、その企画書を作成した人間が、どの程度その企画書に時間を使ったかを明瞭に伝えてしまいます。

これも、企画書に限った話ではないですね......セミナーのスライド、（最近は私は携わっていないけど）出版する書籍、Webサイトに掲載するコラムや記事の原稿......この覚え書きにしたってそうか。勤務先で、ときに誤字脱字の指摘って揚げ足取りに取られないかと不安にもなるけど、伝え方には配慮しつつ今後もモノによっては厳しく確認・指摘していかないといけない思いました。

企画提案活動の本質は、実は、「企画」を売り込むことではなく、その企画を実行する「人間」を売り込むこと

究極、売り込むべきは商品やサービスではなく「人」であって、その人の「人間力」みたいなお話は、他の著書でも目にした記憶が。頑張ります。

企画展 小惑星からのサンプルリターン－「はやぶさ」と「はやぶさ２」、そして「MMX」へ－

2025年1月13日 著

上野の国立科学博物館で開催されていた企画展 小惑星からのサンプルリターン－「はやぶさ」と「はやぶさ２」、そして「MMX」へ－、行こうかどうしようかと考えているうち最終日を迎えてしまったので、天気も良いし散歩がてら出向くことに。9時の開館から間もなく入館したのですけど、空いていてゆっくり展示を見て回れました。

イトカワ、リュウグウ、ベヌーという3つの天体からのサンプルが一堂に集まり展示されるのは世界初だとか。イトカワ、リュウグウは肉眼で視認しにくい大きさだったけど、どういうわけかベヌーのはちゃんと粒が見えたなぁ（NASAが太っ腹？）。というかイトカワのが常設展示されていたのは知りませんでした......いつでもここに来れば見れたのね。

しかしこの手の展示、時間とか空間を超越して目の前に現物があるというのが信じがたくて、謎に脳がバグる感覚に陥りますね......同じフロアにある、はやぶさの再突入カプセルとか宇宙実験・観測フリーフライヤ（SFU）なんかを見ても、そうですけど。この感覚はどう表現したものか......感動には違いないのだけど！！

Raindrop.io Bookmarks 01/12/2025

2025年1月12日 著

• super short note on links in iOS with VoiceOver - HTML Accessibility

  "I have been doing some testing and have noticed when navigating links on iOS using VoiceOver (VO), if the link contains an element that is not exposed as a generic element it causes VO to treat and announce text in the link as separate links."

• htmx ~ The future of htmx

  "We hope to see htmx, in its own small way, join the likes of giants like jQuery as a sturdy and reliable tool for building your 100 year web services."

• Why I'm excited about text-box-trim as a designer - Piccalilli

  "Let's imagine we give a paragraph element a font-size of 1em in our CSS. What aspect of this font is 1em tall? The short answer is we don't know because the font size does not give us any reliable information on the size of the characters within a font or the metrics within it."

• :hover > :not(:hover), sorry not sorry · 2025年1月6日

  "In CSS, we can accomplish a variant of this focus technique by watching for hovers in a container that trigger an effect on all children except the one currently being hovered"

• Tight Mode: Why Browsers Produce Different Performance Results -- Smashing Magazine

  "Chrome and Safari have implemented a "Tight Mode" that constrains which resources are loaded and in what order, but they each take drastically different approaches to it. With so little information about Tight Mode available, this article attempts a high-level explanation of what it is, what triggers it, and how it is treated differently in major browsers."

• Fix your website's Largest Contentful Paint by optimizing image loading | MDN Blog

  "Images make up a big part of most websites. They're also often the largest element that first appears on your page, and thus the Largest Contentful Paint (LCP) element - a metric from Google's Core Web Vitals."