[B! JavaScript] aquarlaのブックマーク

JavaScriptの「this」は「4種類」？？ - Qiita

javascriptの﹁this﹂は﹁4種類﹂？？この記事ではベースとなる4種類の﹁this﹂を紹介します。実際は4種類ではないのですが、このベースの4種類を理解できれば他もすぐに理解できます。 thisの4種類のパターン1‥メソッド呼び出しパターン2‥関数呼び出しパターン3‥コンストラクタ呼び出しパターン4‥apply,call呼び出しパターンここで重要なのは﹁呼び出し元﹂をみることです。なぜなら﹁呼び出し元﹂に﹁this﹂は左右されるからです。メソッド呼び出しパターンこれはもう一番直感的にわかりやすいです。説明はいらないんじゃないかという感じなのですが、一応ソースを。。 //メソッド呼び出しパターン var myObject = { value: 10, show: function() { console.log(this.value); } } myObj

aquarla 2013/07/23

JavaScript

リンク

[jQuery] ウインドウのリサイズ操作が終わった時にだけ処理を実行する | CreativeStyle

タイトルに書いてあることを実現しようとして、少し悩んだのでメモ。ウインドウのリサイズ操作やjQueryに限らず、短い周期で連続してイベントが発生する場合に、一連の最後のイベントが発生した時にだけ何らかの処理を行いたい時に使えるパターンです。何も工夫せずに書くと… こんな感じになります。

aquarla 2013/06/28

JavaScript

リンク

GitHub - mjsarfatti/nestedSortable: A jQuery plugin that extends Sortable UI functionalities to nested lists.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

aquarla 2013/06/20

リンク

いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋

2015/03/02: 現在動作しなくなっているようなので、こちら等を参照してください。 Amazonで使ってきた金額合計してみろおにゃんこ速報5‥以下、名無しにかわりましてVIPがお送りします‥2012/06/16(土) 13:28:46.48 ID:8IYD9aJN0 どうやって合計するの6‥以下、名無しにかわりましてVIPがお送りします‥2012/06/16(土) 13:29:58.55 ID:5x4DpozW0 >>5ちまちま足すというわけで自分もどれくらいAmazonで使ってるか知りたかったので、集計するコード書きました。まずこのページに行ってから、 https://www.amazon.co.jp/gp/css/order-history/ 下をコピペしてアドレスバーに貼り付け。 javascript:(function(){var d=document;var

aquarla 2013/06/04

JavaScript

リンク

20 Lines JavaScript - Super Mario Tribute

Jump up in the ?-boxes, collect the coins Stomp all the (harmless) goombas Exit out the the other pipe Note: The goombas are not dangerous. You cannot die. In this game, the only winner is YOU! Visit the Games sections for more JavaScript games For most fun, use with IE7 (or Firefox 3). Left/right arrow to control Mario, up arrow or "a" to jump, down arrow to enter pipe. Created with 20 "effecti

aquarla 2012/11/16

JavaScript

リンク

http://www.addyosmani.com/resources/shinetime/

aquarla 2012/10/17

リンク

jQueryのバブリングと、「return false;」「e.stopPropagation();」「e.preventDefault();」について

jQueryのバブリングと、﹁return false;﹂﹁e.stopPropagation();﹂﹁e.preventDefault();﹂についてTweet どうも︵ｏ´ω｀ｏ︶ノ今年もあと10週間ですねー。今日はjQueryの、イベントのバブリングについてです。バブリングの﹁バブル﹂は泡です。たぶん。 jQueryはHTMLで書かれた要素︵DOM︶を、以下のようにツリー形式で持っています。そして、一番下のA要素をクリックすると、それが一番親のwindowまで伝わります。これがイベントのバブリング︵﹁伝達﹂とでも言うのかな︶です。クリックイベントは、例え自分がクリックされていなくても、子孫要素がクリックされれば発動します。イベントは子供から順番に起きます。よくAタグの﹁href="#"﹂を無効にするために、Aタグのクリックイベントの最後で﹁return false;

aquarla 2012/09/28

javascript

リンク

文字をなめらかにした - hitode909の日記

RetinaディスプレイのMacBook Proほしいけどお金がなさすぎて買えないからこのブログをRetinaディスプレイ化することにして，ブログ全体を小刻みに横に揺らして，文字の残像が見えるから解像度が高く見えるということにした．文字がなめらかになったと思う．はてなブログを小刻みに揺らす.js — Gist追記 iPhoneとかで見るとたぶん揺れてないと思う．下にPC版っていうリンクがあるからそこから見れると思う．追記そろそろいいかと思って，この記事だけなめらかにすることにした．

aquarla 2012/08/10

JavaScript

リンク

【JavaScript】~~ で小数の切り捨て（ビット演算子 ~2つで0方向へ切り捨て） at softelメモ

問題これ、なんですか。この、にょろにょろ。 var y = ~~(x/2); 答えビット否定演算子︵Bitwise NOT Operator︶を2つ~~使うと、小数の切り捨てができる。 >>> ~~(0.8) 0 >>> ~~(1) 1 >>> ~~(1.2) 1 >>> ~~(1.5) 1 >>> ~~(1.9) 1 >>> ~~(123.456) 123 便利なのが、0へ向かって切り捨ててくれるところ︵絶対値で切り捨て︶。 >>> ~~(-123.456) -123 >>> ~~(-456.789) -456 素直に正負を見て関数を使い分けるとこうなるところ。長くて嫌になりますね。 //xが数値の前提で x = (x > 0) ? Math.floor(x) : Math.ceil(x); それが、~~なら、ほら！このとおり。 //xは何でもいいですよ♪ x = ~~x; 括弧をつ

aquarla 2012/04/23

JavaScript

リンク

Twitter OAuth認証をポップアップで行うjQueryプラグイン:phpspot開発日誌

jQuery plugin for Twitter OAuth via popup window (Facebook style) Twitter OAuth認証をポップアップで行うjQueryプラグイン。サーバ言語はなんでもよさそうですが、PHPでのサンプルも公開されています。認証等もPHP側なのでプラグインの機能としてはFacebook風にポップアップにするというものですデモページはこちらサービスのTwitter連携っていうのは最近は必須であるように感じますね。関連エントリ TwitterやFacebookへのログイン機能をこれ1個で実装できるPHPライブラリ﹁HybridAuth﹂スマホ等のモバイル判定が簡単に行えるライブラリ﹁MobileESP﹂

aquarla 2011/10/17

リンク

JW Player Support

Search for articles, ask our community, or give feedback.

aquarla 2011/10/05

JW PlayerをJavaScriptから操作する方法

JavaScript

リンク

YouTube JavaScript Player API リファレンス - YouTube の API とツール - Google Code

ãã®ããã¥ã¡ã³ãã§ã¯ãYouTube JavaScript Player API ã®ãªãã¡ã¬ã³ã¹æå ±ãæä¾ãã¾ãã ç®æ¬¡ æ¦è¦ JavaScript API ãä½¿ç¨ããã¨ãYouTube ã®åãè¾¼ã¿åç»ãã¬ã¼ã¤ã¼ã JavaScript ã§ã³ã³ããã¼ã«ã§ãã¾ããåçãä¸æåæ¢ãæå®ããåç»ä½ç½®ã¸ã®ç§»åãããªã¥ã¼ã èª¿æ´ããã¥ã¼ããªã©ãé¢æ°ãå¼ã³åºããã¨ã§ãã

aquarla 2011/10/05

JavaScript

リンク

Knockout : Home

Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transf orm and combine it Templating Quickly gene

aquarla 2011/08/17

JavaScript

リンク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

aquarla 2011/06/24

リンク

Javascriptの開発手法について社内でプレゼンしました — Aduca

About this Entry Javascriptの開発手法について社内でプレゼンしました was posted on 5月 18th, 2011 at 1.23pm and is filed under Programming. This entry has no comments (yet). You can follow any responses through the RSS 2.0 Feed. Recent Post Javascriptの開発手法について社内でプレゼンしました Javascriptが難しくてわからないので誰か教えてください Nerineを作り直したい話新宿にて配信の記録機材購入 Category livestream non-category Programming thinking Meta ログイン投稿の RSS コメントの RSS Wor

aquarla 2011/05/20

JavaScript

リンク

ダイアログボックスを美しくみせる「jQuery Alert Dialogs」を使ってみる

どうしてもOSに依存してしまうアラートボックスやダイアログボックス。しかし、それをきれいに見せてくれる「jQuery Alert Dialogs」というのがある。仕事で、ダイアログボックスを変えたいとの要望があったようで、これを使ってみることにしたので、メモ代わりにエントリー。基本的な使い方基本的にカスタマイズ無しで使う場合は以下のように設定をして利用する。 ■JSを読み込む <link href="css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.ui.draggable.js"

aquarla 2011/05/19

リンク

Greasemonkey で超お手軽に jQuery を使うスニペット

【2011-06-07 追記】下記の手法は Chrome の Greasemoneky では無効なため、Firefox / Chrome 両対応としたい場合は Greasemonkey で超お手軽に jQuery を使うスニペット [Chrome 対応版] を参照してください。タイトルの通りです。特徴 script タグ追加型の読み込み $ 関数として利用可能該当ページですでに jQuery が読み込まれていればそれを利用 jQuery スクリプト自体のアップは不要 (Go gole の CDN を利用) ローカルのキャッシュも多分有効 (CDN が適切なヘッダを返してれば) jQuery 読み込み完了を待ってから実行される作成動機 Greasemonkey で jQuery を使う方法検索してみると、GM_xmlhttpRequest で読み込んで eval する方法と、scr

aquarla 2011/05/18

リンク

http://awesomeful.net/posts/47-sortable-lists-with-jquery-in-rails

aquarla 2011/05/17

リンク

Best Online Casino for Real Money with Paypal - Life-Changing Games

aquarla 2011/02/21

リンク

prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog

どうもこんにちは、os0xです。実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。というわけで、その辺の話を少し書いてみたいと思います。そもそも、なんでjQueryに移行するのかまあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。しかし、ライブラリを変えるのは簡単な

aquarla 2011/01/28

リンク

はてなブックマーク

タグ

関連タグで絞り込む (15)

JavaScriptに関するaquarlaのブックマーク (38)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス