猫バトン - 親方、空から覚え書きが！
にゃーんだと？ 語尾にニャとかふざけてるのか！そんなバカなこと出来な…な… にゃーん できないってんだ。さあ晩御飯のジャガリコでもお湯で戻して食べるか。！あんな所にネズミ…別に気になんかならない… 猫化ブックマークレット ブックマークレットと呼ばれてるやり方で実装しました。利用方法は簡単。 変換したいページを呼び出します。 ブラウザのアドレス欄に javascript:(function(){var u="http://zenith.sakura.ne.jp/bookmarklet/arisyu.js" ;var d=document;var s=d.createElement('script');s.charset="UTF-8";s.src=u;d.body.appendChild(s);})() をコピーして貼り付け、 Enter キーを押します。するとあら、こんなところにニャンコが
Desktop Notifications with WebKit
Chrome now supports desktop notifications using WebKit's webkitNotifications API. (Try the demo.) Why is this awesome? Because it gives online tools like e-mail clients, calendering software, task managers, monitoring systems, etc. an elegant and consistent way to notify users without having to resort to annoying and invasive hacks like window.alert. Although the API is sparsely documented, it is
jQuery.dataの使い方 - KAYAC engineers' blog
最近気づいたんですが、jQuery.dataが結構便利だと思うので紹介してみたいと思います。 (function($) { var name_space = 'name_space'; $.fn[name_space] = function(options) { var elements = this; var settings = $.extend({ }, options); elements.each(function() { var t = this; $.data(t, name_space, {}); $(t).hover(function () { var obj = $.data(this, name_space); obj.status = 'over'; $.data(self, name_space, obj); }, function () { var obj =
KAYAC engineers' blog
こんにちは！ カヤック面白プロデュース事業部のおばらです。 普段は受託案件のデザイン・フロントエンド開発などを担当しています。 さて、『JS体操』第2問 いかがでしたか？ 今回初めての方々 第1問に引き続きの方々 複数のアプローチで何通りも回答してくださった方々 普段業務で JavaScript をバリバリ書いているであろう方々 JavaScript を学んでいる学生の方々 などたくさんの方々が挑戦してくださいました。 とても嬉しいです。ありがとうございます！ 『JS体操』とは？ 『JS体操』とはカヤックが主催する JavaScript のコードゴルフ大会です。 もともとは社内の勉強会として始めた施策です。 その詳細は以下のブログ記事を御覧ください！ techblog.kayac.com 第2問の詳細はこちら https://hubspot.kayac.com/js-taiso-002 も
第1回 ウェブブラウザとJavaScriptの未来 | gihyo.jp
こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください（間違いやすい、わかり難いと思われるところは適宜補足します）。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ
HTMLDocument の動的な作成: Days on the Moon
ブラウザ上で、JavaScript を使って HTML のソースから HTML 文書を生成するのに、どんな方法があるのか調べました。なお、以下のスクリプトは HTML 文書上で実行することが前提です。 表の見方 XSLT の HTML 出力 createHTMLDocument メソッド createDocument メソッド createDocument メソッドと名前空間の指定 createDocument メソッドと文書型宣言の指定 createDocument メソッドと文書型宣言及び名前空間の指定 cloneNode メソッド iframe 要素 ActiveXObject CID からの作成 まとめ 表の見方 以下の表において、各項目の意味は次の通りです。 doc HTML 文書を作成できれば○、XML 文書を作成できれば△、それ以外なら×です。HTML 文書かどうかは、cre
Streaming API/JavaScript - Live Dwango Reader （旧livedoor Reader）まとめサイト
Live Dwango Reader （旧livedoor Reader）まとめサイト Live Dwango Reader（旧livedoor Reader）についてのWikiです。 トップページページ一覧メンバー編集 Streaming API/JavaScript 最終更新： mala__ 2010年03月01日(月) 18:22:01履歴 Tweet Streaming API JavaScript Library JavaScriptからStreaming APIを利用するためのライブラリです。 切断時の再接続処理や、各ブラウザ対応のクロスドメイン通信の面倒を見てくれます。 以下のファイルで構成されています。(mxhr.jsは必須ではありません) http://reader.livedoor.com/js/json.js http://reader.livedoor.com/js
Javascript API - Justin.tv API Wiki
The Javascript API makes embedding Justin.tv content on your website easier. Here's how you use it: Put the following tag in the head of your page: <script src="http://www-cdn.justin.tv/javascripts/jtv_api.js"></script> The Static Approach <div name="{{method}}" title="{{options}}"></div> Example: <div name="jtv_api.new_player" title="channel=officecam&start_volume=50"></div> The Dynamic Approach
本当にnewっていらない子。
なんかPerlのblessっぽい。 JavaScriptのnewって本当にいらない子？(http://d.hatena.ne.jp/jdg/20090706/1246840565) というよりperlのnewっぽい。なぜか。 classでクラスを定義してnewでインスタンスを生成する言語を「一般的オブジェクト指向言語」とすると、 一般的オブジェクト指向言語とjavascriptの似ていないところはclassがないところ。一般的オブジェクト指向言語とperlの似ていないところはnewがないところ。つまり、javascriptでnewを（直接）使わず、class（のようなもの）を作ればperlっぽくなる。 そもそもnewって何するの？オブジェクトを作る。オブジェクトを作るには3つの動作が必要である。 領域を作るクラスと結びつける初期化する通常は言語仕様でこれらを行う"new"という命令が用意さ
JavaScriptのnewって本当にいらない子？ - あと味
先日、「JavaScriptのオブジェクトについて考察してみた - あと味」を書いてから、chikuraさんからコメントいただいたり、id:dankogaiさんから「404 Blog Not Found:javascript - にはクラスはない」という記事で言及いただいたり、JavaScript: The Good Partsを読み返したりした結果、newについて調べたいという衝動にかられましたので、その調べた結果を書いてみたいと思います。 newを調べようと思ったキッカケを整理 まずは、そのキッカケから整理します。 chikuraさんのコメントより 押さえるべきポイントは、new演算子の際に何が行われるか？だと思うので、こちらのページもぜひ読んでみてください。 JavaScript の new 演算子の意味: Days on the Moon http://nanto.asablo.j
JavaScriptのswitch文の速度はブラウザの違いでこんなにも差があった。 - 風と宇宙とプログラム
はじめに JavaScriptのswitch文は、CやJavaと異なりcaseのところに任意の式が書けるため、実行時にcaseの式も評価されるので基本的にはif-else文の並びと類似のものになります。つまり、caseの数に応じてパフォーマンスも低下すると予想されます。本当にそうなのか確認してみました。 測定した各ブラウザのバージョンは以下の通りです。 Firefox Chrome Safari Opera IE 3.5.6 4.0.249.30 4.0.4 (531.21.10) 10.10 8.0.6001 caseが数値リテラルの場合 パフォーマンスを測定するテストコードは下記のような簡単なものです。caseが1000個あるswitch文を10万回繰り返して実行したときの時間を測定しました。perf_test()関数の引数ｖに与える値に応じてcaseの条件で一致する場所が変わります。
FGUG : B-Wiki - AIR for JavaScript Developers/Chapter4
カスタムコントロールの追加 課題 自作のアプリケーション向けにカスタムクロームを作りたい。ユーザーがアプリケーションのクローズと最小化をできるようにしたい。 対策 最小化ボタン、クローズボタンの機能を組み込むには、Adobe AIRのネイティブウィンドウAPIを使ってください。 考察 Adobe AIRでは、開発者がアプリケーションのウィンドウクロームを全面的に定義しカスタマイズできます。とはいえ、通常起こりうる様々なウィンドウイベントは、アプリケーションに管理が任されているという点を念頭に置いてください。つまり、各種のビジュアル要素をそれぞれのシステムイベントと結びつけるということです。 アプリケーションのメインウィンドウにあたるNativeWindowインスタンスは、メインのHTML DOM内からは直接アクセルできません。AIR APIを使えば、HTMLコントロールから抜け出し、ス
新JavaScript例文辞典
説明 ドキュメントの断片（フラグメント）を作成するにはcreateDocumentFragment()を使います。createDocumentFragment()により空のノードが作成されます。createDocumentFragment()により作成されたノードに、様々なノードを追加し最後にページ上のノードに追加します。createDocumentFragment()を使えば時間のかかるノード処理を高速化することができます（ブラウザにより効果がない場合もあります）。 サンプルプログラム window.onload = function(){ var df = document.createDocumentFragment(); for (var i=0; i<100; i++){ var numNode = document.createTextNode(i+", "); df.appe
DOM Elementオブジェクトをテキストダンプしてデバッグ - hogehoge @teramako
DOM APIを使用して作ったDOMツリー、うまく生成されているか見てみたい事は多々ある。少なくともオイラはある。簡単にテキスト表示してくれると嬉しいなぁと常々思っていたのだが発見した。 Firefox（というかMozilla系かな）限定だろうけどXMLSerializerがあるのだ。 使い方は簡単。 var serializer = new XMLSerializer(); //略 var root = document.createElement('div'); var anchor = document.createElement('a'); var aText = document.createTextNode('はてな'); anchor.setAttribute('href','http://www.hatena.ne.jp/'); anchor.appendChild( aT
Ruby,Python,PHP,JavaScriptでマルチプラットフォームなデスクトップアプリを簡単に作成する Appcelerator Titanium Desktop - 仙台 Ruby Vim JavaScript フリーランスプログラマ
古いエントリーなのですが、まだ時折検索エンジン経由？でいらっしゃる方がいるみたいなので追記 Titanium Desktopは今はTideSDKと変わってオープンソースプロジェクトになっています。 いいたい事を先に。 Ruby,Python,PHP,JavaScriptやってる人でデスクトップアプリ作成に興味ある人は Appcelerator Titanium Desktop さわってみるといいと思います。OS X, Windows,Linuxとマルチプラットフォームなデスクトップアプリをhtml,JavaScript,Ruby,Python等の慣れ親しんだ技術で簡単に作成、公開することができます。 予想以上にブクマされてるみたいなので、Titanium Desktopの特徴を箇条書きですが追加しておきます。 一言で言えばJavaScriptで記述するAdobe AIRのようなRIAフレー
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prototyperに贈るjQuerystからの手紙
JavascriptTips - jslibs - JavaScript language advanced tips and tricks - Project Hosting on Google Code
八角研究所 : API で覚える Adobe AIR（2） - ファイル関連APIを使ってみよう
Scenejs.com is for sale | HugeDomains
