Webアプリケーションを高速化する50のトリック
MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時
フロントエンドの開発効率が3倍に…！？デバッギングプロキシCharlesの使い方 :: 5509
タイトルは釣りかとおもいきや僕は普通にあるのとないのとで3倍くらい差があるので、界王拳アプリのひとつです。特にWebアプリとか大きめの規模のサイト開発でとても役に立ちます。 Charles こんなことができます（目次） いちいちサーバーへファイル転送なんかしてられない Charlesのインストールとライセンス Map Local（指定URLのリクエストをローカルへ向ける Map Remote（指定URLのリクエストを別のURLへ向ける 常にキャッシュをオフに Locations 設定の流れ（ほとんど全部共通） Throttling で回線速度をシミュレート リクエストが丸裸 例えばXMLHTTPRequestの場合 ログの設定はRecording Settingsから 紹介してる以外にも Reverse Proxy を設定できたり、 Break Points で指定リクエストのパラメータを
Chrome+HTML5 Conference「Webアプリの道も一歩から」講演資料を公開します - Hatena Developer Blog
2011年8月21日(日)に開催されたChrome+HTML5 Conferenceにて、id:nagayamaとid:nanto_viが講演を行ったので、その資料を公開します。「Webアプリの道も一歩から 〜はてなブックマークの場合〜」と題し、公式Chromeウェブアプリ はてなブックマークの開発フローや利用技術について解説しました。発表は2部構成で、ディレクターのid:nagayamaがはてなでのChromeウェブアプリの開発フローに関して、エンジニアのid:nanto_viがウェブアプリで活用しているHTML5関連技術に関して述べています。 Webアプリの道も一歩から 〜はてなブックマークの場合〜 View more presentations from nagayama Web アプリの道も一歩から 実装について by nanto_vi スクリプトの設計 表示内容と URL の切り
Ajax虐殺は順調に進行中らしいゾ 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
「ヨーロッパで遂にFirefoxのシェアがIEを超えたのだそうだ」 「へぇ」 「まあ、反アメリカの風潮が強いヨーロッパなら分からないこともない」 「アメリカの経済侵略の象徴的な尖兵だもんね。MSとIEは」 「アメリカに身も心も捧げちゃった日本とは受け止め方が違う」 「それで君の感想は? 最近、稲荷を見ることが多い君はおキツネさまの躍進に満足かい?」 「わははは、とんでもない。これで世界は順調にぐだぐだになっていくぞ」 「どういう意味で?」 「実質的にこれはAjax虐殺に等しい」 「なぜ?」 「いいかい。まず、どんなサイトもテストをしないで動作を保証できない」 「うん」 「標準に即していれば動くはずであるというのは、よくある妄想だ」 「そうなの?」 「嘘だと思うなら標準準拠度100%をうたうソフトを試してみるんだな。運が良ければ問題に突き当たらないで済むかもしれない」 「ははは」 「つまりだ
FoxyProxy Standard :: Add-ons for Firefox
FoxyProxy は URL パターンに基づいた一つ以上のプロキシサーバを渡ってインターネット接続を自動的に切り替える Firefox 拡張機能です。つまり FoxyProxy は Firefox の接続設定ダイアログを手動で編集する一連の過程を自動化します。プロキシサーバの切り替えは URL 読み込みとあなたが定義した切り替え規則を基にして行われます。 アニメーションアイコンがプロキシの利用を表示します。詳細なログはどのプロキシがいつ利用されたかを表示します。QuickAdd は新たな URL パターンのオンザフライ作成を容易にします。FoxyProxy は Portable Firefox と完全互換で、PAC ファイルの対応は Firefox よりも優れており、25 以上の言語に翻訳されています。
Re: 典型的なRails屋はERBを使うことに何の疑問を持っていない - kなんとかの日記
ひがやすを blog - 典型的なRails屋はERBを使うことに何の疑問を持っていない なんか消されてるけど、何で消したんだろう。もったいない。 『典型的なRails屋はERBを使うことに何の疑問も持っていない』というのはほんとその通り。eRuby は大変シンプル(50行もあれば実装可能)なわりにすごく便利だから、ビュー層にeRubyを採用すること自体は悪いことではない。しかし、HTMLテンプレートのデザインが崩れるeRubyは、ビュー層としては最善手ではなくあくまで次善策にしか過ぎない。それなのに、eRubyが最高だという考え方をしている連中がときどきいるので困る。 これの一番の元凶は、Rails作者であるDHHだと思う。彼はどうやらeRubyこそが最高だと思い込んでいるふしがある。eRubyは、テンプレート独自の言語を使っていないという点ではいいんだけど、テンプレートのHTMLデザイ
Firefox Throttle :: Add-ons for Firefox
It works fine for what i needed. I upload videos (i.e. on youtube) and it was very difficult for me to surf other pages while uploading because the uploading rate if at his maximum dramatically reduce the surfing capablity. So i add the upload limit of 50 kb/s (my up bandwith is 60) to that site and i can normally surf on the other windows. 5 stars for me. Rated 5 out of 5 stars by cristiano72 on
2010-06-17 - きしだのはてな Java Cloud Meeting Tokyo 2010の資料
はやぶさもちゃんとカプセル投下できて、そのカプセルも無事回収できてよかったですね。 当日のものに、少し加筆してます。 Web開発の過去・現在・未来View more presentations from nowokay.
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Firefoxで今見ているページを右クリックからIETesterで開く方法 - lucky bag
今見ているページを、右クリックからIETesterでバージョン指定して開けたらなあと思ってTwitterで呟いたら、akzさんに「Launchy」で出来そうって教えて頂いた。 @e_luck URLを外部アプリに渡す拡張だったらLaunchyってのがあったんですけどもう開発止まってるみたいですね https://addons.mozilla.org/ja/firefox/addon/81 @e_luck あとバージョン指定は引数渡してやればいけそうです http://tinyurl.com/cd8a2f それ頂きっす！ということで、Launchyを使って今見ているページをIETesterで任意のIEバージョンを指定して開く方法をメモっとく。 Launchyのインストール Launchyは、リンクなどを任意のアプリケーションを指定して開けるようにする拡張。3年ほど開発止まってるみたいだけど、
デブサミ2009 はてなの開発戦略 - 2nd life (移転しました)
先日のデブサミ2009で発表した、はてなの開発戦略 (すごい名前だ…) のプレゼン資料を公開します。前半は主に git の話で、後半ははてなブックマークリニューアルの、Perl 層の開発をどんな感じで行っていったか、という話です。 デブサミ2009 はてなの開発戦略View more presentations from hotchpotch. はてなの git では、中央のマスタレポジトリサーバがあって、そこから各自 clone / fetch して開発を行ってるので、完全に github のような分散のメリットを生かしているわけではありません。 しかし完全に分散を生かさずとも、git に移行したメリットは十分にあって、資料の中でもふれていますが、やはり一番便利なのが git のブランチ機能です。もうこれ無しでの開発は考えられないなぁ、ぐらいで、さくっとブランチ切って開発、ブランチの切り
Developers Summit 2009 1日目にちょこっとだけ行ってきました - d.hatena.zeg.la
はてな社でのgit導入の話、はてなブックマークの開発背景について聞いて聞いてきました。 testのfixtureをYAMLからDBに切り替えたことでテスト時間が短縮した等おもしろい話がきけました。 はてなの開発環境 ngineerが15->30名に インフラ8名(アプリ22名) 2008年からgitを使っている 背景 Rails本体,プラグインがgitに移行 The world’s leading software development platform · GitHubが出現 感想 きりのいいところで保存できる ブランチの作成が一瞬 数年後には分散VCSが主流に Gitの導入足かせ 操作が難しい 分散の概念の理解 localか別のレポジトリか? GUIクライアントがない デザイナさんとかには酷 はてなのgit導入背景 svnレポジトリが壊れた RAILD1で運用 片方のHDDが壊れる
Webアプリ開発における「内部APIモデル」 - Tous Les Jours 攻防記
前回の話は、一回のエントリーでは書ききれない内容でした。。以下もうすこし詳しく書き直してみます。 Webアプリ開発における「内部APIモデル」とは、ネットワーク越しに外部サイトのWebAPIを呼び出すかのごとく、自サイト内のリソースに対して内部専用のWebAPIでアクセスする仕組みを導入し、分散処理を行うモデルのことです。典型的なWebアプリでは、データベースがここでいうリソースに該当するかと思います。 図にすると以下のようなイメージです。 今回、Lang-8で実際に「内部APIモデル」を導入してみたので、気づきの点などをこのエントリーにまとめてみました。 ※導入のいきさつについては、前回のエントリーで触れています。 「内部APIモデル」を採用するメリット Webアプリ開発において「内部APIモデル」を採用するメリットは２つあります。 （１）言語やフレームワークの選択自由度が上がる 現在運
脱OpenPNE。 - Lang-8でRuby on Railsを採用 - Tous Les Jours 攻防記
Rails導入の背景 永らくOpenPNEベースで開発を続けていたLang-8ですが、以下のような課題を抱え続けていました。 生産性が低い → フレームワークの力を借りて生産性を上げたい ページのAjax化に一苦労 → Ajax対応フレームワークでJS周りの開発効率を上げたい デバッグがやりにくい → テスト駆動開発を低コストで導入したい もうそろそろ、何かフレームワークを導入するべきだろうと。 スケールするの？ フレームワークを選定する上では、DB周りがスケールするかどうかを最重要視しました。 たとえばRailsのO/RマッパであるActiveRecordは単一DBを前提にしており、スケールさせることが難しいらしい、なんて話を聞きます。メインのDBをActiveRecordで構築しなおすのはいやだなー、と。データ移行の手間もあるし。。。SNSにとってボトルネックは常にDBなので、サイトの
はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
JVM Under the Hood : Locking in IBM J9 VM
Welcome to the IBM TechXchange Community Connect and engage to get answers, discuss best practices, and continually learn more about IBM solutions. Become a member Register and get hands-on at a Dev Day event Register to get an exclusive access to the latest IBM tech and the experts who know how to get the most out of it. Register now Registration is Open! IBM TechXchange 2025 Join us October 6-9
CocProxy | CodeRepos::Share – Trac
CocProxy めんどくさいことしない置換プロキシー 使い方 http://svn.coderepos.org/share/lang/ruby/cocproxy/proxy.rb をダウンロード `files' というディレクトリをつくる 置換したいファイルをてきとうにつっこむ ruby proxy.rb ポートとか表示されるのでブラウザの設定を変える デフォルトだと、 #{File.basename(req.path_info)}", #{req.host}#{req.path_info}", #{req.host}/#{File.basename(req.path_info)}", .#{req.path_info}", がスキャンされ、ヒットしたら置換されます。 例えば、http://example.com/test/foo/bar.css にアクセスすると files/bar.c
HttpUnit Home
Automated testing is a great way to ensure that code being maintained works. The Extreme Programming (XP) methodology relies heavily on it, and practitioners have available to them a range of testing frameworks, most of which work by making direct calls to the code being tested. But what if you want to test a web application? Or what if you simply want to use a web-site as part of a distributed ap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
とあるアプリの開発運用(トラブルシュート)
Google Code Archive - Long-term storage for Google Code Project Hosting.