タグ

JavaScriptとjavascriptに関するrryuのブックマーク (235)

  • JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い | 圧縮電子精神音楽浮遊構造体

    2011年12月17日土曜日 JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い JavaScript Advent Calendar 2011 (オレ標準コース) 17 日目、polygon_planet です。 ずっと Advent Calendar 参加してみたいなぁと思ってたんですが ネタが思いつかない日々で半分諦めてたんですが、考え過ぎな気がしてきたので 別におもしろい記事でもないし、技術的にも参考になるのか不明ですがとりあえず書きます。 もしかしたら同じようなこと解説してる記事がすでにあるかも…(うまく検索できてない) JavaScript で無名関数をその場で実行するとき、 (function() { // 処理 })(); という書き方が主流っぽいですが、 (function() { // 処理

    rryu
    rryu 2011/12/18
    実行上も構文通り括弧があるかないかの違いだった、と。強い処理系だと最適化で括弧の処理は消されそうな気がしないでもない。
  • Backbone.js で HTML の View と Model を分離してみるよ - スタジオ・アルカナ技術ブログ

    はいどうも~。Japanese Schoolgirlsが好きなエンジニアの吉田です。 以前「jQuery.tmpl() で HTML の View と Model を分離してみるよ」という 記事を書きましたが、引き続きJavaScriptによるMVCシリーズ第二弾! 今回は、Backbone.jsでViewとModelを分離させてみるという試みです。 ここ最近、JavaScriptのMVCライブラリだと「JavaScriptMVC」や「Knockout.js」 「Backbone.js」などがぼちぼちと知名度を挙げてきているような印象です。 (※注)正確にはKnockout.jsはMVCではなくMVVM(Model-View-ViewModel)ですね。 そんな中SoundCloudなどでも使用されているBackbone.jsがとても気になって いたので、どのような感じで利用できるのか試し

    rryu
    rryu 2011/11/23
    MVCというよりはview特化のObserver/Observableパターンという感じ? モデルへの操作にどこまで追随してくれるのかは謎。表示機能自体はjQuery.tmpl()等を使っている自力で実装する。
  • 『JavaScript:The Good Parts』にツッコミ (Kanasansoft Web Lab.)

    前エントリで、『JavaScript:The Good Parts 「良いパーツ」によるベストプラクティス』が万人向けでないことを書きました。 自分の実力を顧みず、こののベストでない部分をつっこんでいこうと思います。ゴリアテどころかゴリアテの集団に挑んでいくような状態ですね。 さて、全エントリで書いた通り、このは悪いではなく良であり、読む人が読むと良い刺激になるに違いないと思っています。これを契機によりよいJavaScriptの書き方について論議が進むのではないかと期待しています。しかし、対象と思われる層が中級者以上で、初級者が読むと逆に悪になりかねない部分を持っています。勘違いしそうな部分、気になった部分を中心に記述していきます。このため、否定的な内容は沢山出てきますが、上記のような前提ですので、書籍全体がこのような内容が散見されるわけではありません。そして、これを読んでの内

    rryu
    rryu 2011/11/13
    ++と--演算子は前置と後置で評価結果が異なって罠っぽいので禁止みたいな話は見たことあるけど、それは三項演算子禁止と同じレベルのアレな世界だけだと思っていたのによもやJS界にも——
  • pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ

    pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る/進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax

    pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
    rryu
    rryu 2011/10/06
    『「コンテンツがcurlでロードできなければそのサイトは壊れている勢力」の救世主』
  • html2canvas - Screenshots with JavaScript

    <div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });

    rryu
    rryu 2011/07/29
    スクリーンショットというか、HTMLをキャンバスにレンダリングするJS。JSは動かないのでJSオフの表示になる
  • Ecma-262.pdf (application/pdf オブジェクト)

    16 th edition / June 2025 ECMAScript ® 2025 Language Specification ECMA-262 COPYRIGHT PROTECTED DOCUMENT Ecma International Rue du Rhone 114 CH-1204 Geneva Tel: +41 22 849 6000 Fax: +41 22 849 6001 Web: https://www.ecma-international.org © Ecma International is the registered trademark of Ecma International 1 Scope . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  • ベターJavaScript!? CoffeeScriptが注目されるワケ:Rails Hub情報局:エンジニアライフ

    JavaScriptへコンパイルして実行することを前提としたスクリプト言語「CoffeeScript」がちょっとした注目を集めています。CoffeeScript自体は2009年末に登場し、その1年後の2010年12月にバージョン1.0がリリースされていますが、注目を集めたのは、数日前(2011年4月13日)にRuby on Railsの生みの親であるDHHが、次期バージョンのRails3.1でjQueryやSCSSと合わせて、CoffeeScriptをデフォルトとして採用するとTwitter上で発言して議論が巻き起こったからです。 Yes, it's true, Rails 3.1 is going to ship with CoffeeScript and SCSS in the box for use with the new asset pipeline. It's bad ass.

    ベターJavaScript!? CoffeeScriptが注目されるワケ:Rails Hub情報局:エンジニアライフ
    rryu
    rryu 2011/04/21
    デバッグが大変になりそうな気がするなあ。
  • ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌

    画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit... 次の記事 ≫:かなりいい感じのWordPressテーマ20 Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上

    rryu
    rryu 2011/04/13
    この要素のイベントハンドラにブレークポイントをしかけたいという時に便利、だったらいいなあ。
  • ドメイン間要求 (XDR) の概要

    このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 開発者は、Internet Explorer 8 のドメイン間要求 ("XDR") を使用して、サイト間のデータ集計シナリオを作成できます。 XDomainRequest と呼ばれるこの要求は、 XMLHttpRequest オブジェクトと似ていますがプログラミング モデルがより簡単になっており、XDR をサポートしてドメイン間でデータを利用できるようになったサード パーティのサイトに対して、匿名の要求を作成する最も簡単な方法です。 3 行のコードで基的なクロスサイト要求を作成します。 これにより、ブログなどのパブリック サイトやその他のソーシャル ネットワーク アプリケーションのデータ収集が高速で安全かつ

    ドメイン間要求 (XDR) の概要
    rryu
    rryu 2011/02/07
    IEのXDomainRequestについて。
  • Latest topics > Firefoxでtarget="_blank"なリンクから新しいタブやウィンドウが開かれないようにしたい人向けの話 - outsider reflex

    Latest topics > Firefoxでtarget="_blank"なリンクから新しいタブやウィンドウが開かれないようにしたい人向けの話 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « Bootstrapped Extensionsで設定ダイアログを提供するためのライブラリを作ったよ Main Compatibility problem with Tab Mix Plus » Firefoxでtarget="_blank"なリンクから新しいタブやウィンドウが開かれないようにしたい人向けの話 - Feb 04, 2011 Back to Owner Tabを公開したよという話を書いた時にそもそも勝手に新しいタブを開かないようにしたいという

    rryu
    rryu 2011/02/05
    新規ウインドウ要求に対する処理の設定をリンクとJSからとで統合したら「同窓で開く」が事実上使えなくなったという話。
  • jQuery 1.5のDeferredって何? - NullPointer's

    jQuery1.5がいつの間にかリリースされていた。1.5ではAjax関係のコードが書き直され、コールバック関数をsuccessメソッドの引数として指定できるようになったらしい。 $.ajax({ url: "/test.txt", cache: false, dataType:"text" }).success(function(data){ alert(data) }); このコード、ajaxリクエスト実行してからコールバックを設定しているように見える。ajaxリクエストは非同期実行で、ネットワークアクセスの遅延があるので、successメソッドのコールバック設定の方が先に実行されるのかもしれないが、いくらなんでもそんな確実性のない設計はありえない。というわけで、その辺を上手くやってくれるのが1.5で追加されたDeferredという機能。 jQuery 1.5のajaxメソッドはDef

    jQuery 1.5のDeferredって何? - NullPointer's
    rryu
    rryu 2011/02/05
    jQueryに遅延呼び出し機能が付いたらしい。
  • 【コラム】攻略! ツール・ド・プログラミング (15) HTML/CSS/DOMを書かないWebアプリケーションフレームワーク「qooxdoo」 | エンタープライズ | マイコミジャーナル

    qooxdooとは qooxdoo(クークスドゥー)はJavaScriptをベースとしたAjaxアプリケーションフレームワークである。通常のWebアプリケーションフレームワークとは趣向が異なり、HTMLCSSをいっさい記述することなく、JavaScriptのコードのみでAjaxを利用したインタラクティブなWebアプリケーションを開発することができる。DOMなどの知識も必要なく、使うのはqooxdooで用意されたオブジェクト指向ベースのJavaScript APIのみ。 たとえばWebページ上に表示するボタンやリスト、テーブル、フォームなどのGUI部品もすべてqooxdooのAPIでラップされており、利用するためにHTMLやDOMを意識する必要はまったくない。それどころか、ウィジェットをさまざまな形で配置するためのコンテナや、レイアウトを自動で整えるレイアウトマネージャなども用意されており

    rryu
    rryu 2010/12/14
    qooxdoo-1.0.1の使い方。ターゲットはJSだけどSDKはPythonなのでPythonが必要。
  • HTMLやCSSの知識不要のアプリ構築フレームワーク「qooxdoo 1.3」が公開 | OSDN Magazine

    JavaScriptベースのRIA開発フレームワーク「qooxdoo」開発チームは12月8日、最新版「qooxdoo 1.3」と「qooxdoo 1.2.2」を公開した。バージョン1.3には、複数の新機能が追加されている。 qooxdooはJavaScriptを活用した包括的なRIA開発フレームワーク。HTMLCSS、DOMの知識なしにクロスブラウザアプリケーションを構築できるとしている。プロジェクトは、独1&1 Internetの支援を受けている。 バージョン1.3は、1.2で発表された新機能「virtual List」が実験的にフレームワークに加わった。仮想インフラを土台としたウィジェットで、特に大規模なデータセットで役に立つという。データセット仮想化のほか、シングル/マルチセクション、フィルタリング、ソートとグループ化、カスタムレンダリングなどの機能も備える。 新しいウィジェットと

    HTMLやCSSの知識不要のアプリ構築フレームワーク「qooxdoo 1.3」が公開 | OSDN Magazine
    rryu
    rryu 2010/12/14
    JavaScriptアプリのフレームワーク。
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    rryu
    rryu 2010/11/23
    JSONの仕様がECMA-262のサブセットになっていないことに起因した問題とも言える。
  • Backbone.js

    Backbone.js Introduction Events – bind – unbind – trigger Model – extend – constructor / initialize – get – set – unset – id – cid – attributes - toJSON – save – destroy – validate – url – clone – isNew – change – hasChanged – changedAttributes – previous – previousAttributes Collection – extend – constructor / initialize – models – Underscore Methods (24) – add – remove – get – getByCid – at – le

    rryu
    rryu 2010/10/27
    RESTサーバをストレージにしたモデルクラスとそれに対応するビュークラスのセット。コントローラはモデルの属性ごとの変更通知機能を使って自力で作る。
  • TwitterのIDが64bitになるとJavaScript等で問題が出るので対策を - F.Ko-Jiの「一秒後は未来」

    Twitterのシステムが生成する ID の体系が変わるという情報は以前からありました。 » Twitterのstatus IDの仕組みが変わる – 頭ん中 » The Twitter Engineering Blog: Announcing Snowflake » Status IDs are changing on 21st September – Twitter Development Talk | Google グループ Snowflakeというシステムを使って、ツイートやユーザーの ID が64bitの整数で生成されるようになるそう。 特に影響はないかなと思っていたのですが、ProgrammableWebの「The Twitter ID Shuffle: Text vs Numbers」という記事に気になることが。 The reason for aborting the laun

    TwitterのIDが64bitになるとJavaScript等で問題が出るので対策を - F.Ko-Jiの「一秒後は未来」
    rryu
    rryu 2010/10/21
    JSのNumber型は64ビット浮動小数点数だから仮数52ビット+隠しビットで53ビットに限界があるのか。
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    rryu
    rryu 2010/07/23
    12時間で1周できそうな経路を地図上に描いて時計にするJS。これに写真サービスとの連携を追加すると面白そう。
  • jsdo.it

    Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a

    rryu
    rryu 2010/07/11
    ActionScript ををサイト上で書いて実行して共有するサービスのJS版。実行環境は別ドメインに分かれているので大丈夫だとは思うが、色々とドキドキしてしまう。
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    rryu
    rryu 2010/07/10
    こんなに大量の点が——と思ったら、動かない点は描き捨てていて、実は画面全体がフェードアウトしているので消えていくように見えるハック。消えない奴はフェードアウト処理後に描き直している。
  • JSDeferredで、面倒な非同期処理とサヨナラ 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    JSDeferredで、面倒な非同期処理とサヨナラ 記事一覧 | gihyo.jp
    rryu
    rryu 2010/07/02
    複数の非同期処理を関数の連鎖として同期的に実行できるようにするライブラリ。