ページ表示2秒でユーザーはイライラし始め、3分の1が「もういいや」となる | 初代編集長ブログ―安田英久
また、ページの描画にかかる時間が3秒を超えると、40％の消費者がそれ以上待つのをあきらめてしまうとのこと（ただし、こちらも実際のデータでは、最も多かったのは「4秒超」の60%）。 では、ページの表示時間を特に気にするのはどんな層の人でしょうか。 調査によると、よくオンラインで購買活動を行う人ほど気にするようです。 そのネットショップへの愛着に影響する要素としてページの表示時間を挙げた人の割合は、オンラインで購買をする全体では52％ですが、年間1500ドル（約14万円）以上をオンラインで使う人では61%でした。つまり、よくネットで買い物をする人ほど、ページ表示の時間を気にするのですね。 次に、売上とページ表示速度の関係を。 ネットショップの表示が遅いからという理由で買うのをあきらめたことがある人は全体の1/3にも上りました。 ネットショップに対して不満を感じている人の23%は、不満の理由とし
web制作者のための2009年話題になったサービスいろいろ
ちょいと古めのうっとりくるサービスやエントリーを持ってきました。 なんて事はない。私がお勧めする2009年度に話題になったwebサービスや、ジェネレータを中心に、厳選してお届けいたします。 Twtiiter関連多し Twitterプロフィール検索 その名のとおりついったーのプロフィールを検索する検索エンジン。同じような趣味を持っている人を探すときなどに使われる。 ついったーの友人関係を可視化するwebサービス 友人関係というか会話関係があられもない姿で現れる恐ろしいサービス。 TweetLevel ついったーの影響力を測定するサービス。 影響力というか戦闘力。やってる事は単純なサービスなんだけど、こうやってしっかりデザイン組んで作り上げるところが本当に参考になった。どんなサービスであれ、愛情は見習わなければならない。 Twib - Twitter ホットエントリー Twitterでのホッテ
URLとURIの違いとは？ パーツの構造・名称・意味も大解説！ | 初代編集長ブログ―安田英久
URL（Uniform Resource Locator）とURI（Uniform Resource Identifier）の構造の違いはご存知ですか？ Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:（スキーム）」「#（フラグメント）」「?（クエリ）」「パス（path）」などの名称・意味についても解説します。 今日は、ノウハウというよりは、豆知識を。「URL」という呼び方と「URI」という呼び方がありますが、どう違うのか、あなたはご存じですか？ Webページのアドレスを指す場合は、どちらを使うべきなのでしょうか。 URLとURIは何が違うのか結論から言うと、URIとURLは同じものではありません。「URI」のほうが広い概念で、「URL」はURIの部分集合です。同様の仕組みに「URN」というものがあります。 その3つを別のものにたとえてわかりや
直帰率47.5% 入口は20ページが8割。アクセス解析とサイト改善の「WEB改善ソリューションフェア」レポート | 初代編集長ブログ―安田英久
セッションごと有料のセミナーにもかかわらず、満席で申し込みは締め切られるほどの人気だったこのイベント、会場では次の5つのセッションが行われた。 アクセス解析市場の最新動向サイト改善レポート実践活用術Google Analytics 活用術 実践編広告効果測定市場の最新動向ECサイトのための広告効果の改善ワークショップそれぞれについて、レポートしていこう。 アクセス解析市場の最新動向 ～「ツールを覚える」時代が終わろうとしている1セッション目はアクセス解析市場の最新動向を解説し、石井氏のノウハウを伝える内容。 石井氏によると、アクセス解析で問題だったことの1つは、自社のデータを見られるけれども、他社との比較ができないこと。社内でアクセス解析レポートを提出しても、経営陣に「これは多いのか少ないのか」と聞かれて返答できない状況だったという。石井氏が長らく提供してきているアクセス解析サービス「サイ
ブログを成功させる攻略まとめ2009
ネタ帳開始からこれまで書いたブログ運営術まとめ 2007年1月からスタートしたこのブログも早いもので2年9ヶ月という月日が流れました。 途中入院したり炎上したり友達が出来たり嫌われたりもしましたが、ブログは楽しいなぁと感じながらここまでやってきました。 これから続きを読むをクリックすると、延々と過去の「ブログに関するエントリー」が書き綴られていきます。 今回は今月、ようやくはてなブックマークが10万件を超えて、かねてから私がこのブログを始めようと思ったきっかけである、POP*POP（もうだいぶ前から更新停止）を超え、その嬉しさからついうっかり私のブログに関する様々なエントリーをまとめました。 ネタ帳について ネタ帳が当初から掲げているブログコンセプトは以下。 売れない、人が来ないホームページにならない為の インターネットの知識とブログネタ 幅広い範囲のようで、ネタ集めとなれば結構狭いと実感
Webディレクター視点で見たオープンソースCMS利用の注意点 | Web担当者Forum
Webサイト制作の現場でオープンソースCMSを導入するケースが増えてきています。オープンソースCMSには、商用CMS製品にはないメリットがある反面、注意しなければならない点もあります。CMSを導入するディレクター視点で、オープンソースCMS利用のポイントをお伝えします。 導入企業から見たオープンソースCMSとはCMSを必要とする案件では、普段商用CMSを使うことが多いのですが、最近になってクライアントからの要望でオープンソースCMSを利用するケースも出てきました。 では、どういうケースでクライアントからオープンソースCMSの要望が出るのでしょうか。よくあるのは次のような要望です。 開発費用を抑えたい（低コストでログイン機能やフォーラム機能などを実装したい）ライセンス費用を抑えたい多言語環境で利用したい自社で今後カスタマイズしていきたいなかでも、費用を抑えたいという要望が最も多いのですが、費
小粋空間: CSS の after 擬似要素で回り込みを解除する
float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します（通常の解除方法も併せて掲載しています）。 １．「回り込み」とは 例えば、画像の左（または右）にテキストを表示することを「（テキストの）回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト～（略）～回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト （X）HTMLでこのような表示を行う場合、先に出現する要素（ここでは img 要素）に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
今から３分で jmeter の使い方を身に付ける （負荷テスト入門） - 主に言語とシステム開発に関して
Apache jmeterは，Webアプリのパフォーマンス計測のための無料ツール。 このツールの初歩を，今から３分で習得するための記事。 本当に３分きっかりなので集中して頂きたい。 (1) DL (2) サーバ (3) ページ (4) jmeter起動 (5) テスト計画作成 (6) jmeter実行 (7) 結果 目標 解説 Tips 1 ：外部パラメータの読み込み Tips 2 ：プロキシ機能を使ってテストケースを自動生成 ※↑自作の もくじジェネレータ で自動生成 (1) DL jmeterをダウンロードする。 JMeter Downloads http://jmeter.apache.org/download_jmeter.cgi http://jakarta.apache.org/site/downloads/downloads_jmeter.cgi 最新版 Binary の z
携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
携帯サイトの作り方 第1回 作成方法の基礎携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 (注) 本記事の解説は、ガラケーサイトの作成方法です。 本記事は、ガラケー(フィーチャーフォン)端末向けのウェブサイトを作成する方法の解説です。スマートフォン端末向けのウェブサイトの作成方法ではありませんのでご注意下さい。スマートフォン向けモバイルサイトの作成方法に関しては、下記の記事などをご参照下さい。 スマートフォン対応サイトを作る際の注意点 レスポンシブ・ウェブデザインの簡単な作り方 レスポンシブCSSで使うブレイクポイントの決め方 モバイルファーストでデザインする際のCSSの書き方 ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選
![携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン - livedoor ディレクター Blog(ブログ)
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G（FOMA・WIN・3GC）端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末（FOMA・WIN・3GC）がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末（PDC・P型・C型など）を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運
ウェブページのパフォーマンスを評価して、改善点を指摘してくれる -Page Speed
ウェブページのパフォーマンスを評価して、改善点を指摘してくれるFirefox/Firebugのアドオン「Page Speed」を紹介します。 Introducing Page Speed Page Speedを利用するにはFirefox/Firebugが必要で、下記ページからダウンロードできます。 Page Speed 使用方法は簡単で、「Page Speed」のタブをクリックし、「Analyze Performance」をクリックするだけで、表示されているページのパフォーマンスの評価が始まります。
mod_rewrite
mod_rewriteとは Apacheのモジュールのひとつで、アクセスURLを正規表現で書き換えることができます。リダイレクト処理を行うのに便利なモジュールです。 モジュールの解説ドキュメントによれば URLを操作するためのスイス製のアーミーナイフ と例えられるほど、非常に複雑な処理を行えます。 URLからURLへ、同一サーバ内URLだろうが、別サーバURLだろうが問いません。 引数を含む動的URLを通常のHTMLファイルのような静的URLに見せることも可能です。 素晴らしく詳細なマニュアルもありますが、機能が多いだけに情報量が多く読むのも面倒だと思いますので、ここでは、mod_rewriteを使用すると便利な場面を想定して具体的に解説してみたいと思います。 mod_rewriteの基本 ひとまず、mod_rewriteはApacheのモジュールです。インストールされていなければ、サーバ
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
デザインとグラフィックの総合情報サイト MdN Interactive
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://digit-01.com/ownpage/ownpage_dynamic.html
Ywcafe.net
ikesai.com