JavaScript: 所望のイベントリスナの発火を妨げているイベントリスナを特定する | Wantedly Engineer Blog
Webアプリケーションでは、DOMの要素にイベントリスナ(イベントハンドラ)を取り付けることで、ユーザーによる様々な操作 (クリックなど) に応じて処理を行うことができます。 しかし、イベントリスナを登録しても、他のイベントリスナとの干渉によって意図した通りに発火しないことがあります。ここではその調査方法を紹介します。 前提知識: イベントバブリングイベントについては筆者の過去記事でも解説しましたが、あらためてここでも説明します。イベントバブリングを理解することが、イベントデバッグの近道だからです。 DOMにおいて、要素はネストすることによって木構造を形成します。ある要素(ターゲット要素)がクリックされるなどしてイベントが発生したとき、イベントはその要素自体だけではなく、その祖先要素にも送られます。これをイベントバブリングといいます。 イベントバブリングは2つの段階に分けられます。 Cap
Cloudflare Workers それは Frontend / Node.js が CDN Edge Side まで拡張されるもの
WebApp/2 作ってます。HTTP/2 + ESModules は安くて速くて美味しいよ! - latest log
最近 WebApp/2 というのを作ってます。 WebApp/2 は2012年頃から温めていた「ES6 + ESModules を使い、開発初期〜中期は Bundler や Transpiler を使用せずに開発を進められるようにしたい」というアイデアを具現化したものです(細かい仕様は wiki にあります)。 作り始めて20日ほどですが、昨日までの WebApp/2 には、以下の課題や疑問が存在しました。 WebApp/2 は一般的なトレンド [要出典] から大きくJUMPしている。世の中には webpack, babel, browserify を前提に書かれた ES5/ES6 なコードが大量にあるが、それらを ES6+ESModulesに変換するための シンプルで将来取り外しが効くマイグレーションパスが見つかっていない ファイルを事前結合しない場合の パフォーマンスのトレードオフがど
babelのasyncで遊んでみたメモ - MANA-DOT
ES7から利用可能な async/await は非同期プログラミングの際に非常に魅力的な構文です。 babelを用いることによりES5の環境でもコードを実行可能です。 babelで非同期処理がどのように変換されるのか興味があったので、いろいろ遊んでみました。 async function 簡単なPromiseを用いた非同期コードとして以下の様な例があります。 function wait(msec) { return new Promise((resolve) => setTimeout(resolve, msec)); } function main() { console.log('hoge'); wait(2000).then(() => { console.log('fuga'); }); } main(); setTimeoutを用いた非同期なwait関数を呼ぶだけの例です。 as
webpackはサンドイッチ製造機名乗ってるのに具材の加工しかしてくれない — 173210's Blog
Can't you see my Twitter timeline because the firewall of your country is out of order? Click HERE to fix the issue. これは 東京理科大学 Advent Calendar 2016 の7日目の記事であり, 煽り記事である. 東京理科大学 Advent Calendar 2016 - Qiita なお, 私は東京理科大学の学生 ではない のだが, 縁があって『神楽坂一丁目通信局』というサークルに邪魔している. 『神楽坂一丁目通信局』には, ここで紹介するような技術を取り扱っている人間がいる (はずだ) . tl; dr webpackはWebのパッケーングツールであるはずなのにJavaScript専門である. 公式で提供されているextract-text-webpack-plu
複雑なJavaScriptアプリケーションを考えながら作る話
autoscale: true theme: Plain Jane,5 複雑なJavaScriptアプリケーションを考えながら作る話 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info #jsprimerを書いています JavaScript入門書に興味ある人はウォッチ :star: :warning: 注意 :warning: 作成するアプリケーションによって必要な構造は異なります 今回の話はある程度の規模で複雑性を持つクライアントサイド ライブラリ抜きで数万LOC >= 長期的にメンテンナンスや変更が発生するアプリケーション サーバサイドレンダリングはしないクライアントアプリケーション 3行でOK 複雑なJavaScriptアプリケーションを作るにあたりドメインモデルをどう実装するか悩んだ 色々と試行錯誤した
JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた
モダンJavaScript開発環境 on Rails - クックパッド開発者ブログ
React TutorialをES6で書きなおしてみた - console.blog(self);
Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! - paiza times
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか？何が違うのか？何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、９大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
Evergreen を導入したばかりだけど Konacha に移行した - present
先日 Evergreen を導入したけど Evergreen は今メンテされてないってコメントで教えてもらった。確かに、README よく見たら書いてあるし…。完全に見落としてた。不覚。 README のリンク先、Google グループのスレッドでは Konacha っていう Rails エンジンが勧められていた。コメントで教えてもらったのもコレ。 jfirebaugh/konacha · GitHub Evergreen 入れたばかりだけど、Konacha に移行しよう。 Konacha をインストール Gemfile に group :development, :test do gem "konacha" gem "capybara-webkit" end を記述して、 bundle を実行してインストール。 Headless テストも試すから、capybara-webkit もインス
JavaScriptのMVCフレームワークと仲間たち ｜ Classmethod.dev()
RailsとクライアントJavaScriptで共通のテンプレートエンジンを使う: Handlebars編
Opal Ruby Casino Sites - Best Online Casinos
There are tens of hundreds of internet casinos available online. On OpalRB you will find only gambling operators approved by Gambling Commissions, with clear bonus terms and conditions and legit, fast payout methods. Opal Ruby casino sites are loading fast on desktop and on mobile. Casinos comparison can be run in any browser with no special app implementation. Safe and reputable online casinoOur
Dygraphs — main page
⚠ Please visit the official Dygraphs homepage https://dygraphs.com/ instead. You are reading this on a mirror, which may have outdated, incomplete and/or locally patched information, or as part of the Debian package; links may not work. dygraphs is a fast, flexible open source JavaScript charting library. It allows users to explore and interpret dense data sets. Here's how it works: This JavaScrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
検索や推薦をWebWorkerでやる - 橋本商会
BasecampはStimulus 1.0 JavaScriptフレームワークをリリースした
Universal JavaScript
プログレッシブエンハンスメントについての議論
GitHub - distri/jquery-image_reader: Paste and Drop images into web apps