AmaiSaetaのブックマーク - はてなブックマーク

クリック・タッチを無効化するCSS「pointer-events: none;」がお手軽で便利
こんにちは、お久しぶりです。ウェブデベロップメント黒帯を務めております、HTMLやCSSやJavaScriptが大好きな岡部和昌（@kzms2）と申します。最近はCSSやSVGのアニメーション、ElectronやCordovaなどを用いたハイブリッドアプリなどがお気に入りです。最近の活動東大の坂本大介先生と弊社の坂本竜基、鈴木健司（@kensuzuk）と一緒にFix & Slideというタッチデバイスにおける選択のUIについての論文を投稿し、UIST 2015やmobileHCI 2016と言った世界的なトップカンファレンスにて採択され発表・登壇などを行っていました。上記の論文に関しましては、また別の機会でご紹介できたらと考えております。それでは本題に入ります。 pointer-eventsについて皆様はpointer-eventsというCSSプロパティーやその使い道を
AmaiSaeta 2016/12/15
その挙動を楽に実装できるのは良いと思うが、はたしてコレCSSで実現すべき内容なのかとか、キーイベントには無力なのはどうよとか……

CSS

SVG
リンク
JavaScriptと非同期のエラー処理
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。前回のコールバック地獄に関する記事では、複雑な入れ子になりやすい非同期処理でも、GeneratorやjQuery.Deferredを使うことで、同期的な見た目に変形できることを示しました。ところで、非同期処理においてはもう一つ「エラー処理に例外が使えない」という問題があります。今回はエラー処理について考えてみたいと思います。例外を使ったエラー処理非同期処理の話の前に、一度「例外」についておさらいしておきましょう。JavaScriptに限らず、エラーと言えばよく例外を使って記述されます。「Web APIから500が返ってきた」とか「入力された値が期待する型
AmaiSaeta 2013/02/22
JavaScript

programming

development
リンク
JavaScriptとコールバック地獄 - Yahoo! JAPAN Tech Blog
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。JavaScriptでサンプルコードを書く機会があったので、どんなインターフェースで提供するのが便利なのか考えてみました。よく問題になるコールバックのネスト問題について、一般的な話をまとめてみます。お題突然ですが、次のような処理を行う必要があるとします。「0」を出力する 1秒待つ「1」を出力する 1秒待つ「2」を出力するこれをプログラムで書くとどうなるでしょうか？シェルスクリプトの場合（同期）たとえばシェルスクリプトで素直に書くと、次のようになります。
AmaiSaeta 2013/02/04
programming

JavaScript
リンク
1