IEのよくわからない挙動 - smellman's Broken Diary
仕事で、こんな要件があった。 あるリンクを押したらポップアップでhoge0001.htmlを表示して、同時に開いているブラウザの画面をhoge0002.htmlになるようにしてほしい。 というわけでこんなコードを書いた。 <a href="javascript:;" onClick="window.open('/popup/hoge0001.html','_blank','menubar=no,scrollbars=yes,resizable=yes,width=760,height=760'); document.location.href='/hoge0002.html';">hoge</a> Firefox 3.0.4で動作チェックをしてテスト環境に入れてみたらお客さんからIE6だと動かないと言われたので調査してみた。 とりあえずwindow.openで処理が止まってないか調べるため
Selectors API Level 1 (W3C Working Draft 28 June 2012)
Selectors API Level 1 W3C Recommendation 21 February 2013 superseded 3 November 2020 This Version: https://www.w3.org/TR/2020/SPSD-selectors-api-20201103/ Latest Version: https://www.w3.org/TR/selectors-api/ Previous Versions: https://www.w3.org/TR/2013/REC-selectors-api-20130221/ http://www.w3.org/TR/2012/PR-selectors-api-20121213/ http://www.w3.org/TR/2012/WD-selectors-api-20120628/ http://www.w
DocumentFragmentの考察 - Personnel
DOMユーザーの方は、このようなことが出来たら良いと思ったことはありませんか? NodeListのクローンを作成する NodeListをそのままappendChildのパラメータにする もちろんこのようなことは出来ません。NodeListのitem一つ一つのクローンを作成し、一つ一つをappendChildしなければならないのです。しかし、DocumentFragmentを利用することによって、このような感覚の操作をすることが可能になります。 Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/documentFragment.html#seeds ここに、文書A、文書B、文書C があったとします。 文書A <rootA> <item /> <item /> <item /> <
text-hatena.js 公開 [tech.nitoyon.com]
本家 Text::Hatena で HTML::Parser を用いている部分は実装できていません。 URL の自動リンクや HTML のエスケープなどは実装できていません。 Cookie を利用するようなサイトに text-hatena.js を利用するのはお勧めできません。 ライセンスは Text::Hatena と同等とします。 技術的なアレコレ Perl と JavaScript って意外と似てるよね、というところから出発しました。特に、Text::Hatena のソースコードはそのまま JavaScript に置き換えられるぐらいに洗練されたコードです。例えば、Hatena.pm の一部に次のようなソースがあるのですが sub parse { my $self = shift; my $text = shift or return; $self->{context} = Text
![text-hatena.js 公開 [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d81b4c2eba71389dea0599dc6c94d1cac300ece/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
JavaScript 内で無圧縮 ZIP を作って Data URI を生成するライブラリを作りました - IT戦記
ちょっと思うところあって JavaScript 内で、複数のファイル情報を作って Zip で固めて、 Data URI を生成するライブラリを作ってみました。 ソースは以下の zip.js です。 http://svn.coderepos.org/share/lang/javascript/Zip/ 使うには 以下の base64.js が必要です。 http://svn.coderepos.org/share/lang/javascript/Base64/trunk/ この base64.js は弾さんが作ったものです。 今回 Zip で使うように、ちょっとチューニングさせていただきました。 こんなことができます // zip オブジェクトを作る var zip = new Zip; // 文字列をファイルとして追加する zip.addString('Hello, world!!', '
Situs Resmi Judi Poker Online Uang Asli Indonesia
yabooo.org | Situs Judi Joker Slot Gacor Terpopuler Banyak Bonus yabooo.org Yaitu Agen Judi Joker Slot Mudah Jackpot Bonus Member Baru Games Slot Gacor, Taruhan Bola, Poker Online Pakai 1 Akun WSO Server Luar India Ingin menikmati pengalaman bermain slot yang mengasyikkan? Jika iya, Anda perlu mencari situs slot terbaru yang gacor! Game slot gacor terbaru dapat memberikan kesempatan bagi Anda untu
IEでのテキストノード走査の高速化 - os0x.blog
に釣られて。 HatenaStar.js 1380 行目 テキストノード走査 一番のボトルネックはやはりここですね。IEなので、こんな感じでベタに計測。 makeTextNodes: function(c) { if (c.textNodes || c.textNodePositions || c.documentText) return; if (Ten.Highlight.highlighted) Ten.Highlight.highlighted.hide(); c.textNodes = []; c.textNodePositions = []; var isIE = navigator.userAgent.indexOf('MSIE') != -1; var texts = []; var pos = 0; var st = new Date*1; (function(node,
はてなブックマーク JavaScript 高速化計画 補足 - IT戦記
はじめに id:jkondo さんがブクマしてくれてるのでちょっとだけ補足 以下のつづき http://d.hatena.ne.jp/amachang/20081126/1227700830 追加修正 id:Yuichiro さんのハック 2008-11-27 - つれずれなるままに… 注意：ただ、これ appendChild 時のコストが増えていることが分かったのでちょっと要確認ですね。 id:Yuichiro さんのハックを getImage にも適用 gotImage: [], getImage: function(container) { var src = Hatena.Star.Button.getImgSrc(Hatena.Star.Star,container); if (!this.gotImage[src]) { var newimg = document.create
Re: はてなブックマークのコンテンツの JavaScript を高速化する - つれずれなるままに…
Reply to はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記 「重い箇所２：HatenaStar.js 1738 行目」で取り上げられていた Hatena.Star.Button.reateButton ですが、Flyweight パターンのアイデアと Element.cloneNode() を利用したところ、手元の環境（WinXP,Fx3.0）で7.7倍速くなったのでお伝えしておきます。 修正コード /* Hatena.Star.Button */ Hatena.Star.Button = new Ten.Class({ createdButton: {}, createButton: function(args) { var src = args["src"]; if (!this.createdButton[src]) { var newimg
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
はてなブックマークのスタッフロールをスターウォーズっぽくするブックマークレット - IT戦記
Firefox 3.0 以上か WebKit Nightly 以上で、以下のページへ行って http://b.hatena.ne.jp/help/staff 以下のブックマークレットを実行してみてください！ javascript:(function(d,s){s=d.body.appendChild(d.createElement("script"));s.src="http://amachang.art-code.org/starwars.js"})(document) 補足 Firefox 3.0 でも動くけど、まじめに演算してるので Firefox 3.1 Beta 以降や WebKit の Nightly じゃないと、パフォーマンスはでないかもしれません＞＜
はてなブックマークのスタッフロールをもっとカッコよくするブックマークレット (Kanasansoft Web Lab.)
制作スタッフ一覧がはてなブックマークのホットエントリー(短期間に多くのブックマークを集めたエントリー)にあがってくる盛り上がり。
JavaScript の基本を叩き込め：値、変数、制御フロー（後半） - Eloquent JavaScript - 暗号、数学、時々プログラミング
Eloquent JavaScript, Lesson2 | 21:32 | ちょっとブレイクをとり過ぎたな！ よし、ヤル気十分な顔してやがるな。うむ。熱意があるのは大事なことだ。しっかり最後までやり抜こうな。オレも正直、超訳がカッタルくてそのまま普通に訳しちまおうかと思う時もあるんだが、オマエらだけに努力を強いるのもアレだからな。最後までオモシロおかしいノリで行ってやるゼ。逃げるんじゃねーぞ！（ ファイトー、おー！ どうやら id:HolyGrail が見守りモードに入ってくれたみたいだし心強いな。今日も元ネタ提供者の Marijn Haverbeke さんに感謝しつつレッスンを進めるぞ。 さっそくレッスン開始 前回のレッスンでは"expression"って話が出てきたところで終わったんだったな。何がしかの値を生じさせるコードのコトを、"expression（式）"と呼ぶ。「22」だの"
【Lesson2】 JavaScript の基本を叩き込め：値、変数、制御フロー（前半） - Eloquent JavaScript - 暗号、数学、時々プログラミング
Eloquent JavaScript | 07:41 | 気合入れていくぞ！ 前回の内容は覚えてるか？ 気分は盛り上がってるか？ オマエの目標をしっかりイメージしろ。そうだな。。。例えば id:amachang や id:HolyGrail の書いたエントリの内容が理解出来る様になって、間違っても「良くワカランがスゲー！」なんてコメントしないで済むとか、、そこら辺でどーだ？ 何？ 畏れ多い？ オマエの気合はそんなものか？ 「なれたらイイな」じゃねーぞ。「なる」んだよ。決定事項なんだよ。最後までやり切って脱初心者すっぞ！ 今日も元ネタ提供者の Marijn Haverbeke さんに感謝しつつレッスンを進めるぞ。用意はいいか！？ よし、声出して行くぞ！ Go! ニコガク、Go! さっそくレッスン開始 コンピュータの世界において存在しているのはデータだけだ。それ以外には存在しない。データって
ハッカーに憧れてたダケのオマエらに捧ぐ（序＋目次） - Eloquent JavaScript - 暗号、数学、時々プログラミング
Eloquent JavaScript | 06:06 | 心配するな。日本語は死なんよ 来たか、ハッカー大好きはてなー野朗。ちょっとオマエ、ブクマを見せてみろ。ん？なんだこの大量の「あとで読む」タグは？！ で、これは読んだのか？ 何？ まだだと？ あ？「だって英語で書いてあるしー」だ？ で、「その前に英語やらなくっちゃ！」と思ってやった事が、英語Tips のページにブクマして「あとで読む」タグを付けること？ おめでてーなー。オマエは本当におめでてーヤツだよ。今日も新たな教材探しか？ おい、、、図星かよ。涙目になんなよ。。 今日から、そんなオマエのヘタレな日常とサヨナラ出来るよう、またオレが教材を用意してやったぞ。喜べ。元ネタは"Eloquent JavaScript （オレ的な超訳では「スゴいよ JavaScript」）"だ。コイツの出来の良さは関係各方面でお墨付きが出てるから安心しろ。
Kanasan.JS JavaScript 第 5 版読書会 #6: Days on the Moon
Kanasan.JS JavaScript 第 5 版読書会 #6 に行ってきました (当日のチャットログ、参加者のブログ一覧)。今回は 14 章「ブラウザウィンドウの制御」から 16 章「CSS とダイナミック HTML」の途中まで読み進めました。 タイマーの仕様 (14.1、p. 282) setTimeout などのタイマーはブラウザが独自に実装したもので、標準化された仕様は存在しません。HTML 5 の草案には一応含まれているものの、独立した仕様に移すことが示唆されています。かといって、その場合の受け皿となるであろう W3C WebApps WG にもはっきりとした動きは見られず (Apple の人から高精度タイマーの提案が出ていましたが)、タイマーの標準化がどうなるのかよくわかりません。 Navigator オブジェクト (14.3.3, p. 289) Navigator オブ
Office 8 では YUI を採用！ (サイボウズ Office 開発ブログ)
サイボウズはクラウドベースのグループウェアや業務改善サービスを軸に、社会のチームワーク向上を支援しています。
Web/JavaScript 講習会 part.1（JavaScript の概要と特徴）
今年入社したエンジニア一年生に JavaScript を教え始めました。 昨年度から行っていたフォローアップ講習会 Web/JS シリーズを、一年目向けに焼き無して教えています。 今回はその一回目、JavaScript の特徴と概要についてさらっと語っています。 (more...)
Web/JavaScript 講習会 part.21（失敗しないJS）
JavaScript で楽に安定開発＆運用するための社内勉強会を行いました。 こいつぁ斬新！凄い！といった内容ではなく、ごくごく基本な「jQuery や dojo のようなライブラリ使ってクロスブラウザ対応しようぜー」「対応環境はライブラリに合わせて設定しようぜー」といったTipsを紹介しています。 ムービー プレゼン資料 followup-webjs-part21.pdf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
