JavaScript/CSS圧縮処理を80秒から6秒まで短縮したテクニック - Mozilla | エンタープライズ | マイコミジャーナル
The Mozilla Foundation Mozilla WebDevブログに「From 80 Seconds to 6: Optimizing Our Asset Compression」として、JavaScript・CSS・画像の連結およびミニファイ処理にかかる時間を、80秒～160秒レベルから6秒まで短縮させたときのテクニックが掲載されている。実用的な資料として参考になる。 現在、「Add-ons for Firefox」はCDNを活用してリソースを提供しているが、こうなる前はキャッシュ効果を最大限に発揮させるためにJavaScript・CSS・画像をファイルへ連結してミニファイ処理を実施して使っていたという。このリソースの生成には80秒から160秒かかっていたが、処理を工夫することで最終的に6秒にまで短縮を実現したと説明がある。 ここで紹介されている高速化テクニックをまとめると
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
mailto で本文をエンコードしたまま表示する方法 | Sun Limited Mt.
mailto:hoge@example.com?body=本文 とすると、本文をデフォルトで表示させることができます。 この本文に日本語などをエンコードしたまま渡したい場合があります。普通に body の値にエンコードした文字列を指定すると mailto をクリックしたときにブラウザが勝手にデコードしてしまいます。エンコードしたまま本文の値を渡したい場合は二重にデコードすれば、エンコードした文字列のままメーラーの本文に文字列が表示されます。 これはどういう場合に必要かというと本文に 日本語を含む URL を指定したい場合に必要になります。 例えば、 http://www.google.co.jp/search?q=日本語 という文字列を本文に入れたい場合などです。「日本語」の部分を2回エンコードすることにより http://www.google.co.jp/search?q=%E6%97%
jmblog.jp - preventDefault() と stopPropagation()
先日公開した「投稿スラッグ（Post slug）が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。（間違いがあれば是非ご指摘ください！） やりたかったこと WordPressの投稿画面で「公開（Publish）」ボタンをクリックしたときに、「投稿スラッグ（Post slug）」のテキストボックスに値が入っていなければ、確認ダイアログを出す。そこで「キャンセル」ボタンが押されたら、フォームの submit を中止する。 最初に思いついた方法 まず頭に浮かんだのは、submit ボタンに対して HTML でイベントハンドラを記述するという、とても古典的な方法でした。
これは凶悪だっっっ! JavaScriptの"for～in"構文の罠 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
JavaScriptには、コレクションを列挙する"for～in"構文があります。 これはC#のforeachや、Visual BasicのFor Eachに相当する素敵でラクチンな機能か……と思いきや。検索してみると、使用している事例を全く見かけません。 その理由(?)らしきものを調べたので、まとめておきます。 class Class1 { [STAThread] static void Main(string[] args) { string srcDoc = "<html><p>line1</p><p>line2</p><p>line3</p></html>"; XmlDocument doc = new XmlDocument(); doc.LoadXml( srcDoc ); XmlNodeList pCollection = doc.GetElementsByTagName("p
Karafuto Blog - テキストボックスにフォーカスを移す
JavaScriptでテキストボックスにフォーカスを移す時のメモ。 ウェブページの最初のテキストボックスにフォーカスを移す。テキストボックスには文字列が入力されているとする。 // テキストボックスを取得 var input = document.getElementsByTagName('input'); for (var i = 0; i < input.length; i ++){ if (input[i].type == 'text') break; } var textbox = input[i]; // テキストボックスにフォーカス textbox.focus(); カーソル位置は移動しない。 テキストボックスの文字列を選択して、フォーカスを移す // テキストボックスを取得 var input = document.getElementsByTagName('input');
javascriptのforを高速化する - 計算機と戯れる日々
おしえてもらったネタだがメモっておく。 javascriptのfor文を高速化する 配列の要素をインクリメントする際にこっちより、 for (var i in array) { array[i]++; }以下の方が速いとのこと。 var i; if (array && (i = array.length)) for (; i--; ) { array[i]++; } 実際にJavascriptShellで計測してみた。 $ time js -e 'a=[];for(i=1;i<1000000;++i){a.push(i);};for(var i in a){a[i]++;};for(var i in a){a[i]++;};for(var i in a){a[i]++;};for(var i in a){a[i]++;};for(var i in a){a[i]++;};for(var i
javascript - 特定のDOMをソース表示する : 404 Blog Not Found
2008年07月13日16:00 カテゴリTipsLightweight Languages javascript - 特定のDOMをソース表示する すでにいくつかのentriesで使っているのですが、かなり便利なので改めて紹介。 表示元 表示したいHTMLを適当にdivタグで囲ってidを振っておく。ここではhtml2show 表示先として空のpreを作っておき、そこにもidを振っておく。ここではhtmlsrc 以下のようなscriptを、preタグの直下に転がしとく (function(src, dst){ dst.appendChild(document.createTextNode(src.innerHTML)) })( document.getElementById('html2show'), document.getElementById('htmlsrc') ); もちろん以下
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
