Aggregator

2014年7月17日、KDDIウェブコミュニケーションズ セミナールームで開催したCPI x CSS Nite x 優クリエイト「After Dark」（12）Web Fonts特集のフォローアップとして、阪本さん（モリサワ）のフォローアップを公開します。

Webフォントは見た目の変化だけでなく、運用面でのメリットもたくさんあります。ぜひお試しください！

参照リンク

ご紹介したツールなどのリンクです。

• WhatFont Tool http://chengyinliu.com/whatfont.html
• クラウドフォント・シミュレータ http://typesquare.com/simulator/basic
• CSSサンプル集 http://typesquare.com/sample/csseffect/
• TypeSquare公式twitterアカウント https://twitter.com/typesquare

追記（2014年7月24日）：

阪本さんがセッションの最後に紹介された「TypeSquare Web Font Tryout」（TypeSquareで配信されるフォントを使ってWebサイトの書体を自由に変更できるサービス）がリリースされました。

• TypeSquare Web Font Tryout

マルチデバイスでのアトリビューションにはまだまだ課題が山積しているといわれています。その現状を理解するために、Marketing Landに掲載されていたモバイルアトリビューションの現状と課題を解説した記事を抄訳してご紹介します。

Understanding The Complexity Of Mobile Ad Attribution http://marketingland.com/understanding-complexity-mobile-ad-attribution-90881

近年、モバイル端末の利用は急激に加速しているものの（下図）、モバイル広告の取り組みについては遅れを取っています。マーケターはタブレットやモバイルの利用が急激に伸びている事実を知っていますが、モバイルキャンペーンにおけるアトリビューションや正確な計測については数多くの課題が残されています。

（図：本文より引用）

モバイル決済やクーポンといった顧客獲得のためのクローズドループはモバイルキャンペーンを計測する確実な手法のように思われます。しかし、これらの方法の多くは明確な基準を持たず、まだ初期段階にあります。特に、モバイル端末がより活躍する見込み客へのアプローチ段階の効果を測定するのは困難でしょう。クッキーはデバイスを越えて、またはアプリ間の行動を追跡することができないため、もしユーザーがスマートフォンで広告を見てタブレットやPCでコンバージョンに至った場合、最初のタッチポイントの貢献度は無視されるからです。

また、オフライン購買におけるデジタル広告の影響を追跡することも困難です。モバイル端末でセールの広告を見た顧客が実店舗で直接購入に至った場合、そのつながりを測定する追跡メカニズムがないがために正当な貢献度の配分が行われません。

モバイルアトリビューションの進化が未だに初期段階にある現在、マーケターがメディアミックスでモバイルの貢献度を測定するにあたり心に留めておくべきことはそれほど多くはありませんが、下記のものが挙げられます。

クロスデバイス・アトリビューションモデルの採用

ファーストパーティ（自社）のログインデータを使ってデバイスのマッチングを行うことはまだ欠点も多いですが、クロスデバイスの分析はログインデータなしには不可能であり、現在はこのモデルを使うべきでしょう。

ブランドメッセージの効果測定

ブランドメッセージの効果を分析することで、モバイル広告のエンゲージメントの度合いを測ることができます。

モバイル決済やクーポン、QRコードによるキャンペーン

モバイル決済やクーポン、QRコードは効果的にトラッキングを行うことが可能です。これらをモバイルマーケティングのプラットフォームに統合することで同じ予算内でより効果を得ることができます。

位置情報データの使用

位置情報データを分析することで、オフラインにおけるモバイルマーケティングの影響を測定します。具体的に、広告キャンペーンを表示したモバイル端末と、その後特定の場所で確認された同じデバイスの数を分析し効果を測定します。

【アトリくんの視点】モバイルの利用率が急激に拡大する中で、クロスチャネルでのアトリビューション分析は過渡期にあるように思います。筆者が述べるように、現段階では正確性にはやや不安が残るものの、実践可能な効果測定を試していくことが重要ですね！ GoogleのAdometry買収などもあり、今後もクロスチャネルのアトリビューション分析は進化を続けていくと思われます。要ウォッチですね！

イベント概要

HCD-Netが後援するUXに関するイベントが名古屋で行われます。

お近くに勤務・お住まいの方は是非ご参加ください。
HCD-Netからは、理事の山崎和彦、浅野智が参加し基調講演やパネルディスカッションのファシリテーターを担当します。

■イベント概要：

モノやサービス、情報で溢れかえっている現代において、あらゆる業種・業界でHCD/UXDの重要性が語られています。個人の経験や一企業の取り組みだけでは、なかなか知見を積み重ねることは難しく、HCD/UXDを推進する中で悩むこともたくさんあるかと思います。

UX Japan Forumは、そんな現在の日本国内におけるHCD/UXDのこれまでとこれからについて、より実践的な例をもって皆さんと語り、探究していきたいと、日本の各地でHCD/UXDを学び、推進している有志が集まって企画しました。
各地で皆さんと有意義なディスカッションができることを楽しみにしています。

2014年7月20日（日）、その記念すべき第一回目として『UX Japan Forum 2014』を名古屋で開催することになりました。
キーノートとして、HCD-Net理事の千葉工大・山崎教授をお招きし「UX思考」をテーマとした話題提供をいただきます。午後からは、教育、サービス提供、受託型ビジネスなど様々な切り口での実践的な事例やそこでの成果を各地の有志より紹介させていただきます。

■イベント名：UX Japan Forum 2014

■主催：UX Japan Forum 2014 運営委員会

■後援：NPO法人 人間中心設計推進機構（HCD-Net）

■日時：2014年7月20日（日）11:30～17:30
■会場：名古屋市 トライデントコンピュータ専門学校
■イベント詳細：http://uxjapan.org/
■参加申し込み方法：http://uxjapan.doorkeeper.jp/events/11904

Googleのジョン・ミューラー氏によるSSLに関連した情報を4つ紹介する ーー ウェブマスターツールの「サイトの移転」の利用、HTTPSサイトの優遇、SSL証明書に問題があるときの評価への影響、サイトのホスト名が、SSL証明書と一致しないとき

- “HTTP => HTTPS”の変更にウェブマスターツールのアドレス変更機能は使えないなど、SSL関連情報×4 -

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

2014年7月17日、KDDIウェブコミュニケーションズ セミナールームで開催したCPI x CSS Nite x 優クリエイト「After Dark」（12）Web Fonts特集のフォローアップとして、太田 良典さん（ビジネス・アーキテクツ）の『Webフォント導入のポイント ～実際の導入事例から～』セッションのフォローアップを公開します。

• スライド（PDF、67ページ、15.4MB）
  

参考サイト

事例としてご紹介したサイトです。

• NEW CITROËN DS5
  http://ds5.citroen.jp/
• AOI Pro.
  http://www.aoi-pro.com/
• BA
  http://www.b-architects.com/

補足

Q. BAの会社概要ページでは、ロゴがWebフォントではなくPNGで置かれているようです。どのように使い分けられているのでしょうか?

A. 他の書体のテキストが置いてあっても意味が通じる場合はWebフォントを、そうでない場合には画像を使っています。
Webフォントを使っても、かならずその書体で再現されるとは限りません。Webフォントに対応していない環境もありますし、利用者がサイト側指定のフォントを使用しない設定にしていることもあります。そのような環境では、他の書体で表現されます。
WebフォントでBAのロゴを表現した箇所は、環境によっては、他の書体で単に「BA」と書かれた状態になることもあり得るということです。
BAサイトのヘッダ部分のロゴは、社名が入っている場所ですので、「BA」というテキストに置き換えられても意味は通じます。
BA会社概要 <http://www.b-architects.com/company/about/> の末尾には、PNG画像でロゴを置いています。ここではロゴのビジュアルを紹介していますので、「BA」というテキストに置き換えられると意味が通じなくなってしまいます。そのため、ここではあえてWebフォントではなく、画像を使用しているのです。


Q. お話にあった電子書籍はどこで買えますか?

A. BOOK☆WALKERで先行配信されています。
19日からBOOK☆WALKERで「ファンタジア大賞フェア」というキャンペーンが始まっていまして、キャンペーン対象として配信されています。具体的にはこちらです。
他で買えるようになるのは8月以降で、順次、以下の書店で買えるようになるそうです（配信開始日は書店によって異なります）。
・ニコニコ静画
・紀伊國屋書店kinoppy
・BookLive!
・honto
・eBookJapan
・dマーケットBOOKストア
・Amazon
・Google Play ブックス
・Apple iBOOKS
・kobo(楽天)
・ブックパス
・Sony Reader Store
・Yahoo!ブックストア
・東芝BookPlace
・mibon
・LINE マンガ
・セブンネット
・アニメイトブックストア


AfterDark12-s3 from CSS Nite on Vimeo.

2014年7月17日(木)、KDDIウェブコミュニケーションズ セミナールームでCPI x CSS Nite x 優クリエイト「After Dark」：Web Fonts特集を開催し、80名弱の方にご参加いただきました。

フォローアップは、近々に公開予定です。

ツイートは下記にまとめました。

• CPI x CSS Nite x 優クリエイト「After Dark」（12） Web Fonts特集 - Togetterまとめ

次のブログで取り上げていただきました。ありがとうございます。

• Web Fonts特集いってきたよ！ | 30代独身女Webデザイナーの年収と将来に悩むブログ
• 「CSS Nite After Dark 12 - 今、そこにあるWeb Fonts」に行ってきた - console.blog(self);

2014年7月17日、KDDIウェブコミュニケーションズ セミナールームで開催したCPI x CSS Nite x 優クリエイト「After Dark」（12）Web Fonts特集のフォローアップとして、酒井 優さん（WEBCRE8.jp）の『2014年版Webフォントの使用方法とこれまでの歩み』セッションのフォローアップを公開します。

• スライド

Webフォントはとりあえず導入するだけなら本当に手軽に利用することができます。アイコンなどの利用もそんなに難しいものではないので、デモを触って実際のコンテンツに組み込んでみたり、CodePenやjsdo.itなどのサービスを用いて自分で用意したフォントを表示させてみることから始めてみてはいかがでしょうか。

WEBCRE8.jpでも、今後Webフォントや文字に関する、特にリガチャをはじめとしたフォントの機能についても記事を書いていきますのでよろしくお願いします！

補足、参照リンク

スライド内で掲示したサイトを紹介します。

• WEBCRE8.jp
  http://webcre8.jp/
• HTML5KARUTA
  http://roadstohtml5.com/html5karuta/
• HTML5KARUTA Game for Web
  http://roadstohtml5.com/html5karuta/game/

フォント生成ツール

• sfnt2woffフォント作成コマンドツール
  http://people.mozilla.org/~jkew/woff/
• WOFFコンバータ
  http://opentype.jp/woffconv.htm
• Create Your Own @font-face Kits | Font Squirrel
  http://www.fontsquirrel.com/tools/webfont-generator
• Glyphter
  http://glyphter.com/

フォント入手先

• Google Fonts
  https://www.google.com/fonts
• Adobe Edge Web Fonts
  https://edgewebfonts.adobe.com/
• Open Font Library
  http://openfontlibrary.org/

アイコンフォント

• Font Awesome
  http://fortawesome.github.io/Font-Awesome/
• ? IcoMoon
  http://icomoon.io/
• Symbolset
  https://symbolset.com/
• Symbols
  http://kudakurage.com/ligature_symbols/

参考資料

• 次期Firefox 3.6が対応する新しいWebフォント形式“WOFF”とは？ - フォントブログ
  http://blog.petitboys.com/archives/woff.html
• WOFF (Web Open Font Format)の導入 - 血統の森 web実験小屋
  http://momdo.s35.xrea.com/web-html-test/CSS3-memo/introducing-woff.html
• CSS Fonts Module Level 3 （日本語訳）
  http://www.hcn.zaq.ne.jp/_/WEB/css-fonts-ja.html
• Can I use... Support tables for HTML5, CSS3, etc
  http://caniuse.com/#search=font

AfterDark12-s2 from CSS Nite on Vimeo.

2014年7月17日、KDDIウェブコミュニケーションズ セミナールームで開催したCPI x CSS Nite x 優クリエイト「After Dark」（12）Web Fonts特集のフォローアップを公開します。

• フォローアップ：関口 浩之さん（ソフトバンク・テクノロジー） | CSS Nite公式サイト
• フォローアップ：酒井 優さん（WEBCRE8.jp） | CSS Nite公式サイト
• フォローアップ：太田 良典さん（ビジネス・アーキテクツ） | CSS Nite公式サイト
• フォローアップ：阪本さん（モリサワ） | CSS Nite公式サイト

その他

• CPI x CSS Nite x 優クリエイト 「After Dark」（10）フォローアップ 河村さん | CSS Nite公式サイト
• Source Han Sans（源の角ゴシック）／Noto Sansがリリースされました - DTP Transit
• Web Fontsに関して思っていること（2012年10月） - outtakes
• CSS Nite in Ginza, Vol.72フォローアップ『Webデザイナーのためのタイポグラフィと文字組版（Reloaded）』鷹野 雅弘 | CSS Nite公式サイト

2014年7月17日、KDDIウェブコミュニケーションズ セミナールームで開催したCPI x CSS Nite x 優クリエイト「After Dark」（12）Web Fonts特集のフォローアップとして、関口 浩之さん（ソフトバンク・テクノロジー）の『日本語ウェブフォントのいままでとこれから』セッションのフォローアップを公開します。

• スライド（PDF、47ページ、5.6MB）

参照リンク

FONTPLUSのツールやTIPSのリンク集をご紹介します。Webフォント導入前の評価でご活用ください。

• Webフォントの配信データ容量の確認方法
  配信するWebフォントデータサイズとそのフォントのフルセット容量が確認できます。下記は筑紫明朝 Pr6N Rで調べたケースです。任意の文字列を入力して［試し書きを適用］すると、15.252KB／12214.268KB のように表示されます。このケースでは、書体フルセットでは約12MBですが、実際の配信データ容量は約15KBという意味です。使用するブラウザがより配信フォーマットが異なるのでブラウザにより表示容量が変化します。モダンブラウザの多くはWOFF形式で計算します。
• FONTPLUSの「プロポーショナルメトリクス」機能の詳細説明
  実装サンプル
• FONTPLUSの「余白削除＋letter-spacing」文字詰め機能の詳細説明
  実装サンプル
• FONTPLUS TIPSサイト
  「Webフォント導入」「文字組み」「書体の種類」のテーマ別に、現在、20以上のTIPS記事をアップしています。
• FONTPLUSの試し書き機能（個別書体）
  リンク先はロダンNTLG Pro Bで試し書きをする例です。文字サイズ変更（em指定とpt指定）できます。表示品質テストとして複数デバイスで確認することをおすすめします。こちらの試し書きで表示できる任意文字列は1,000文字までになります。
• FONTPLUSの試し書き機能（一覧表示）
  フォント一覧の検索絞込みした後、[試し書き]ボタンを押してください。任意の文字列（100文字まで）を入力すると、1ページ10書体づつ一覧形式でWebフォント表示します。

より良いプラットフォームを提供するため、皆さまからのご意見、ご要望お待ちしております。ありがとうございました。

宿題

質問「ペアカーニング」について回答します

ペアカーニングに対応出来ますか？

FONTPLUSはペアカーニングに対応しておりません。ペアカーニングに対応していないブラウザがあるからです。フォントプラスのスマートライセンスのプロポーショナルメトリクス機能は実際にプロポーショナルメトリクスの情報をフォントに入れているわけではありません。
情報をフォントに入れたとしても、対応できないブラウザがあるからです。そのため、FONTPLUSではプロポーショナルメトリクスのデータをもとに文字のx軸の最小値と最大値で文字幅を調整することで実現しています。したがって、文字単体の調整となりますので、ペアカーニングのように文字の組み合わせ単位で調整できる機能は現在提供していません。

AfterDark12-s1 from CSS Nite on Vimeo.

日頃から気になるオンライン周辺の疑問を、広報・マーケティング担当者をはじめとするネットPR.JP読者に投げかけ、コミュニケーションを図る投稿型のワンクリックアンケートを第二回目の結果発表です。

結果は(1位)「カメラ(45件)87%」、(2位)「ソーシャルメディア (43件）83%」、 (3位)「マップ (39件)75％」、(4位)「ニュース (34件)67%」、(5位)「動画 (33件)63%」、(6位)「天気 (33件)63％」、(7位)「ネットショッピング (23件)44%」、(8位)「ゲーム (18件)35%」、(9位)「電子書籍(12件)23%」、(10位)「ラジオ (9件)17%」、となりました。

（実施期間：2014年6月2日~7月22日、ネットPR.JP上で実施）

▼「カメラ」や「ソーシャルメディア」はわずかな差ですが、モバイル・タブレット所有者のほとんどが利用されているようですね。また電車通勤時などの移動中に最近見ることが多いという話をよく聞く「動画」も6割と半数以上をマーク。前回のアンケートでも『YouTube』が『Facebook』や『Twitter』に次いでランクインした経緯からも頷けます。「ネットショッピング」も4割と半数までは達しませんでしたが、以前よりも利用者が増えているように感じます。そして意外に数字が伸びなかったのが、「ゲーム」、「電子書籍」。もしモバイルだけを対象としたアンケートの場合「ゲーム」が優勢、タブレットだけでしたら「電子書籍」が上位にランクインしていたかもしれませんね。

ご協力いただきました皆様ありがとうございます。次回もぜひご回答ください。

またネットPR.JPではメルマガ配信も行っております。最新情報をメールで受信されたい方は、本サイトの右上のメルマガ登録欄よりご登録下さい。

さらにネットPR.JPのFacebookでは、今後もネットPRに関する情報発信を行います。
気になった方はぜひ「いいね！」の登録をお願いいたします。