Aggregator

CSS Nite LP24フォローアップを公開しました

13 years 2ヶ月 ago
CSS Nite実行委員会

CSS Nite LP23「表示速度最適化」フォローアップを公開しました

13 years 2ヶ月 ago
CSS Nite実行委員会

CSS Nite LP23フォローアップ(2)『画像の最適化で地球をエコに』(岡部 和昌さん)

13 years 2ヶ月 ago

120630_lp23_0304.jpg

2012年6月30日(土) 、ベルサール九段で開催したCSS Nite LP, Disk 23「表示速度最適化」のフォローアップとして、岡部 和昌さんの『画像の最適化で地球をエコに』のスライドなどを公開します。

メッセージ

何かを押し売りそうな勢いでセッションをさせて頂きました岡部です。コンセプトは「熱く楽しくゆっくりと」だったのですがやりすぎたようです。

セッションにご参加いただきありがとうございました。内容としては基本的な内容となっていましたので、既にツールを使われている方や熟知している方には少しだけ退屈だったかもしれません。ですが運用時に考えることや、ナレッジなどもお話しましたので、そちらを業務などで活かせていただけたら幸いです。

セッションで出てきたツール関連URL

画像最適化ツール(メタデータ除去などの見た目がかわらないもの)

  • ImageOptim make websites and apps load faster (Mac app)
    【Mac】画像のメタデータ除去などをドラッグアンドドロップで簡単にできる
  • PNGGauntlet - PNG Compression Software | BenHollis.net
    【Windows】画像のメタデータ除去などをドラッグアンドドロップで簡単にできる

減色ツール

  • [Web Technology Corp.]株式会社ウェブテクノロジ > OPTPiX Snap(オプトピクス スナップ)
    【Windows】画像の減色を美しい状態を保ったまま行うことが可能
  • 無料画像加工サイト インデックスカラー減色と言えば | OPTPiX WebFree | ウェブテクノロジ
    【Webサービス】上記ツールのWebサービス版。一日5枚まで可能。

画像最適化複合ツール

CSS Sprite関連ツール

  • The easiest way to create your CSS sprites - SpritePad
    【Webサービス】CSS Sprite画像を保存、CSSを自動で書き出しを行えて、また保存やシェア機能(有料)もある。
  • Stitches - An HTML5 sprite sheet generator -
    【jQueryプラグイン】HTML5で作られたCSS Spriteツール。ローカルで動くので気軽に試すのには良い
  • SpriteMe
    【ブックマークレット】任意のページでこのブックマークレットを使うと、そのページ内にある画像をCSS Sprite化してくれる。
  • ★CSS Sprite Generator | Project Fondue
    【Webサービス】画像をZip形式でまとめてアップロードすると、CSS Spriteを勝手に生成してくれる。ソースコードは公開されているので自社内に設置することも可能。

★…セッションでは紹介しなかったものですが、他のおすすめツール

アンケートにあった質問の回答

画像を1ファイルにまとめたときの容量はどれくらいまでが最適か。
ケースバイケースなのでなんとも言いがたいですが、CSS Spriteは画像をまとめればまとめるほど容量は減るので、特に気にする必要はないです。ただし、CSS Sprite画像で使用している色数が多すぎると、減色時に見た目の変化が大きくなってしまうのでこちらもある程度のトレードオフは必要です。
spanではなく1x1のspacer.gifを用いて、その背景にCSS Spriteで表示させる手法についてどう思うか。
「spacer.gif」の1リクエスト余分に飛ぶのでCSSで指定するほうが良いと考えます。
Yahoo!ではどのくらいの効果があったか知りたい。
過去に記事を書いたのでそちらをご参照ください。
大規模サイトでの運用に関して聞きたい。
※Yahoo!としてではなく個人の見解として返答させてください。
やはり同名で画像を保存することは避けるべきです。以下その理由です。
1.大規模になればなるほど、ページごと・モジュールごとの更新や開発が入るため
2.画像同士のコンフリクトを避けるため
3.不慮の事態(表示崩れ)が起きたときに即座に戻せるため
ボタンなどを含めるかで悩むが、Yahoo!ではどういった基準があるのか。
※Yahoo!としてではなく個人の見解として返答させてください。できる限り1枚にすることをオススメします。y-repeat,repeatさせたい画像でなければほぼ含めることが可能です。
CSS Nite実行委員会

カスタムレポートとピボットテーブルを使ったモバイル分析

13 years 2ヶ月 ago
Web担当者Forumの2013/1/10の記事をどうぞ。
http://web-tan.forum.impressrd.jp/e/2013/01/10/14439

関連リンク:
モバイルの重要度はどれぐらい? モバイルからの利用規模を把握する分析方法”
なんでそうなるの? アクセス解析によるユーザー理解の基本は“童心に戻る”
データ迷子にならないために! レポート構造とアクセス解析の王道ステップを知っておこう
解析上手はメモ上手。Googleアナリティクスの メモ機能を使いこなせているか?
Googleアナリティクスのデータを、思いどおりにファイル出力するには?
最大表示行数500件を超えるデータをGoogleアナリティクスで一気に表示する方法
折れ線グラフでサイトのアクセスを分析する3つの王道パターン

Googleアナリティクスで集計対象期間を思いどおりに指定する方法
ほとんどのGoogleアナリティクスレポートに共通する画面の基本構成を知っておこう
SEOには欠かせない「キーワード」解析のしくみ
Googleアナリティクスの「参照元」は、どこが特殊なのか?
じつは特殊なGoogleアナリティクスの「参照元」
Google アナリティクスの「(other)」と「(not set)」がレポートに表示される理由と対処法

Google アナリティクスの「平均目標値」を理解する

Google アナリティクスの「ページの価値」を理解する
Google アナリティクスの「コンバージョン数」と「コンバージョン率」を理解する
Google アナリティクスの「離脱ページ」と「離脱率」を理解する
Google アナリティクスの「ランディングページ」と「直帰率」を理解する
Google アナリティクスの「リピートの間隔」を理解する
Google アナリティクスの「リピートの回数」を理解する
Google アナリティクスの「ページ別訪問数」と「訪問別ページ数」まぎらわしい2つの指標を理解する
Google アナリティクスのページや訪問の「滞在時間」を理解する
GAの「新規」と「リピーター」は「新規ユーザー」「リピートユーザー」ではない
Google アナリティクスの「ユーザー数」を理解する
Google アナリティクスの「訪問数」を理解する
Google アナリティクスのページビュー数とイベント数を理解する
Google アナリティクスのディメンションと指標の違いを理解する
Google アナリティクスのトラッキングコードを実装する
Googleアナリティクスのプロファイルに閲覧ユーザーを追加する
Googleアナリティクスのプロファイルに基本的なフィルタをかける
Googleアナリティクスのプロファイルの目標を設定する
「URLクエリパラメータ」とは何か、 どのような場合に「除外」するべきなのか?
Googleアナリティクスのプロファイルの「デフォルトのページ」を設定する
Googleアナリティクスの新規プロファイルを作成する
Googleアナリティクスの新規アカウントを作成する
noreply@blogger.com (hiromi ibukuro)

2011/4~2012/3国内通信利用状況、携帯電話発信数も時間も前年度比マイナスに など

13 years 2ヶ月 ago
2011/4~2012/3国内通信利用状況、携帯電話発信数も時間も前年度比マイナスに
2013/1/9の総務省の通信量からみた我が国の通信利用状況から。

http://www.soumu.go.jp/main_content/000194104.pdf

米モバイルコマース市場、2013年は55.7%増に
2013/1/9のeMarketerの記事から。

http://www.emarketer.com/Article.aspx?R=1009595
noreply@blogger.com (hiromi ibukuro)

2013年世界の広告費、メディア別ではインターネットが13.8%増に など

13 years 2ヶ月 ago
2013年世界の広告費、メディア別ではインターネットが13.8%増に
2013/1/9のWarcのリリースから。

http://www.warc.com/Images/WARCSiteContent/PressReleases/Consensus_Ad_Forecast_09January2013.pdf

世界のデジタル広告費、2015年まで二桁成長が続く
2013/1/9のeMarketerの記事から。

http://www.emarketer.com/Article.aspx?R=1009592
noreply@blogger.com (hiromi ibukuro)

米ソーシャルメディア利用、男性優位はTweet、女性優位はPinterest など

13 years 2ヶ月 ago
米ソーシャルメディア利用、男性優位はTweet、女性優位はPinterest
2013/1/9の The Search Agencyのリリースから。

http://www.thesearchagency.com/news-views/press-releases/2012-Consumer-Behavior-Study-Part-2html/

2012Q4ソーシャルログインで最も利用されているのはFacebookの49%
2013/1/7のJanrainのブログから。

http://janrain.com/blog/social-login-trends-across-the-web-for-q4-2012/
noreply@blogger.com (hiromi ibukuro)

ドメインエイジを稼ぐためにコンテンツが未完成でも新しいサイトを先に公開すべきか

13 years 2ヶ月 ago

新規サイトを公開するとき、「少しでもドメインエイジを長くするためにコンテンツが完全にできあがっていなくても先に公開する」と「フレッシュネスアルゴリズムの恩恵をうけるために時間がかかったとしてもコンテンツがすべてできあがってから公開する」の2つの選択肢がある。どちらを選ぶべきか。

- ドメインエイジを稼ぐためにコンテンツが未完成でも新しいサイトを先に公開すべきか -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM

【海外SEO】鈴木謙一

世界の広告業界トップは年頭に何と言っているか。

13 years 2ヶ月 ago

デジタルインテリジェンスのフェースブックページに掲載した内容ではあるが、このブログにも上げておきます。

WPPのトップが年頭にどんなことを発信しているかです。

今年68歳になるWPPのCEOマーチン・ソレルが「既存のマーケティング業界から、離脱」を新年から発表している。

IT投資を通して、いわばデロイトやアクセンチュア、のITコンサルティングの領域すらを上回る意気込みだ。

サー・マーチン・ソレルは一代でWPPを世界一のマーケティング・ホールディング会社に育てた事がすでに凄いことだが、エージェンシー(広告会社、と呼べない)が、どこを目指すべきか、CEOとしてリーダー自ら、くっきりとした指針と言葉を使って声明発表し、買収の基軸を打ち出せる事に敬服する。

日本の広告業界社長から、こんなセリフが聞けるだろうか。

この紹介原稿の中身を打ち出せないどころか、「読めない」「理解できない」「解ってない事がわかっていない」という状態であるのを感じる。

==旧来マーケティング業界からの離脱==

http://www.adexchanger.com/agencies/martin-sorrell-qa-wpp-will-broaden-its-tech-footprint/

======以下、AdExchangeインタビュー記事からの抜粋=======
世界の6大ホールディングカンパニー(WPP, Publicis, IPG, Omnicom, Dentsu, Havas)は業界区分では「広告」会社として登録されているに違いないが、今や広告と、遥かに言えない業態に変化してしまっている。

「我々ビジネスは、過去5年に、超劇的な変化を起こした、残念な事は、まだその事実が理解できるレベルの人が、業界内に少ない事だ」

と、マーチンソレルが述べた。


2012年末、$70million 投資でブエノスアイレスのGlobant社の
株式20%を取得。社員2500人の大半が「技術者」である会社を買収した。驚くことに、この会社は、メディアバイイングなどの
アドテクノロジーを直接開発している訳ではない。
(企業のイントラシステム開発、データベース構築、モバイルインテグレーション等)
=============
Q:トラディショナルマーケティングの領域に留まるか、
それとも(まるで)デロイトやアクセンチュアのような
テクノロジーコンサルの領域に踏み込むつもりなのか?

マーチン・ソレルAnswer:
デロイト、アクセンチュア以下だが、SapientNitroや、
http://www.sapient.com/
Cognizants以上だと確信する。
http://www.cognizant.com/

これまでのエージェンシーは通常CMOをターゲットとしていた仕事が、
徐々にCIO、インフォメーション・テクノロジー向けに変化しているのは明らかだ。
=============
Q:アルゼンチンのGlobant社 株式取得の件についての、説明を。

A:業界全体の課題だが、どうもクリエイティブや芸術的な目線のみでビジネスを評価したがる。
どちらかと言えば、技術的視点では、評価されない傾向がある。WPPは違う。


今回資本提携したGlobant社は2500名もの技術者をラテンアメリカとUK方面に抱えている。

24/7社を買収して以来、独自技術としてWPPトレーディングデスクのXAXISに注入した。
独自独占技術で、我々にしか見えないインサイトをレバレッジに、クライアントの中に蓄積されているデータを、より意味のあるものに仕上げていく。

Sapientを見るが良い、技術会社が、Above the lineのクリエイティブ会社(Nitro)を買収したではないか。
===========
Q:でも、あの事例は、クリエイティブ良い人材が、飲み込んだ技術系から追い出されてしまっただけでは?

A:SapientNitroは、確かにそのケーススタディとなってしまった。
WPPでは新たな試みとして、
Globant(アルゼンチン会社)の技術をを、JWTや、Y&R、Kanterへの注入を試みている。
===========
Q:WPPトレーディングデスクのXAXISはメディアバイイング会社同士の中で、横断的な機能を司るのか。

A:Xaxisは現在14カ国に拡大中で、中国にも進出できている。

これほどのトレーディング(技術)デスクを横断的に持つ競合は
Havasがほんの小規模で後続しているだけで、他は無いだろう。

成功の可否は、WPPの特許とも言えるこれらのツールをクライアントがどれだけ使うか、で計ってもらえればいい。
===========
ラテンアメリカは、2014年にFIFAワールドカップと、2016年にリオデジャネイロでのオリンピックが決まっている。


--------------------------------------------------------------------------------------------------------------------------------


マーティンは別のインタビューで、WPPが24/7を買ったころから、考えが急速に変わったと言っている。

ああ、あのころなんだな・・・と今にして思う。

「デジタルが自分たちのビジネスを変えてしまっている」ことに対する理解を、今の経営はしっかりしているか・・・。

デジタルの知見は、それまで素人だった者が改めて追いかけて何とかなる時期はもう5~6年前にとっくに終わっている。
デジタル広告にももう15年以上の歴史があり、膨大な知見の積み上げがある。
最初は単にネット広告で始まったものは、デジタルマーケティングとマーケティングテクノロジーの理解という実にたいへんな勉強と実践によってでしか身につかないレベルになってしまった。

そうしたことへの理解も何もない者が経営することは全くもってナンセンスだ。

スタートアップが優秀な技術者を雇う方法

13 years 2ヶ月 ago
その勢いは衰えを見せず、2013年も続きそうなスタートアップブーム。日本でも多くのスタートアップが次々に誕生しているようですが、スタートアップの課題の一つが優秀な技術者を雇うこと。最近は起業家兼開発者というケースも増えて … 続きを読む

私が初めての顧客から学んだ7つの教訓

13 years 2ヶ月 ago
久々にビジネス教訓系の記事を。学生時代から起業し、シリアルアントレプレナーとして活躍するネット最強のマーケッターの1人、ニール・ぺテルが語る「はじめてのお客様」に学んだビジネスの教訓を。今の会社を立ち上げてから10年以上 … 続きを読む

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored