ウェブパフォーマンスの基礎とこれからウェブパフォーマンスの基礎と今後の動向について、Web標準周りを中心に解説しています。GREEのMini Tech Talkで発表時の資料です。Read less
スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ
ユーザファースト推進部の丸山(@h13i32maru)です。 先日「撮るレシピ」というサービスを cookpad.com にて公開しました。「撮るレシピ」というサービスは料理本や雑誌のレシピを写真に撮ってクックパッド上に保存できるというものです。料理本や雑誌でレシピを良く見る方はぜひ使ってみてください(Androidアプリ版もあります)。 この「撮るレシピ」は全体公開前に一部のユーザに限定公開をしていました。そして全体公開をするにあたりフロント側のコードを全面的に書き換え高速化を行いました。その結果、最大で30倍高速化することができユーザの使い勝手が向上しました。以下が「書き換え前」と「書き換え後」の計測結果です(Android端末8機種 + iOS3機種で各操作のターンアラウンド時間*1を計測)。 閲覧系 最大: 30倍高速化(4.2秒→0.14秒) 平均: 15.7倍高速化(3.6秒→
ニコニコ大百科のアーキテクチャ - グニャラくんのグニャグニャ備忘録@はてな
Twitter mongrelP: @tasukuchan グニャラくーん、ニコ百の鯖がEeePCという話が持ち上がってますがただの監視用ですよね（しんぱいそうなめでみている） http://twitter.com/mongrelP/status/1524183917 ニコニコ大百科のアーキテクチャについてメモしておきます。 本当は、このネタでRuby Kaigiに申し込もうと思ったけど、すっかり忘れていたのでエントリを起こしておきます。Rubyあんま関係なかったし。 全てのリクエストを受付、セッション情報も保持するEeePC 次世代サーバプラットフォーム EeePC ニコニコ大百科宛ての全てのリクエストは、全てEeePCに送られます。 実物の写真を載せておきます。 EeePCは2台稼動しており、１台はホットスタンバイです。 EeePCは、SSDとUPSを備えた次世代サーバプラットフォーム
[Think IT] 第1回：JSONってなにもの？ (1/3)
JSONとは何か? JSONとはJavaScript Object Notationの略で、XMLなどと同様のテキストベースのデータフォーマットです。 その名前の由来の通りJSONはJavaScriptのオブジェクト表記構文のサブセットとなっており、XMLと比べると簡潔に構造化されたデータを記述することができるため、記述が容易で人間が理解しやすいデータフォーマットと言えます。 なお、JSONは2006年に「RFC 4627（http://www.rfc-editor.org/rfc/rfc4627.txt）」として公開されています。 例としてXMLとJSONで同じデータを記述したものをリスト1とリスト2に示します（図1）。 リスト1のXMLではすべての情報をタグで囲んだテキストノードとして記述していますが、XMLでデータを表現する場合、データの記述方法として属性とテキストノードの使い分けが
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
使って分かったAndroidとiPhoneの違い - ＠IT
5月末から6月にかけて、米国出張で2週間ほどAndroid端末を使う機会があった。使ってみると、同世代のスマートフォンとして競争相手であるiPhoneとの違いにいくつか気付いた。ここでは、私が気付いた両者の違いをざっくり主観を交えてまとめてみたい。 Android端末とiPhoneは、ケータイ、あるいはスマートフォンという文脈で考えれば、違いより、むしろ似ているところのほうが多い。両者とも、主にPC向けとして進化したモダンなOSとWebブラウザを搭載していて、タッチパネルを生かしたUIも同様だ。アプリケーションプラットフォームが開放されており、個人でもアプリ開発が可能という点も同じだ。Windows MobileやSymbian OSでも個人開発者によるアプリ開発は不可能ではなかったが、SDKの入手のしやすさや取っつきやすさ、ポータル的なマーケットの有無など違いは大きかった。iPhone向
無題のドキュメント こ の A A の 可 愛 さ は 異 常 その１
1 ：以下、名無しにかわりましてVIPがお送りします[]：2009/06/19(金) 05:58:27.29 ID:5NfPjw8p0 /ﾞﾐヽ､,,___,,／ﾞヽ i ノ 川 ｀ヽ' / ｀ ・ ． ・ i､ 彡, ミ(_,人_)彡ミ ∩, / ヽ､, ノ 丶ニ| '"''''''''"´ ﾉ ∪⌒∪"￣￣∪ 2 ：以下、名無しにかわりましてVIPがお送りします[]：2009/06/19(金) 05:59:00.47 ID:OZZ+Jckm0 ずーり ∧＿∧ ずーり / ・ω･） ...../＿＿__ﾉ 4 ：以下、名無しにかわりましてVIPがお送りします[]：2009/06/19(金) 05:59:46.50 ID:Y1r5d
ブログやメールの文章力をアップ！ 執筆に役立つページ3つ - はてなブックマークニュース
ブログやメールなどで文章を書く機会が増えている昨今、「もっと上手な文章を書きたい！」と願う人が多くいるようです。そこで、はてなブックマークで話題になった文章術に関する記事を「執筆」「推敲」「校正」に分けてご紹介します。 1.執筆 How to write Japanese precisely この記事では、「伝えたいこと」があることを「文章を書くための最低条件」とし、文章にとって最も大切なことは「正確さ」であると書かれています。そして、「1.伝えたいこと／あふれる思い」「2.正確さ／曖昧さの排除」「3.豊かさ／軽やかさ」「4.バランス感覚／素直さ」「5.内容の構成」「6.思いきり／吟味する」が順に解説されます。技術者の方によって書かれているためか、非常に論理的に解説されていて、分かりやすくまとまっています。 2.推敲 あなたの文章を（ほんの少し）綺麗に見せる九つのテクニック。 - Some
ASCII.jp：Twitter＆ニコ動のファンは注目！ 1日限定 アキバに「ニコニコカフェ」を作ってみた
秋葉原の中心から少し離れた末広町近く、裏通りにあるレンタルカフェに、本日1日（5月1日）だけ「ニコニコカフェ」というカフェがオープンするという（関連リンク）。 「ニコニコ」という名前から想像したのは、ご存じ国内大手の動画共有サイト「ニコニコ動画」（ニコ動）だ。何かニコ動がまた新しい仕掛けを始めたのか？と現地に直行してみると……。実はTwitterのユーザー「なかめ・ぐろ」さん（TwitterのIDは「nakameP」）が主体で始めたユーザーイベントだという。 「ニコニコ」なのにTwitterとは？ ネットでユーザーが「歌ってみた」「踊ってみた」というのはよく見かけるけど、「カフェを作ってみた」というのは前代未聞。なぜ「カフェ」をオープンする必要があったのか？ 厨房にこもって料理を作り続けている「なかめ・ぐろ」さんを無理矢理捕まえて、謎に包まれたこのイベントの真意を聞いてみた。 ニコニコカフ
Ripplex トップページ｜無料アドレス帳ソフト「Ripplex」
無料ソフト「Ripplex」アドレス帳のダウンロードサイト あなたの複数のパソコン間で自動的に情報が同期。さらに友達のアドレス帳と自動連携して、情報管理を簡単に！
Perlでアニメ顔を検出＆解析するImager::AnimeFace - デー
というのを作ったので自己紹介します。 2月頃から、コンピュータでアニメ顔を検出&解析する方法をいろいろ試しつつ作っていて、その成果のひとつとして、無理やり出力したライブラリです。 はじめに はじめにざっとライブラリの紹介を書いて、あとのほうでは詳細な処理の話を僕の考えを超交えつつグダグだと書きたいと思います。 Imager::AnimeFaceでできること Imager::AnimeFaceは、画像に含まれるアニメキャラクター的な人物の顔の位置を検出し、さらに目や口など顔を構成する部品位置や大きさの推定、肌や髪の色の抽出を簡単に行うことができるライブラリです。 これらが可能になると、 画像から自動でいい感じのサムネイルを作成できる 動画から自動でいい感じのサムネイルを作成できる 自動的にぐぬぬ画像が作れる 自動的に全員の顔を○○にできる 顔ベースのローカル画像検索 など、最新鋭のソリューシ
清水理史の「イニシャルＢ」第335回：NASより便利!? 全部入りのハイパワー無線LANルータ バッファロー「WZR-HP-G300NH」
第335回：NASより便利!? 全部入りのハイパワー無線LANルータ バッファロー「WZR-HP-G300NH」 バッファローから、高機能、かつ高性能な無線LANルータ「WZR-HP-G300NH」が登場した。無線LANルータとしてはもちろんのこと、NASやメディアサーバー、そしてリモートアクセスサーバーとしても使える、まさに最強と言っても良い1台だ。発売前の試作機を利用して、その実力を検証した。 ■ 触って“ワクワク”できる意欲的な1台 PC系周辺機器の中では、久しぶりに触って“ワクワク”できる製品の登場だ。圧巻のスピード、これでもかと言わんばかりに詰め込まれた機能を持つ「WZR-HP-G300NH」は、これまでの無線LANルータの集大成と言っても過言ではない製品だ。 「WZR-HP-G300NH」は、IEEE 802.11n ドラフト2.0およびIEEE 802.11b/gに準拠した無
【CGI・Perl】Net::Twitter 一覧
CGI・Perl例文集 CGI(Perl)のサンプルプログラムをコピー＆ペーストで使える便利集！ Twitterで友達のステータスをまとめて取得する Twitterの公式APIを利用して、Perlから友達のステータスを過去分などまとめて取得することが可能だ。Net::Twitterモジュールを用いる。 Twitterの友達情報(friends)を取得する Twitterの公式APIを利用し、Perlから友達(friends)の情報を取得することが可能だ。Net::Twitterモジュールを使用すれば良い。 Twitterのステータスを更新する Twitterの公式APIを利用して、Perlからステータスを更新することが可能だ。Net::Twitterモジュールを使えばいとも簡単に実現できる。
謎の実行ファイル「Pifts.exe」をめぐって、ノートンインターネットセキュリティの公式掲示板が大荒れに
日本時間の2009年3月10日午前9時頃から、世界中のノートンインターネットセキュリティを使っている人の間で次々と「PIFTS.exeという見慣れないファイルが通信しようとしている」というような意味の警告（PIFTS.exeがDNSサーバーに接続しようとしています、など）がモニターに突如として出現、一体何のことか検索しても最初はまるでひっかからないのでわからず、海外ではノートンの公式掲示板（いわゆるフォーラム）にて「Pifts.exeって何ですか？」という質問のスレッドを立てるも、なぜか削除。引き続き質問のスレッドを次々と立てるも次々と削除されまくり、「ノートンは真実を隠そうとしている！」「一体このファイルは何だ！」ということで掲示板が荒れに荒れまくり、めちゃくちゃになってしまっています。 詳細は以下から。 今回の件についておそらく最も早い段階で報告が上がったのはTwitterにおけるこの
｢どこでもWi-Fi｣と｢Eye-Fi｣の相性の良さは異常
名前が似ているのは、ダテではないようですよ！ 発売延期のお知らせが発表され、待ち遠しさが増してしまったWILLCOMの｢どこでもWi-Fi｣。先日、WILLCOMさんからその実機をレンタルすることができました。 実機を借りに虎ノ門へ向かう道すがら、まず思いついたのは、｢Eye-Fi｣とセットで使ったら、撮影したその場でflickrにアップできるんではないだろうか？ ということでした。折良く｢Eye-fi｣をアイファイジャパンさん貸していただけたので、Kodakのデジカメと｢Eye-Fi｣と｢どこでもWi-Fi｣を組み合わせるチャレンジを試みました。 決して｢名前が似てるから、タイトルの語呂があうんじゃね？｣と思ったわけではありませんよ…多分っ……！ 以下にて、｢どこでもWi-Fi｣と｢Eye-Fi｣の設定を、写真ギャラリーでご紹介します。写真は多いけどやたらと簡単でした。 ※写真をクリック
Social IME ～みんなで育てる日本語入力～
Xoi Lac TV – Xem Bóng Đá Trực Tiếp Hôm Nay – Xoilac TV Trực Tuyến Xoilac TV là kênh phát sóng trực tiếp các trận đấu thể thao lớn trên thế giới hoàn toàn miễn phí. Đến với Xoilac, khán giả được thỏa sức lựa chọn và theo dõi những trận đấu mà bản thân yêu thích. Ngoài ra, Xôi Lạc TV cũng cung cấp những thông tin hữu ích liên quan đến trận đấu để các bet thủ có thể dễ dàng đưa ra những nhận định chí
SuperManiax : WOL（Wake on LAN）を導入する
2008年06月07日15:43 カテゴリ WOL（Wake on LAN）を導入する 先週、大阪に行って宿泊先にラップトップを持っていたが、自宅のPCに保存してある ファイルをコピーしてくるのを忘れた。リモートデスクトップは以前から使っていたが、 WOLでインターネット越しに自宅PCの電源を入れる設定をしていなかった。 忘れぬうちに設定をしておこうと思い… 設定方法 【サーバー側】→電源投入をされる側 1.BIOSの設定 BIOSでWOLを受け入れるようにする。 マザーボードがASUS P5K-Vの場合は、[Power On By PCIE Devices]を[Enabled]に変更すればOK。 2.NIC（Network Interface Card）の設定 NICのドライバの設定もする。 デバイスマネージャ→[ネットワークアダプタ]を開き、NICをダブルクリック。 ASUS P5K-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
各社Android機の世界的大洪水始まる: 全機種の仕様を表にまとめました
[プログラミング]北海道開発オフでTwitter botを作ったよ![[プログラミング]北海道開発オフでTwitter botを作ったよ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4662ed15b12b193e1ba55dbdb14dcdd13fc45a23/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-12.fc2.com%2Fi%2Fy%2Fo%2Fiyouneta%2FCA310067-2s.jpg)
一定規模以上のWebサイトを運営しているエンジニアの方、業務時間外の障害対応ってどういう風にやっていますか？ - 人力検索はてな