イベントハンドラの関数名についての雑記 - Qiita

2024/01/26 13 users Qiita onclick Button 雑記 関数名

今日のXでは、イベントハンドラの関数名についての話題を見ました。元の投稿はこちらです。要するに、次のhandleClickのようなhandleイベント名という命名は良くないということです。 const handleClick = () => { ... }; <button type="button" onClick={handleClick} /> これについて少し考えたので、せっかくなのでア... 続きを読む

JavaScript: 所望のイベントリスナの発火を妨げているイベントリスナを特定する | Wantedly Engineer Blog

2023/07/26 180 users イベントリスナ DOM 所望 発火 干渉

Webアプリケーションでは、DOMの要素にイベントリスナ(イベントハンドラ)を取り付けることで、ユーザーによる様々な操作 (クリックなど) に応じて処理を行うことができます。 しかし、イベントリスナを登録しても、他のイベントリスナとの干渉によって意図した通りに発火しないことがあります。ここではその調査方法を紹... 続きを読む

Pythonのデコレータを使ってAWS Lambdaを圧倒的に読みやすくする - BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」

2022/02/09 18 users デコレータ 梶田 AWS Lambda Function 機会

基盤系システム部の梶田です。 BIGLOBEではAmazon Web Services（AWS）の活用を推進しています。AWSマネージドサービスの活用機会が増えると、イベントハンドラやフィルターとしてLambda Functionを書く機会も増えてきます。 数をこなしているうちに、Lambda Functionのイベントハンドラにはマネージドサービス毎におき... 続きを読む

Rails上でのpub/sub イベントハンドラの扱い

2018/07/25 23 users pub Sub マイクロサービスアーキテクチャ Rails上

この中に、マイクロサービスアーキテクチャを知ってる人どれくらいいますか？ ありがとうございます、以外と少なくて資料作った会がありました… この中に、マイクロサービスアーキテクチャを知ってる人どれくらいいますか？ ありがとうございます、以外と少なくて資料作った会がありました… Rails上でのpub/sub イベント... 続きを読む

ES/JavaScriptのthisとアロー演算子について知っておくべきこと - それマグで！

2017/05/29 35 users this マク アロー演算子 Array.forEach 変数

2016 - 06 - 02 ES/JavaScriptのthisとアロー演算子について知っておくべきこと javascript this. この便利でハマりどころの多い変数 Array.forEach this 変数の紹介 this 変数の例 apply , call window オブジェクト コールバック イベントハンドラ Array.forEach 個人的な結論 this はできるだけ避け... 続きを読む

第2回　Serfのイベントハンドラで自動化を使いこなす：Serf／Consulで管理を自動化！　～実践的な手法を紹介～｜gihyo.jp … 技術評論社

2015/04/13 18 users consul Serf シェルスクリプト メンバ クラスタ

イベントハンドラとは？ 前回の記事で見たように，Serfエージェントをサーバ上で起動することで，簡単にネットワーク上にクラスタを構成できます。クラスタを構成後，Serfはネットワーク上で相互に死活監視するだけでなく，クラスタのメンバ管理（ホスト名・IPアドレス・タグ等を共有）を行えます。この監視状況やメンバの変化という「イベント」に応じて，シェルスクリプトやコマンドを実行する機能が「イベントハンド... 続きを読む

画面上にエレメントが表示された際のイベントハンドラを設定できる「onScreen()」:phpspot開発日誌

2013/11/11 11 users エレメント phpspot開発日誌 HTML 沢山 転送量

画面上にエレメントが表示された際のイベントハンドラを設定できる「onScreen()」 2013年11月11日- $.onScreen(); 画面上にエレメントが表示された際のイベントハンドラを設定できる「onScreen()」 1ページに沢山のコンテンツを読み込んでいるサイトにおいては、その画面が表示されないでもHTMLを出力し、転送量を必要とし、表示スピードに影響を及ぼします。 そのエレメント... 続きを読む

ネットワークのオフラインを検知して処理を実行できる「Heyoffline.js」:phpspot開発日誌

2012/12/03 46 users phpspot開発日誌 ネットワーク オフライン 処理 仕組

Heyoffline.js ネットワークのオフラインを検知して処理を実行できる「Heyoffline.js」 フレームワークレスで動いて、onOfflineとかonOnlineとかのイベントハンドラを設定して、オフライン、オンライン時に処理を実行できるみたい。 スマートフォンなんかで、何かを入力してしまっていて、送信ボタンを押したらサーバがオフラインですっていうのは避けたいところなのでこうした仕組... 続きを読む

ちょっと高度にJavaScript／クロージャでイベントハンドラを作る ｜ クラスメソッド開発ブログ

2012/10/18 113 users クロージャ jQuery Label function 変数

前回の解説では、クロージャの「変数が保持される」「変数が隠蔽される」という特徴を使って、アクセサメソッドを作りました。 今回は、「呼ぶたびにクロージャが生まれる」特徴を使ってみます。 繰り返し処理内でイベントハンドラを作る まずは、何の工夫もなくやってみます。今回はjQueryも使います。 $(function() { var data = [ {label:'リンク１', value:1}, {... 続きを読む

jQueryのイベントハンドラでreturn falseするとイベントのバブリングが止まる - Webtech Walker

2012/09/20 76 users jQuery functio function return

例えばjQueryでスムーズスクロール的なのを実装したとして、a要素のデフォルトの機能を止めるために以下のようにreturn falseってするとイベントのバブリングまでとまるよという話。 $(function() { $('a[href*=#]').click(function() { // スムーズスクロースの処理 ... return false; }); }); つまり $(functio... 続きを読む

たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」:phpspot開発日誌

2012/03/26 80 users Hammer.js phpspot開発日誌 2KB ホールド

Hammer.js たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」。 タップ、ダブルタップ、ホールド、ドラッグ、トランスフォームといった処理を一手に扱えるようになるライブラリです スマホだけでなく、かなりのブラウザにも対応 使い方は、まずHammerオブジェクトのインスタンスを初期化します。 あとはイベントハンドラを ontap といった形で記述していくだけ... 続きを読む

デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン:phpspot開発日誌

2011/07/04 90 users phpspot開発日誌 デザイン onChange メソッド

jQuery SelectBox plugin デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン。 次のようないい感じのデザインで、かつ、１つのselectボックスを変更すると他のselectボックスの内容を変更できるイベントハンドラの設定が可能。 イベントハンドラに、onOpen, onClose, onChange といったメソッドにその処理を書いておけばカスタマイ... 続きを読む

【ハウツー】あのBBCが作った超実力派JavaScriptライブラリ"Glow"を徹底解剖する (1) BBCが公開したJavaScriptライブラリ、その名は「Glow」 | エンタープライズ | マイコミジャーナル

2009/07/15 270 users glow DOM ハウツー ＢＢＣ エンタープライズ

英国放送協会(BBC)は7月7日(英国時間)、JavaScriptライブラリ「Glow」の最新バージョンである1.5.1をリリースした。GlowはApache Licence Version 2.0のもとで公開されている、オープンソースソフトウェアJavaScriptライブラリ。 Glowの特徴は次のとおり。 シンプルなDOM、イベントハンドラ、アニメーション操作など さまざまなウィジェット(Au... 続きを読む

JavaScript のイベントハンドラ - daily dayflower

2008/05/16 504 users HoryGrail HolyGrail onclick属性

js本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記 を読んで，思うところあって書いてみました（決してカウンターアーティクルではない）。 むかしむかし JavaScript を触っていた むかしむかしに書かれた JavaScript の本で勉強している／した人向けに。大元記事（[Think IT] 第1回：そ... 続きを読む

いやなブログ: JavaScript とクロージャ

2005/07/23 154 users クロージャ マウスカーソル 怪訝 プログラミング 知人

JavaScript とクロージャ JavaScript プログラミングはなかなかおもしろいよ、と知人に言ってみたところ、 全然信用されずに怪訝な顔をされる、という目に遭いました。 クロージャが使えて DOM ツリーにイベントハンドラを簡単に追加できるよ、と続けると多少は興味を持ってもらえるようなので、クロージャを使ったサンプルプログラムを書いてみました。 箱の中でマウスカーソルを適当に動かしてく... 続きを読む