JavaScript で高速なコードを書こうとする際に、はまりがちな罠と、JSX のコンパイラでどのように対処しているのかを紹介
![JSX 速さの秘密 - 高速なJavaScriptを書く方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ade23602408c268a4e931a8c4c4c77774c6ef58/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fjsx20131207progpa-131207003052-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
JavaScript で高速なコードを書こうとする際に、はまりがちな罠と、JSX のコンパイラでどのように対処しているのかを紹介
id:Layzie さんの発表「JavaScript Development Tools – JavaScript開発の効率アップ」がためになったので、プレイリストを作ってみました。(xx:xx) をクリックすると、該当する動画に飛びます。 Layzieさんによる発表への補足記事はこちらです。 (3:40) Chrome Developer Tool (10:07) Charles デバッグ用のプロキシー (14:52) DocHub javascript, css の API 検索 (16:48) JSFIDDLE mobileデバッギングが便利。プライベートリポジトリ可 (18:17) jsPerf 性能評価。URLに /edit を付けると revision 管理できる (20:20) browserling いろんなブラウザでテストできる (23:22) JSHint JavaSc
Zeonjs.com Related Searches: Health Insurance Healthy Weight Loss music videos Work from Home Free Credit Report Parental Control Credit Card Application Related Searches: Health Insurance Healthy Weight Loss music videos Trademark Free Notice Privacy Policy|Do Not Sell or Share My Personal Information
スマートフォンを含む最近のブラウザでは、戻るボタンで前のページに戻った際に、JavaScriptも含めて前回の最後の状態を復元します(Back Forward Cacheと呼ばれます)。これはとても便利なのですが、ページを作成する立場からすれば、余計なお世話であることもあります。 Back Forward Cacheの無効化はとても簡単に実現できます。ページの中にonunloadを書くだけです。 <!DOCTYPE html> <html><head><title>onunload test</title> <script> window.onunload = function() {}; window.onload = function() { var count = 0; var loop = function() { document.getElementById("num").in
画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit... 次の記事 ≫:かなりいい感じのWordPressテーマ20 Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
EclipseはオープンソースによるJavaベースの統合開発環境として知られていますが、そのEclipseで新プロジェクト「Orion」が発表されました。 Orion is not a set of Java plug-ins which run in the existing Java IDE. It is browser-based open tool integration platform which is entirely focused on developing for the web, in the web. Tools are written in JavaScript and run in the browser. Orionは、既存のJava IDEに対応したJavaプラグインのセットではありません。ブラウザベースのオープンなツールの統合プラットフォームであり、Web
node.jsと、socket.ioのインストールメモ。socket.io使った場合の簡単なWebSocketサンプル(チャット)含め備忘録(on centOS5 dti-vps)
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
Developers need control over their own environment! Cloud9 IDE is aiming to be the IDE for Javascript developers. We have all experienced the Eclipse variants and other Java or C++ IDE's for which webdevelopment and javascript was an afterthought. Extending these applications or customizing them to our needs was done in either Java or C++ and generally very difficult. We are developing application
Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/
# 最初にちょっと余談を。Chromium-Extensions-JapanのほうにChrome6 Betaの変更点を書きました。どうぞよろしく。 さて、scriptタグ内をHTMLコメントで括ってからJavaScript書くのって意味あるの? - Togetterの件に関して、関連ネタをいくつか書いておきます。。 まず前提として、scriptタグの中に直にコードを書くというのはできる限り避けたほうが良いです。とはいえ、ちょっとしたコードをいちいち外部ファイルにしていると読み込みのコストも馬鹿にならないので、インラインで書く事もよくあります。なので、以下は主に数行程度のコードをインラインに書く場合の話です。 scriptタグの中に直にコードを書くときはscriptタグに非対応なブラウザのために<!--で始め*1 // -->で閉じるというノウハウは今でも結構使われているみたいです。 しかし
名前やメールアドレス、住所等、大量のダミーデータが作れるJSライブラリ「Faker.js」 2010年05月20日- Marak's Faker.js at master - GitHub 名前やメールアドレス、住所等、大量のダミーデータが作れるJSライブラリ「Faker.js」がGithubにて公開されています。 生成できるデータは英語になりますが、それなりに使えそうです。 ライブラリを読み込んだ後、「Faker.Name.findName();」のようにコードを実行すればダミーの名前が取得出来ます。 メールは「Faker.Internet.email(); 」のように実行すれば生成されます 他にも以下のようなデータが生成出来るみたい。 Faker.Address.zipCode() - zipコード Faker.Address.city() - 都市名 Faker.Address.s
サイトに訪れた人がどんな文章や単語をCtrl+Cや右クリックから選択してコピーしていったのかを調べるスクリプトです。 Webページ上のテキストコピーを監視し, 貼り付けにはリンクバックを付けるTyntが$8Mを調達 : http://jp.techcrunch.com/archives/20100416tynt-gets-8-million-for-ctrl-c-action/ この記事を読んでどんなものをコピーしたのかを解析すれば面白いと思ったので、かなり適当にでっち上げてあります。 言語はJavaScript+PHPで結果をtxtファイルにするという適当な感じです。 copylogger.zip 上のファイルをダウンロードすると copylogger ├──copylogger.js └──dataStorage.php となっているので、二つのファイルを同じ場所において(もしくはフォ
2010年4月8日2010年4月30日 JavaScriptでcookieにデータを書き込む場合は document.cookie = クッキー情報; とすればよい。以下は一例。 nowdate = new Date(); nowdate.setTime( nowdate.getTime() + 1000*60*30); document.cookie = 'cookiename=cookievalue; expires="+nowdate.toGMTString()+";"; これで、30分後が有効期限の 名前:cookiename 値:cookievalue というクッキーが発行される。 expiresを省略したら、ブラウザを閉じたら終了。
2010年3月31日 http://journal.mycom.co.jp/news/2010/03/30/010/ HTML5での話なので、すぐに実現可能なわけではないが (クライアント相手にはまだ使えないだろう)、 自分用の趣味のプログラムや、WEBサービスだがブラウザを指定出来るようなサービスには、 このJavaScriptをバックグラウンドで同時に動かす仕組みは結構使えるかもしれないですね。
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定 2010年03月09日- Detecting ‘Idle’ and ‘Away’ Timeouts in Javascript | BedroomLAN ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定のサンプルコードが紹介されています。 JavaScript のコードで、onIdle、onAway といったイベントハンドラが使えるようになり、それぞれのイベント時に実行したいコードを設定できます。 例えば、ユーザがPCに戻ったときに、おかえり!といった文言を表示することができ、ユーザビリティの向上に役立てられそうです。 具体的なコードは必要なライブラリを読み込んだ後継ぎのように記述します。 setIdleTimeout(2000); // アイドルになるまでを2
Javascriptで(GPS,Wifi)位置情報を検出するには下記のようにします。 ただし、Firefox3、iPhone,iPadのSafariでないと動作しません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>HTML 5 GeoLocation Demo</title> <script type="text/javascript"> if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { s = position.coords.latitude+","+position.coords.longitude; alert(s); }); } else { aler
iPad Detection Using JavaScript or PHP JavaSciprt/PHPによるiPad検出コード例と.htaccessによるリダイレクト例が公開されています。 コードに関しては、iPadがUserAgentに含まれているのを見ているだけですが、ノンプログラマな方は参考にされてみてください。 .htaccess でいうと次のようにコードを記述すれば、iPad の場合に ipad.yourdomain.com に リダイレクトさせることが可能です。 RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$ RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301] iPadサイトを別ドメインのサイトに設置した場合に、リダイレクトする際に使えそうですね。 関連エントリ iPad用のサイト作
1つ前の記事「JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み」では、IE9とFirefoxにおけるJavaScriptの高速化について紹介しましたが、そもそもJavaScriptの実行速度はなぜ遅いのでしょう? その理由について、Mozilla Japanテクニカルマーケティング担当の浅井智也氏が、スライド「Trace Monkey」でポイントをまとめています(このスライドはタイトルから分かるとおり、Firefoxの当時の新しいJavaScriptエンジン「Trace Monkey」を紹介するために1年以上前に作成されたスライドですが、1つ前の記事を見ると、ここで示された課題はいまも変わっていないようです)。 全67枚のスライドの20枚目から24枚目の5枚を以下に紹介します。 JavaScriptが遅い原因は、以下の4点にまとめられています。 インタープリタ型言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く