ユーザーがページをロード開始してから閲覧できるようになるまでのロード時間はユーザーが自分のページを快適に閲覧できているかどうかを示す重要なファクターです。Google Analyticsのイベントという機能を使用することで、ユーザーの実際の体感速度を可視化することができます。 たとえば、このブログのある期間における体感速度のグラフはGoogle Analytics上で以下のように出ています。 44.84%のユーザーは100〜499msでロードできており、1秒未満でロード完了しているユーザーは合わせて73.49%であるとわかります。また、3秒以上かかっているユーザーも7.42%居ることも分かります。3秒以上ロードにかかるようだと離脱率も高くなるので、7.42%のユーザーに対して何かの施策が必要であるということも分かります。 このように、ユーザーが実際感じている体感速度を可視化することで、この

週末なのに仕事してます。まぁそんなの自慢にもならないのですが、やっぱり「本当は休めた時間なのに働いている」と思うと、どうしても気分が乗らないもの。というわけで、「モチベーションを上げる10のステップ」というものを試してみることに： ■ 10-Step Motivation Worksheet (Real Simple) つい先日も取り上げた"Real Simple"のサイトから。印刷してすぐに使える「モチベーション・ワークシート」が載っているのですが、その内容はこちら： ゴールを決める タスクを楽しくする（ジョギングなら新しいスニーカーを用意する、友人と一緒に走るなど） 感情に訴える（タバコをやめないと健康を失うのだぞ！と考える、など） ゴール達成までに予想される障害と、その解決策を考える ゴール達成までのステップをブレークダウンする 手助けしてくれる人を考える ゴールを達成した時の姿を思

コメント・トラックバックについて 不適切と思われるコメント、本企画の趣旨にそぐわないコメントは掲載されない場合もあります。営業・勧誘目的と思われるコメントに関しても同様と致しますので、あらかじめご了承ください。 記事と無関係な内容のトラックバック、商用あるいはサイト誘導目的のトラックバックについては、当サイト運営者の判断で削除する場合もあることをご了承ください。 コメント投稿時にメールアドレスを公開すると、不特定多数からメールを受ける可能性があります。フリーメールを使用するなどしてご注意ください。 Co LtdとIncの意味の違い 社名の英語表記に入っている Co. Ltd.や Inc. について、ときおり、どう違うのだという質問を受けますので、きょうはその話をさせていただきます。 両方とも、会社が破綻しても、構成員（法律上は「社員」と呼ばれる出資者や株主のこと）は出資額をあきらめれば済み

画面サイズとはテレビ画面がどれだけのピクセルで構成されているかを表すサイズです。 これまでは単純に640×480だと覚えればよかったのですが、 デジタルの規格の登場で、さまざまな画面サイズを使用することになってきました。 私が通常、作業で使用する主な画面サイズは以下の4つです。 640×480 正方形ピクセル ＜ピクセル縦横比1.0＞ 基本となるNTSC画面サイズ 4：3の比率が画面上で保たれるため、 レイアウトが把握しやすくデザイン作業時に使用される

id:brazil さんのブックマークで知ったのだが、 Firebugには、便利な組み込み関数が定義されているようだ。 一通りさわってみたのだが、 $x() で 任意のXPath要素が取得できるのとかに感動した。 そして、やっぱりちゃんとドキュメント読むべきだなぁと思った。 XPathから要素を取得する。 $x("/html/body/h1"); -> 要素の配列が返ってくる。 selector名から要素を取得する。(getElementsByTagName) $$("h1") -> 要素の配列 所要時間測定 console#time, console#timeEnd time ~ timeEnd で囲んだ部分の所要時間を 計測することが出来るみたいで、 以下のような関数にまとめると良さそうだ。 function bench( callback ) { var uniq_id = Date

Firefoxで使える検索プラグインを自作 前回の記事で、All About内の記事を直接検索できる、Firefox用All About検索プラグインをご紹介しました。 今回は、自分でFirefox用の検索プラグインを作る方法をご紹介致します。 Firefoxの検索プラグインの実体は、ただのテキストファイルです。 ですから、「メモ帳」などのテキストエディタがあれば、誰でも作成可能です。 Yahoo!ブログ検索用のプラグインを作ってみる 試しに、Yahoo!ブログ検索専用のプラグインを作ってみましょう。 必要最低限のソースは、次の通りです。 たったこれだけの記述で、Firefox用の検索プラグインができあがります。 <search name="Yahoo!ブログ検索" description="Yahoo!ブログ検索でブログを検索" method="get"

SafariでXMLHttpRequestの時にキャッシュから読んでしまう件 Safari(1.3)でXMLHttpRequestによって何かしらにリクエストを送ったときに、サーバへリクエストせずにCacheから読んできてしまう事がある。かなり困りもの。 http://www.bitterpill.org/logid/1117777362000 で解決方法らしきものを見つけた。 xmlReq.setRequestHeader('If-Modified-Since', 'Wed, 15 Nov 1995 00:00:00 GMT'); をいれると良いらしい。 prototype.jsで使う場合は、 new Ajax.Request("/example",{ method:'get', requestHeaders: ['If-Modified-Since','Wed, 15 Nov 1995

このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );

このページは毎日コミュニケーションズから発売中の書籍「Ajax逆引きクイックリファレンス」のサンプルを掲載しています。 この書籍の元になっているサイト（Ajaxを勉強しよう）も参照してみてください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 第一章　Ajaxとは Ajaxとは DHTMLとFlash Ajaxに必要な知識と技術 Ajaxの弱点／難点 通信上の制約 XMLの処理 スタイルシートの注意点 第二章　非同期通信処理 サーバーと通信を行う サーバーからテキストデータを読み込む サーバーからXMLデータを読み込む サーバーにgetメソッドでデータを送信する サーバーにpostメソッドでデータを送信する 読み込みを中断する タイムアウト処理を行う サーバーからの応答を調べる ファイルが読み込めない、存在しない場合の処理を

↓各項目のカチンコをクリックしてください♪ 専門用語などは、その時代や撮影所、○○組などでも、変化があったりしますので 必ず記載された言葉でどこの撮影所でも使っているとは限りません。 今現在も技術の進化と共に、変化しつずけています。

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

ゼロからはじめる3D CG道場　INDEX ゼロからはじめる3D CG道場 最終回：レンダリングしてキャラクターアニメーションムービーの完成!! （01/06/29） 第11回：怒涛のアニメーション編　その参　キャラクターに演技をさせよう!! （01/06/22） 第10回：怒涛のアニメーション編　その弐　キャラクターを歩かせる!! （01/06/15） 第9回：怒涛のアニメーション編　その壱　キーフレームアニメーションを知れ！ （01/06/08） 第8回：オブジェクトに彩りを加え、初レンダリングに挑戦！ （01/05/25） 第7回：左右対称なオブジェクトを作る大技“鏡面コピー” （01/05/18） 第6回：「Blender」でモデリング！（その参）　顔のディテールを作る （01/05/11） 第5回：「Blender」でモデリング！（その弐）　オブジェクトの輪郭作り （01/04/