ついさっき何かとお世話になる配列についていろいろ調べてました せっかくなのでここにまとめておきます。 相変わらず、アウトプットとかが全然ない地味な検証系blogだww しかもJS書く人ならだいたい知ってそうなノウハウという・・・ まあ、というわけで久々の記事でございます。 ◆ 生成速度 実は new Array() するよりも [] のほうが3倍速い 型とか、挙動に差があると思ったら全くない(検証した範囲内では) ◆ push push するより array[array.length] = value; のほうが10〜20%早い ちなみにVectorでもこの記述方式が 10〜20%早い (1000000アイテムの追加で検証) あと Array と Vector のpush実行の差は約20% Vector が早いです。 ◆ 配列へのアクセス 配列のアクセス方法は多々あり
Flashで怒涛のごときイベント処理を捌きまくる3技:速いFlash/ActionScriptチューニング入門(3)(2/3 ページ) 【第1技】使い終わったイベントは削除 不要になったイベントリスナをきちんとremoveEventListenerすることは、イベントをチューニングするうえでの基本中の基本です。なかでもEvent.ENTER_FRAMEのイベントリスナは、使用頻度も多いため、しっかりと管理する必要があります。イベントリスナの有効期限は、removeEventListenerされるか、オブジェクトもしくはリスナそのものが削除(ガベージ・コレクションなど)されるまでです。 注意しなければならないのは、「addEventListenerした対象がremoveChildされたとしても、ENTER_FRAMEイベントは通知され続ける」という点です。これらをしっかりとremoveEve
昨日twitter上で、やっぱEnterFrameはまとめた方が速い という話が出ていて、自分も結構前からやっているのですが 自分が使ってるクラスを公開しまする。 とりあえず、ファイル的にはこれになります (あえてパッケージはきらなかった) EnterFrameEventOptimizer.zip 去年作ったので実装は微妙、でもバグは今のところない・・・はずw で、これの使い方 先ずはインスタンスの生成。 // optimizer の生成. var opt:EnterFrameEventOptimizer = new EnterFrameEventOptimizer(); で、後は突っ込む // optimizer に登録. opt.addEventListener( closure ); これで終わり。 もちろん remove も出来る。 // optimizer
引き続き Optimizing Performance for the Flash Platform から、CPU の使用率を削減するための Tips です。 最初は、デバイス上での Flash Player 10.1 の新機能 3 点です。 スリープモード Flash Player 10.1 はアプリケーションが中断されたことを検知するとスリープモードになる スリープモードではフレームレートが 4 fps になり、描画は行われない スリープモード中はイベントが発生しない AIR にはスリープモードは無い ポーズとレジューム Flash Player 10.1 はコンテンツがスクリーン上に表示されない状態になると再生を停止 (ポーズ) し、表示されると再生を再開 (レジューム) する ポーズ時には積極的にメモリの開放も行われる ポーズが起きるのはコンテンツがページのスクロールなどにより完全
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
Preparation Before initializing the scroller, there are a few things that have to be set up in order for it to work properly. First thing is the HTML: <div id="Scroller"> <div class="Scroller-Container"> Insert Text here! </div> </div> Now, "Scroller" can actually be change to anything you want, you just need to be able reference this element. The div with the class Scroller-Container, however, mu
RSS feed を JavaScript で HTML に埋め込む RSS を利用すると、自分の Blog サイトのサイドバーなどに、お気に入りの Blog サイトの更新情報などを表示することができます。このように、サイト間でのリンクの導線を動的に生成することができるのも、Blog の魅力の1つと言えます。今回は JavaScript Include と呼ばれる手法を使って、既存の Blog サイトに負荷をかけることなく、RSS を HTML に埋め込む手法を紹介します。 JavaScript Include 他サイトの RSS を自分の Blog サイトに持ってくるには、通常 Blog ツールに付属するプラグインやサードパーティツール(*1) を利用します。これらのツールは定期的に RSS を GET し、静的に生成される HTML を再構築したり、静的な HTML に書き出して、出力
0. 目次 公式 HP と、外部ブログを組み合わせる事例が多い ユーザが HP を更新したいなら、CMS を利用するのがいい 外部ブログのフィードを取得する方法 Google AJAX API Google AJAX Feed API フィードを取得するためのソースコード 1. 公式 HP と、外部ブログを組み合わせる事例が多い 見かけよりも、サイトの内容が大事 企業サイトを見ていると、公式 HP とは別に、ブログは外部サービスを利用している例を見かける。 「金かけてるのに、自社の紹介とブログが別って、何で?」 CMS を使って、一体感のあるデザインにした方がいいと思うけれど、別々の例をいくつか見ていたら、次第に慣れてきた。 「それでも、まぁいいかぁ~」 という気になる。 Flash を中心に構築しているサイトであれば、ブログを組み込むのは手間がかかるだろう。 Twitter の興隆っぷり
RSS Feed(フィード)をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 リンク先を新窓で展開するスクリプト。 新窓展開は「target=“_blank”して~」などと未だに頻繁にオーダーが入るトリック。Javascript基礎中の基礎。わざわざ取り上げるまでもないくらい簡単なんですが、そういうモノほど、ちょっとした手を加えるのが楽しかったりします。 今回試してみた方法だと、HTMLを一切汚さず(無駄タグ、無駄属性無しで)にポップアップを展開できる。最近はこういうのが好き。 Sample 新窓展開サンプル | 新窓展開サンプル | 新窓展開サンプル HTML <p id="sample"> <a href="about:blank">新窓展
JavaScript Advent Calendar 20105日目のago(@kyo_ago)です。 jQueryのソースを眺めててjQuery.stopに引数があることに気づいたので調べてみました。 まず、簡単なスライドダウンメニューを作ってみたいと思います。 jQuery.stop 1 - jsdo.it - share JavaScript, HTML5 and CSS JS部分は以下の通りです。 $(function () { $('div').hover(function () { $(this).find('ul').slideDown(); }, function () { $(this).find('ul').slideUp(); }); }); 少し触ると分かると思いますが、マウスがmenuから外れた後も何度も.slideDown、.slideUpが実行されるため非常に
来週は私が夏休みなので更新はない予定です。agoです。 最近、人にjQueryを解説する機会があったので、昔を思い出してjQueryを使い始めた頃に感じる疑問を書いてみたいと思います。 1 そもそも何で使うの?いまでも困ってないよ 作成する内容にもよりますが、慣れると使用しない場合に比べて記述するコード量が3分の1程度まで減ります。 また、変数、条件分岐、繰り返しが減るのでバグが発生しにくくなります。 2 何か特殊なことができる? 結局できることは変わりません。 jQuery自体JSで書かれてますし、記述の自由度もJSの制約に制限されます。 3 何が難しいの? 文法がややjQuery的になります。 参考 jQuery言語入門 jQuery自体のコード量は少ないのですが、独特の記述法が多く慣れるまで多少時間がかかるかもしれません。 また、CSS Selectorの知識はほぼ必須です。 特にマ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを5つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
jQueryにはたくさんのプラグインがあるので、気づけばjsフォルダがものすごいファイル数になっていたりします。今回はプラグインを使わなくても簡単に実装できる機能を「26 cool and useful jQuery tips, tricks & solutions」というエントリーから紹介します。 詳しくは以下 1.右クリックを無効にする方法 右クリックを禁止したい場合などに。コンテキストメニューが非表示になります。 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.フォームの初期値を消す方法 検索フィールドなどに。 $(document).ready(function() { $("input.text1").val("Enter your
jQuery でファイルをインクルードする ( jQuery によるモジュール化) 通常のスタティックな Web サイトにおいて、Web ページの中で更新頻度の高いパーツを別ファイルにして、それをインクルードするシーンは多々あるかと思います。 Movable Type でも、モジュールやウィジェットを「インデックステンプレートのコンテキストで全ページに表示させたい」なんてとき、インデックステンプレートに読み込み用のファイルを作って、それを MTInclude で読み込むという手法... 通常のスタティックな Web サイトにおいて、Web ページの中で更新頻度の高いパーツを別ファイルにして、それをインクルードするシーンは多々あるかと思います。 Movable Type でも、モジュールやウィジェットを「インデックステンプレートのコンテキストで全ページに表示させたい」なんてとき、インデックス
iPhone用の開発、社内で格安システム開発方法、効率的にWEBシステムを開発する方法、低価サーバ構築、ウェブプログラムのとき経験したPHPやLinuxに関するソースや資料を今後のために、またみんなのために残しています。Web program by lucenhangul Linux. CentOS. PHP. MySQL. Mobile. iPhone. twitter. GoogleAPI GETだとURLに見えるので、JavaScriptを使ってPOSTでやってみました。 リンクを使わずに自動的にJavascriptからPOSTでパラメータを渡す方法を追加しました。 ・サンプルページ:test.html <script language="javascript"> function doSubmit(){ document.lucenForm.submi
Safari が JavaScript ファイルを動的ロードできない件 Mac OS X の標準ブラウザである Safari だと、createElement で生成した script 要素を appendChild しても、src 属性に指定した JavaScript ファイルが読み込まれない、という現象についてです。って、日本語とは思えない文ですね、これ。 少し前に「最速インターフェース研究会 :: [Ajax] JSAN構想とリモートデータの取得とUserJavaScript」や「川o・-・)<2nd life - bookmarkletの文字数制限を無くす」で話題になっていましたが、JavaScript 上で上記のようにしてやることで外部の JavaScript ファイルを動的にロードできる! ウマー! という話。bookmarklet の外部ソース化ができたり(活用例:川o・-・
AJAXとは 2007年3月4日 Ajaxについては、検索すればいくらでも情報があり、プログラマーではない僕でもなんとなく理解することができます。でもこれを実際に作る事を考えると、プログラミングをしない僕にはどうすればいいかまったく見当もつかず、サーバーサイドのプログラム言語は何を使うの?Javascriptで処理するデータフォーマットはXML?やっぱりセキュリティー上危険が多いの?といった数々の疑問が浮かんでくるかと思います。そうなるとかなりの情報を調べないといけないことに気づかされます。 そこで自分の頭の整理のためにも基本的な AJAXとは何か AJAXのサービスを展開するには何の知識が必要か どういう危険性があるか という観点から整理してみようと思います。 AJAXとは何か DHTMLとAJAX まず最初にAJAXとDHTML(Javascript+HTML+CSSなどクライアントサ
>> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
The Sexy Curls jQuery Plugin! is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. You want a demo page? You're looking at it. Go drag the fold → The source code is available at GitHub. The plugin now works in IE7. You can also now set it to curl automatically. Read the full story about this plugin at Carsonified Installation: First, make sure
アファメーションで独立・起業・夢実現。「いきなり!社長宣言!!」-“夢は口に出すことで実現する!”というアファメーション:ライブラリー 2008年1月29日 IE6以下で透過PNGを利用するためのJSの決定版!? 通常、IE6以下では透過PNGは使えなくて、透明度を設定した部分はグレーで表示されてしまう。 IE独自のフィルターという機能を使えばいいんだけど…意外とめんどくさい。 そこで、透過PNGを使えるようにするために、さまざまなJSのライブラリが開発されている。 iepngfix.js alphafilter.js(要prototype.js) jquery.pngfix.js(要jquery.js) 透過pngをIE6で使う方法いろいろとjQueryプラグイン iepngfix.jsを使う場合、印刷のときに注意が必要。 中でも、いろいろ使い勝手がいいのでユンサンさんの「iepngfi
第7回目はWebページ上の検索する箇所と、Webページの更新日付に関する検索の秘訣です。(特集:顧客満足度ナンバーワンSEの条件) 調べたい箇所を指定する Webページはどのような構成になっているでしょうか。いろいろな分け方があるかと思いますが、Googleでは、タイトル、本文、URL、アンカーテキスト、と分類した上で、それぞれの部分を指定して検索することができます。 「intitle:」コマンド Webページのタイトルに限定して検索します。タイトルとはtitleタグで囲まれた範囲で、ブラウザのウィンドウ最上部に表示される文字列です。 「allintitle:」コマンド 指定されたすべてのキーワードがタイトルに含まれるページを検索します。 「inurl:」コマンド WebページのURL文字列に限定して検索します。 「allinurl:」コマンド 指定されたすべてのキーワードがURL文字列に
スライスチップ(スライスレイヤー)を生成するスクリプト&ツールパネルをつくりました。 先日「ちょっと変わったスライス作成テクニック」でご紹介したテクニックをスクリプト化させ、Adobe Configuratorを使用しツールパレット化したので公開します。CS4専用となります。 【使用方法】 (1) 上のリンクから『スライスチップ生成ツールパレット』ダウンロードする。zipファイルを解凍し、フォルダを[アプリケーション]/[Adobe Photoshop CS4]/[Plug-ins]/[Panels]にまるごと入れる(マックの場合) (2) Photoshop CS4を立ち上げ[ウインドウ]/[エクステンション]メニューから”slice_tip”パネルを読み込む。 (3) 上図のようにパネルが読み込まれます。 (4)パネルから拡大ツールを選択しスライスをきりたいパーツを拡大する。 (4)
Adobe製品を使用して、PDFデータを軽量化する方法です。 画像を多く使用しているPDFデータも、テキストのみのPDFデータでもかなりの軽量化が見込めます。 さらに、ウェブ上のみの利用であれば(高解像度の印刷用でなければ)、さらに最適化を行い、劇的に軽量化が見込めます。 ※PDF制作時に軽量化をしている場合は、それが一番です。 また、一部のフリーのPDFソフトで閲覧できない不具合を解消することもあります。 不具合の原因は分からないですが、なぜか閲覧できるようになります。 PDFデータの軽量化に使用するソフト PDFデータの軽量化の準備 PDFデータの軽量化の作業 PDFデータの軽量化の確認作業 PDFデータの軽量化の設定 PDFデータの軽量化に使用するソフト Adobe Acrobat Adobe Distiller Acrobatに付属しているソフト ここでは、Adobe Acroba
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く