覚え書き

Diigo Bookmarks 04/22/2018

• Casino Gets Hacked Through Its Internet-Connected Fish Tank Thermometer

  "Manufacturers majorly focus on performance and usability of IoT devices but ignore security measures and encryption mechanisms, which is why they are routinely being hacked."

• Choosing a Responsive Email Framework: MJML vs. Foundation for Emails | CSS-Tricks

  "MJML for projects that have a quick turnaround and there is flexibility in the design. Foundation for Emails for projects that require tighter control over the layout and where design is super specific."

• Why is not using the CSS cascade a problem? - QuirksBlog

  "what am I to make of the complaints about JavaScripters not understanding the cascade? I think they understand it perfectly fine; they just decide not to use it."

• Scrollbars & CSS Custom Properties by Louis Hoebregts on CodePen

  "My solution: saving scrollbars width in Javascript and store it into a CSS Variable."

• Scroll to the future -- Martian Chronicles, Evil Martians' team blog

  "we still live in a world with multiple operating systems and browser implementations. If you develop for the web, as we do, you cannot just push the "scrollbar question" aside."

• Hey hey `font-display` | CSS-Tricks

  "every @font-face block out there should have a font-display property. With the only caveat being you're doing something exotic and for some reason want the browser default behavior."

• Ann Arbor District Library -- Responsive Web Design

  "One of my priorities was to avoid relying on a hamburger menu. So, we agreed to four major sections of the site that are representative on the nav bar, and those labels show up from desktop to tablet to mobile, so they're not hidden behind a hamburger."

ドイツ電撃戦に学ぶ OODAループ「超」入門

金曜の夜にビアパブイシイできりぃさんと飲んだ時に話題にしたOODAループについて、そういえば覚え書きしてなかったなぁと思ったのが、『ドイツ電撃戦に学ぶ OODAループ「超」入門』。OODAについて知りたくてAmazonで入門書を探した際に、一番目的に合致してそうだったのと、値段が手頃なので買った本です。後半のドイツ電撃戦に関する詳述は、自分には必要ない知識だったのでほぼ斜め読みしましたが、ビジネスにどこまで適用可能かはさておき、前半部分は勉強になりました。

OODA（考案者であるジョン・ボイド氏がそう読んだからという理由で「ウーダ」と読むらしい）ループとは、Observe、Orient、Decide、Actの反復のこと。著者は「人間は周囲を観察して、行動をとるまでにどういった段取りを踏んでいるのか」を図式化しただけとしています。しただけなんですけど、そこからボイド氏は「より高速な行動原理」と「敵を圧倒する速度での行動」を導き出したそう。

ただ単にOODAループを回すのでなしに、高速に回すことで戦いにおいて優位になれる、というのが肝。高速に回すというのは正直、難しく感じるところではあるのですが、確かに戦争ではいかに素早く判断し行動に移すかが生死を分けることにもなるのでしょう。で、その高速化で重要になってくるポイントが、Orient＝方向性の決定を前倒しで実行しておくことなんですね。どのような事象が観察されたらどう行動すべきか、あらかじめ決めておけば脊髄反射できる、と。

興味深かったのが基本共通概念だけの共有という手法。軍隊なり組織を統率するにあたり基本部分はマニュアル化、最終的な「方向性の決定」は各自に任せると、集団でバラバラにOODAループを回しても混乱が生じにくいというもので、これはまさに現場への権限移譲のスタイルのお話。ちなみにドイツ軍の伝統は現場指揮官への大幅な権限移譲らしい。そして共有する基本部分が明確であればあるほどブレ無く全体を統括できる、というのは体験と照らしても納得感がありました。

Diigo Bookmarks 04/21/2018

• Solving the world's problems, one prize at a time - BBC News

  ""Burt Rutan and his team were able to win the XPRIZE, but just barely - it was really difficult and it was really dangerous," says Bryan Allen, who now works for Nasa's jet propulsion laboratory."

• Using the `for` Attribute on the `output` Element in HTML5

  "The main benefit here is in terms of accessibilty and semantics."

• Slides: Mind Your Lang at London Web Standards | Adrian Roselli

  "I presented a deep dive into the lang attribute, a topic for which developers have been begging for a deep dive. Or not."

• How browsers position floats - Monica Dinculescu

  "if you were ever curious about how the algorithm would choose where to position different floats, here's a demo"

• Why Specs Change: EPUB 3.2 and the Evolution of the Ebook Ecosystem - EPUBSecrets

  "If you already have EPUB 3 files, you don't need to make any changes to existing content or workflow to adopt the forthcoming 3.2 spec. You just have a few more options, much like the change from 3.0 to 3.0.1."

• Solis For Mac - A Live Design Output that integrates seamlessly with your favourite code editor for true live code previewing.

  "Solis for Mac is a Live Design Output that integrates seamlessly with your favourite code editor. Delivering real time, multi viewport previewing of HTML, CSS, SCSS and LESS as you write it."

• Maintaining Aspect Ratio with CSS Grid • cssence.com

  "Need another aspect ratio? Simply adjust the viewBox attribute."

IA Summit 2018 Redux in Tokyo

怒涛の一週間が終わり（心情的には全然終わってない程度にタスク山積みなんですが）、ようやくという感じで16日の覚え書き。定時ダッシュして、IA Summit 2018 Redux in Tokyoに行ってきました。会場は恵比寿のシャレオツスポットamu。今年のIA Summitには日本から4社9名が参加したそうだけど、来年からはIA Conferenceに名前が変わるらしい。なんだかんだで行けずじまいだったけど、来年あたり参加してみようかしら。

興味深かった話の一つが、Neolithic Information Seeking（新石器時代の情報探索）。現在の検索は人間本来の行動原理に沿った設計ができていない、という主張だったのですが、ScanningではなくBrowsingのためのデザインとなっているとの現状認識には賛同できるものの、じゃあWeb全体を一体どうやってスキャンするのだろう？って辺りの代案の無さにモヤモヤ感。と同時に、既に人類はWebのBrowsingに慣れすぎて・最適化されてしまっている可能性はなかろうか、とも思いました。

興味深かった二つ目の話は、デザイン組織の最適化についての報告。キーワードとして「解像度」という言葉が盛んに使われてたのですけど、解像度を変えることで異なる課題が見えてくる......つまり解像度ごとに異なる課題が存在し、解像度に応じたツールが必要って文脈はとてもよく分かるお話でした。抽象化と具体化、部分最適と全体最適みたいな話にも通じるかもですが、自分としてはやはり常に物事を連続体とかグラデーションとして捉えその「あいだ」に最適解を見出したい感じ（謎

最後の対談の中で長谷川さんが「KPTという言葉を使っているのは日本人くらい」とか言っていて気になったのですけど、Keep/Problem/Tryの組み合わせってどこから生まれてきたんでしょうか。ともあれ海外では通じないというのは初耳でした（Start/Stop/Continueしか通じない？）。