Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを

ゲッティ イメージズ ジャパンは3月6日、非商用目的に限り、無料でWebサイトやブログ、TwitterやFacebookなどのSNSの投稿に埋め込める新サービス「画像埋め込み機能」の提供を開始したと発表した。 米Getty Imagesは画像、動画、音楽を含むデジタルコンテンツを世界100カ国以上で提供する世界最大級のデジタルコンテンツ企業。高品質のコンテンツを主にクリエーターやメディア企業を対象に有償で提供している。 画像埋め込み機能は、ユーザー登録の必要なく誰でも利用できる。埋め込んだ画像をクリックするとゲッティ イメージズのWebサイトに飛ぶようになっている。非商用目的で多くのユーザーがコンテンツをシェアすることで商用目的の画像を探すユーザーの目に留まり、ライセンス収入の機会を増加させるのが目的という。 この機能を利用するには、www.gettyimages.co.jpの「検索結果ペ

カルチュア・コンビニエンス・クラブ（CCC）グループのネットプリントサービス「Tプリント」で始まったフォトブックサービスのWebサイトに、ベンチャー企業が展開する同様のサービス「TOLOT」と全く同じキャッチコピーが使われていたことが分かり、「Tプリント」運営元が12月10日までにサイトを修正した。「大変ご迷惑をおかけしてしまったと深く反省している」という。 「Tプリント」のフォトブックサービスは11月29日にスタート。PCからアップロードした写真を使ってフォトブックが作成できる有料サービスだ。 スタート当初、同サービスのWebサイトには「普段使いに、贈りものに。手早く簡単にオリジナルの写真集がつくれます」というコピーが書かれていた。だが2011年からフォトブックサービスをTOLOTのWebサイトには以前から全く同じコピーが書かれており、ネットでは批判する声も上がっていた。 Tプリントを運

全国で活躍するフリーランス・SOHOの皆さんの、... / フリーランスの全国Webサイト制作料金表 201... / 東京：GYPSYの制作料金他...全23件 全国で活躍するフリーランス・SOHOの皆さんの、制作料金を掲載しているページを集めました。料金相場や価格設定の参考にご利用ください。 ※掲載している情報は2013年9月18日時点のものです。最新価格やそのほかの価格に関しては、リンク先をご確認ください。

Twitterが生活の一部となっている人も多いと思いますが、世界中のツイートを分析するといつもと少し違うTwitterを見ることができます。そんなTwitterの様々な情報を可視化できる見ていて楽しいWebサイトを集めてみました。 1. Twitter + GNIP 最初に紹介するのは世界中のTwitter使用状況を可視化したマップのTwitter + GNIP。 東京にズームしてみました。線路や道路だと思われる場所が光っていますね。 AndroidやiPhone、BlackBerryといった端末別に絞り込むこともできます。 2. HiveMindMap 続いては人気のハッシュタグをマインドマップのように見ることができるHiveMindMap。 マインドマップのように可視化することで、ハッシュタグごとの関連性を見ることができます。 また、カレンダーで今週話題のハッシュタグをチェックすること

進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...

昨日書いた記事、 blog.egachan.net の中で、私は、 「A/Bテストや分析を行い、最適化をしていくよりも、まずは、競合サイトでやっていて自社サイトでやっていない機能やサービスを実施していくべき、それらの施策をやりきったら、その後、A/Bテストや分析などの最適化に着手していくべき」 ということを書かせて頂きました。すると、コメントで、 ・「競合サイトの真似だけでは、競合サイトを追い越せない」 ・「競合他社サイトの分析だけでは不十分」 という意見をいただきました。 私としては、 １：競合他社の調査 → ２：競合他社でやっている機能やサービスで、自社サイトで必要なものは実施 → ３：その中でA/Bテストや分析を駆使しチューニングをしていく というステップがいいと思っているのですが、「競合他社から参考にするだけは不十分！オリジナル性のあるアイディアや機能を入れていくべき！」という意見

はじめに こんにちは、クラスメソッド株式会社でWebを担当している野中です。これから身につけるWebサイト高速化テクニック第2回目です。 第1回の「Webサイト高速化対策の現状」は読んでいただけましたか？「Webサイト高速化対策の現状」では高速化対策がなぜ必要なのかを紹介しているので、この回を読む前にぜひ読んでおいてください。 今回は、Webサイトの高速化に大きく関係するHTTPについて復習したいと思います。高速化対策と言ってもWebサイトが遅延する原因はさまざまです。 読み込むファイル数が多いことやサーバー側の処理に時間がかかっている、またはエンドユーザーが利用しているネットワークが原因かもしれません。 ところが原因を探っていくと、Webサイトが遅くなってしまう要因の多くにHTTPが関係しています。 実際の高速化手法も大事ですが、事前知識としてHTTPについて知っておきましょう。 対象読

【どんなサイトでも作れるTumblr】カスタマイ... / inocis | 株式会社イノシス / オンナノコズ他...全14件 【どんなサイトでも作れるTumblr】 カスタマイズ次第でどんなサイトでも作れてしまうTumblr。そんな一見Tumblrとは分からないスゴいWebサイトを集めました。

Webサイトの表示高速化対策していますか？ 日本は欧米諸国に比べWebサイトの表示高速化対策をしているサイトが少ないです。 特に、最近ではスマートフォンの普及によりモバイルサイトの需要も増え、高速化をしなければいけない機会も増えてるのかなと思います。 日本のモバイルデータ通信はLTEで高速になりつつあるとは言え、まだまだ「貧弱！貧弱ゥ！」です。 幸いなことに僕も最近鶴の一声によってクライアントからサーバー周りまで包括的な高速化対策を経験する機会を得ることができました。 それまでは、「手間がかかりすぎるからできればやりたくない」というのが本音でした。職務怠慢ですね（苦笑）。 でも、できるだけ楽したい！と思うのが人の常。 この連載ではできるだけ楽をしながらできる高速化手法と計測結果を1つ1つ紹介しようと思います。 基本的にはすべて受け売りの内容です。やってみた対策を羅列して、連載の中で自分で試

HTML_CodeSnifferはウェブアクセシビリティ改善のためのブックマークレットです。 Webは限られた人たちのものではなく万人向けのものであるべきです。そこで考えられるべき項目として障害のある人に対するアクセシビリティです。そのチェックに使えるブックマークレットがHTML_CodeSnifferです。 実行すると右上にフローティングウィンドウが出ます。エラー、警告、通知の3つに分けてポイントが出ます。もちろんポイントが少ない方が良いです。 各項目の説明を見られます。これらはW3Cのウェブコンテンツ・アクセシビリティ・ガイドラインに則っています。 指摘されている箇所を確認できるマーカーも出ます。 MOONGIFTの場合…がっくりするくらいのエラー数です…。 アクセシビリティと漠然と言われてもなかなか具体的な施策が思いつきませんが、エラーや警告という形で表してくれれば対応もとりやすくな

2014年7月23日 Webサイト制作, フリーランス Webサイト制作の依頼を受ける上で、クライアントの中には相場が分からず、必要最低額を遥かに下回る予算を提示する方もいます。多くの場合は必要な作業内容やかかる時間を説明すれば納得して頂けますが、時々「タダでできて当たり前」を前提とする方もいます…。うむむ。タダ…はちょっと行き過ぎですが、なるべく低予算のクライアントにも満足してもらいたいですよね。予算にあわせてできることがないか、考えてみました。 ↑私が10年以上利用している会計ソフト！ 1. 実装する機能を絞る 「必ず取り入れたい機能」「できれば取り入れたい機能」「取り入れられたら嬉しい機能」と、要望の優先順位を話し合い、予算に応じてできないものは思い切って削除したり、違う方法を考えて予算内に収まるように検討します。「時間 vs お金 vs クオリティ」でも書いたように、取り入れたい要

どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん

サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す

実際にホームページを作り始める前に、プロのWEBクリエイター達がもっとも意識する点は、おそらく【Webサイトを制作する目的・目標を明確にすること】だと思います。なぜこの目的・目標の明確化をもっとも意識するのか。それは目的・目標こそがホームページの成功を根底から左右させるからです。 今日はそんな目的・目標の大切さや、明確にする方法を紹介させていただきます。あなたがクライアントのために作ったWEBサイトには明確な目的・目標がありますか？新人webディレクター・デザイナーには特にこのことを考えていただきたいと思います。 ほとんどの人は、目的や目標を自然に考えながら生活をしています。 例えば鏡の前で『夏までにやせなきゃ！こんな体、彼氏に見せられない！』と思った場合。人は『彼氏にもっと好きになってもらうために、美しく引き締まった体を作り、キレイだと思ってもらう』という目的を作り、どんな手段を用いて目

ちょうど１年前に「高負荷サイトのボトルネックを見つけるには」という記事を掲載していますが、この手のトラブルシューティングって結構大変で悩ましいですよね。はじめまして、新入りの@pandax381です。 ログからは見えてこないもの 「サイトの応答が遅い」という問題が発生した場合、その原因はどこにあるでしょうか。 Webアプリケーションの処理に時間が掛かっている DBサーバに投げたクエリーの応答が遅い サーバの処理能力を超えている などなど、いくつもの可能性があります。通常、上に挙げているような問題は、アプリケーションやサーバのログを調査することで、原因を突き止めることができます。 一方で、こういったログの調査だけでは、その原因にたどり着くことができなかったり、相当な苦労が伴うケースもあります。 あるサイトのある日の出来事 つい先日のことですが、KLabの運営している某ソーシャルゲームにて、サ