Aggregator

東洋経済新報社より当社代表信太明執筆の仕事術に関する書籍が出版されました。仕事を...

2010年4月15日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.46のフォローアップとして、『Webクリエーター、次の10年を生き抜くために』（中川 直樹さん／アンティー・ファクトリー　）のセッションのスライドと音声をシェアします。

• スライド（PDF、35ページ、6.5MB）
• 音声（MP3、56:54、52.1MB）

中川さんからメッセージをいただきました。

「CSS Nite in Ginza　Vol.46」ご来場いただいた皆さま、ありがとうございました。

ほんのちょっと先の未来に「ワクワク感」を感じて武者震いされましたか？

しなかったよ～、なんて言わせません。笑

あの世界、みーーんな、僕たちのお仕事ですから。この先も、やるべきこと、てんこ盛りです。「10年と言わず、20年先も生き延びる！」ためにも、脳みそを回転させて、何がどう変化していくのか、時代のキーワードを先読みしていきましょう。

近未来を描いたマンガやSFチックな映画にもヒントは、たくさん隠されています。 直近のキーワードは「クラウド」と「ユビキタス」。ユーザーインターフェースを語る上では「マルチタッチ」（タッチパネル）。

まずは皆さん、タブレット（iPad）やスマートフォン（iPhoneやWindowsPhone7）などマルチタッチ対応機器用のアプリケーション制作ガイドライン※をチェックしてみましょう！！（※開発者登録すると提供されます）　その分厚いファイルの中は、ユーザーインターフェースを考える上でのセオリー、有益情報が記載されているはずです。

あと、何度も繰り返しますが「コモディティ」ではなく「スペシャリティ」であれ！ そして、強みは「2つ」！

セッション内で紹介されたムービー

• Microsoft Sustainability : Productivity, future vision

今週の木曜日（4月5日）19:00からアップルストア銀座（3Fシアター）にて、中川直樹さん（アンティー・ファクトリー）をお迎えし、CSS Nite in Ginza, Vol.46を開催します。

Webクリエーター、次の10年を生き抜くためにと題して、お話を伺います。

事前登録はあと少し残っています。事前登録はすでに終了しています。こちらのブログにコメントいただいたり、メールでご連絡いただいても事前登録にはなりません。

事前登録を逃してしまった方は、当日枠（40席ほど／立ち見）をご参加ください。

お知らせ

• 抽選札はありません。
• 抽選番号はアンケートに記載していますので、ご入場時にアンケートをお受け取りください（アンケート回答へのご協力もよろしくお願いいたします）。
• アンケートにご回答くださった方に、awesome! クリエイターズショップのポストカード（3種類のうち、いずれか1枚）をプレゼントいたします。
• 終了後、近くのお店にてアフターパーティ（懇親会）を開催します。ご希望の方は、事前にご表明ください。当日でも参加できる枠があることもあります。

ご入場に際し

mixiでの参加表明は、事前登録とは異なりますのでご注意ください。

「椅子席」で事前登録のある方

• エレベータで3Fにいらしてください。
• 「ご注文確認メール」が受講票です。プリントアウト、または、ケータイの画面などでご提示の上、「椅子席で登録」と口頭でお伝えください。プリントアウトいただいた場合にも回収しません。
• 後から来る方の「椅子取り」はできません。
• 18:50の時点で椅子席に余りがある場合には、立ち見の方を繰り上げます。
• 18:30前にご来場の場合には、階段でお待ちください。

「立見席」で事前登録のある方

• エレベータで3Fにいらしてください。
• 「ご注文確認メール」が受講票です。プリントアウト、または、ケータイの画面などでご提示の上、「立ち見で登録」と口頭でお伝えください。プリントアウトいただいた場合にも回収しません。
• 18:50までは会場の両脇の通路でお待ちください。
• 18:50の時点で席が余っている場合には、先着順に席をお譲りします。
• 18:30前にご来場の場合には、階段でお待ちください。

事前登録のない方（=当日枠をご利用の方）

• 当日枠は40席くらいです。
• エレベータは使用せず、1F右手奥からの階段をご利用ください。
• 18:50からのご入場を予定しています（それまでは階段にてお待ちいただくことになります）。
• 当日枠でご参加されたい場合には、18:00くらいにご来場いただけると確実だと思われます。
• 定員180名を超える場合、ご入場をお断りする可能性があります。

CSS Niteに初参加の方へ

はじめてご参加される方へをぜひご一読ください。

注意事項

• CSS Niteに関しては撮影、録音などOKですが、アップルストア銀座のその他のフロアーは、写真撮影不可です。
• アップルストア銀座の店内では飲食不可ですが、フタ付きのペットボトル等であれば問題ありません。
• アップルストア内でのお食事はご遠慮ください。

公開ポリシーとtwitter

• スライド、音声は、イベント終了後にCSS Nite公式サイトにて公開予定です。事前登録された方には、フォローアップメールにてもお送りします（アンケートにメールアドレスをご記入されても送信リストには反映されません）。
• セミナー中にスライドなどを撮影されたり、録音いただくことは問題ありません。ただし、個人利用（社内での勉強会などの利用）にとどめてください。
• 撮影いただく場合、携帯電話など、撮影時に音が出る機器はご遠慮ください。
• twitterを利用される方は、ハッシュタグ「#cssniteginza46」をご利用ください。

お願い

• アンケートへのご回答のご協力をお願いします。ご回答いただいた方には、awesome! クリエイターズショップのポストカードをプレゼントします（1種）。

遅刻について

基本的に遅刻されてもご参加いただけます。ご連絡は不要です。

キャンセルについて

都合の悪くなった方はキャンセルフォームからご一報いただけると助かります。

2010年4月15日、アップルストア銀座 3Fシアターで開催したCSS Nit... CSS Nite実行委員会

4月17日に開催されたCSS Nite LP, Disk 9「Coder's ... CSS Nite実行委員会

FlashのSiteCatalystによるアクセス解析は以前も可能でしたが、Flash Professional CS5からは公式エクステンションが提供され、ActionScriptを書かずにパネルでの操作だけで設定が可能になりました。 Flash中で発生する任意のイベントでカスタム変数をセットできます。 架空の要件を想定した設定の手順を具体的に紹介します。 要件 Flashでアニメーション付きのメニューを作り、導入している。 これまでは、クリック時のURLにパラメータを付けることで外部サイトへの誘導数を集計していたが、オンマウスの回数も取得し、文言やデザインなどクリエイティブ面の改善につなげたい。また、リンク先サイトごとに分かれた複数のレポートからクリック数を集めるのも面倒なので、自分のアカウントのみで集計できるようにしたい。 Flash アニメーションつきメニュー（付属サンプルそのまま） SiteCatalystの設計 一つのカンパニー(アカウント)の中に、本番用とテスト用の二つのレポートスイートを作成。 取得したい変数は下記 サーバ変数：サイトのドメイン名...

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　検索エン...

ANESSAとUNIQLOが共同でキャンペーンを実施ということで、コラボサイト「UV CUT CARDIGAN」が公開されています。UNIQLOの商品、ANE...

エスエス製薬スルーラックのスペシャルサイト「すっきりスル～む」。スルーしたいことを投稿するとプレゼントが当たる。ひっぱる横スクロール。...

万有製薬がAGAのための啓蒙疾患サイト「30代の悩める気持ち」を公開。30代の男性の悩みを投稿して気持ちを共有。Twitterとも連携しています。...

花王「ヘルシアウォーター」。歩いた時間をつぶやくと距離に換算して返信が届く。参加者が歩いた距離の合計をウォータくんが歩く。

既に話題になっているニュースですが一応。スタバやヴァージンアメリカが最初に広告主だそうです。 — SEO Japan 「Twitterで本当にお金儲けはできるのか？できるのならどうやって？」という湧き上がる疑問に、ついに答えるようなものをTwitterは明らかにしようとしている。新しいTwitterのビジネスモデルは、広告をTwitterの検索結果やTwitter.com上のユーザーフィード、ゆくゆくはTwitterのサードパーティクライアントに表示するという「Promoted Tweets」を頼りにしたものだ。 つまり、もしあなたがTweetDeckや他のモバイルやデスクトップ上のTwitterアプリを使っているのなら、毎日ツイートと共に表示される広告を見ることになるのだ。Twitterの「promoted ads」は、初めはTwitter上で実行された検索結果でのみ表示される。 今から数時間後にこの広告システムが始まると、Twitter上で実行した検索結果のトップに1つの広告が表示されることになる。この広告は通常のツイートの形態をしているため、Twitterの広告モデルからのツイートだと気が付かないかもしれないので、リツイートや返信をする時は注意が必要だ。 最初の試みとして、スターバックス、ブラボ、ヴァージンアメリカなどがこの「Promoted Tweets」を実施する。これらの企業はTwitterのヘビーユーザーで、このサービスをコミュニケーションメディアとして使用している。 「私たちは、Twitter上に既に顧客を持っている企業の会話をもっと強調するようなことをしたかった」とTwitterのCOOであるディック・コストロ氏は言う。 さて、あなたの見解はどうだろう？Twitterはこれで成功し、ついにお金儲けのマシンになることができるのだろうか？ この記事は、Search Engine Journalに掲載されたArnold Zafraによる「Suddenly Twitter Has a Business Model, Tweet Ads」を翻訳した内容です。 流石に最初から一流広告主を抑えていますね。果たして成功するのかどうか見守っていきたいと思います。 — SEO Japan

毎回、濃い内容の記事で知られるSEO by the Seaのビル・スラウスキがブログ記事を書く際に使える14の手法を教えてくれました。1つ1つは短いですが、全体を通して見るとかなり参考になりそうです。 — SEO Japan あなたはどのようにブログ記事を始めるだろうか？あなたの記事の書き方のパターンに従う？それともあなたが書くことの表現の仕方と読者に働きかける方法をミックスさせる？ あなたも使えるかもしれないくつかのアプローチを紹介しよう： 1. ジャーナリストが良く使う逆ピラミッド型スタイルを使用する。まず、一番重要な言葉を記事の最初に持ってきて、「誰が」「何を」「どこで」「いつ」「どのように」のような典型的なジャーナリストの質問に答えていくのだ。 2.　初めに記事の背後にある重要な事実や意見を言う前に、読者の注意を引くような話や秘話、ケーススタディなどを持ってくる。 3. 驚くような統計や、反応を引き出すような統計、もしくはその両方を使う。 4. 質問と回答形式を使って、一連の質問とその答えを提供する。一番重要な質問と回答から始めるのがいいかもしれない。 5. 物語や歴史に沿って、物事の始まりから始め、徐々に進んでいく。 6. 学校で学んだような従来型の小論スタイルで、意見や一連の構想の基礎を固めてから結論を提示する。 7. 他の誰かのブログ投稿やニュース記事などを参照し、その一部分または全部に賛成することから始め、その理由を説明する。 8. 読者にある仮説事項を想像してもらったり、ある記憶を思い出してもらう。 9. 率直な質問、それは有意義で、時に誇張的で、コメントや議論を引き出すための策略としての役割の可能性もあるものを使用する。 10. 特定の人に向けて、その人たちに対して書く。 11. 読者が知らないあなた自身についての何かを公開する。 12. あなたの投稿の核となるコンセプトを説明した定義を持ってくる。 13. あなたが書きたいことについてのある側面を強調した写真やイラストを使う。 14. これまでの経験や教育（またはその両方）に基づいた題材に関するのあなたの専門知識の基礎になるものをいくつかのを並べる。 あなたはどんな風にブログ記事を始めますか？ この記事は、「SEO by the Seaに掲載された「How do you start a blog post?を翻訳した内容です。 バリエーションが豊富で参考になります。それぞれの方法に沿って毎日記事を書いていくことも十分できそうですね。SEO by the Seaは今後本来の濃い記事コンテンツを配信していく予定ですのでご期待ください！ — SEO Japan

SEO業界の有名人、マイケル・ウルフがGoogleの様々なサービスを取り上げ改善してほしい項目を25出してくれました。ヘビーユーザーの方はどう思われるでしょうか？ — SEO Japan 私はグーグルに対して厳しい見解を示すことで名が通っている。しかし、私はグーグルが提供するサイトやツールを頻繁に利用するユーザーとして意見を述べているのであり、やみくもに批判しているわけではない。パワーユーザーであるがゆえに、ツールの改善につながりそうな分野のユニークな考えが浮かんでくる。あくまでも建設的な批判である。なぜなら、私のエントリは組織内に“広がっていく”ことがあるからだ。 Google Apps for Domains Gmailやグーグル・ドックスには、多数の優れた機能が導入され、興味深い取り組みが行われているが、グーグル・アップス・フォー・ドメインズには反映されていない。例えば、グーグル・クロームのGmailチェッカー・エクステンションをドメインに利用したいなら、コードをいろいろいじくりまわすしか手はない。 Gmail 利用するフィルターの数を増やしてもらいたい。現在は最大で20個～30個まで増やせる（私は実際に限界に達し、すべて削除しなければならなくなった。そして、1から作り直した）。また、コピーを複数の送り先に転送したい。例えば、旅行のレシート/旅行プランをエバーノートとトリップイットに転送させてもらえるとありがたい。 件名もしくは本文を選択/ハイライトし、“フィルター”をクリックしたことがある場合、記入したFromフィールドから始めるのではなく、代わりに選択した記入済みのフィールドから始めさせてもらいたい。 時間を設定してメールを送らせてもらいたい。現在、私はレターミーレイターを利用している。私は自分自身にBBCするのを忘れた場合、送ったこと自体忘れてしまうのだ。 Google Docs 多くのユーザーがグーグル・ドックスが公の場でインデックスすることが可能になると言う告知に懸念を抱いている。なぜなら、外部のウェブサイトから文書にリンクを張られる可能性があるからだ。リンクを張る文書をユーザーが選べるようにしてもらいたい。もしくは、ユーザーにすべての文書のインデックスをブロックする、共通の“無効”スイッチを与えてもらえるとさらに助かる。さらにグーグル・アップ・フォー・ドメインズの顧客に当該のドメインの文書をすべてブロックする機能を与えてほしい。 オフラインでスプレッドシートの作成および編集をさせてもらいたい。NYからベガスやカリフォルニアに移動する際に、スプレッドシートを使って仕事をしたかったものの、出来なかったことが数えきれないくらいある。 クリーンなHTMLをエクスポートする機能なんてどうだろうか？現在、既存のエクスポートの質は、マイクロソフトのワードのHTML文書並みに劣悪であり、不要なタグが文書の“ウェイト”をさらに増やしている。 自分のアカウントに対するデフォルトのフォント/サイズを指定させてほしい。私が神経質なだけかもしれないが、アリアルとヴァーダナ以外は受け付けられない。毎回ニュータイムズローマンやセリフ等のフォントでスタートしなければいけないのは、トイレの便座を毎回上げたままにする迷惑なルームメイト並みに腹が立つ。 Google Reader グーグル・リーダーを、グーグルコンタクトのアドレスブックだけでなく、グーグル・アップス・フォー・ドメインズのアドレスブックとも連動させてもらいたい。 フォルダー内のすべてのフィードの更新を指定した期間、一時的に止めたい。大きなプロジェクトに取り掛かるとこもあれば、バケーションに出掛けることもある。常にチェックする必要のあるフィードもあるが、それほど頻繁にチェックしなくてもよいフィードもある。 複数のツイッターのアカウントに共有させてほしい。私は複数のアカウントを持っており、トピックを基に異なる場所に転送したい。 Google Contacts グーグル・アップス・フォー・ドメインとグーグル・コンタクトを連動させてほしい。現在、この2つのサービスは個別に提供されており、グーグルのサービスで両者にアクセスすることが出来るときもあれば、出来ないときもある。 コンタクトに関連する写真を持ち、グーグル・シンクを利用しているときは、写真を引き込み、アカウントにマッチさせてもらいたい。 プロフィール/コンタクトの共有プログラムを選択することが出来るようにしてもらいたい。もし誰かがeメール、電話番号等を変更したら、集中型の共有プロフィールで変更し、連絡先を知っている人に情報が自動的に贈られるようにしてほしい。 Google Chrome マルチブラウザーのパスワードをシンクする機能 – 絶対必要だ。ラップトップとネットブックを持ち、パスワードを移動中に必要としているのは私だけではないはずだ。ラストパスを利用することはある程度可能であり、加えてロボフォームを利用出来るようにしたいという声が上がっている–この願いを叶えてもらえないだろうか。 複数のブラウザーでのエクステンションのシンク。エクステンション、セッティング、そして、カスタマイゼーションをブラウザー間で移動したい。 プレーンテキストとしてコピペしたい。ワードプレスやグーグル・ドックスを含む多くのサービスが、フォント、カラー、サイズ、スタイルを持続する機能を持つ。フォーマッティングをしない状態でペーストしたい。CTRL+SHIFT+V よろしく、@mattcutts。 キャッシュのサイズをゼロに設定することが出来るようにしてもらいたい。わざわざスピードアップしなくてもよいと思っているかもしれないが、私のISPは安定性に欠けており、キャッシュを一掃することでこの問題を99%の確率で解決することに気付いたのだ。 Google Voice 皆さんも望んでいるはずだ。このサービスをiPhoneでも利用する方法を考案しよう。役人のゴタゴタには付き合ってられない。 Feedburner メール内のエントリの順番を特定させてもらいたい。後入れ先出しがいつも最善だとは限らない。先入れ先出しの選択肢も欲しい。 YouTube & ユニバーサル検索 ユニバーサル検索で信頼性の高いサイトからの動画のみを表示したい点は理解している。しかし、ユーチューブのページのランクを上げてもあまりコンバージョンには影響しない。rel=canonical等を導入し、ユーチューブの動画を使って本当にランキングを獲得したいページに導きたい。 Google Search 検索に対してグーグルが導入する機能をすべて無効に出来るオプションが欲しい。&PWS=0 フラッグを使ってパーソナライズドサーチを無効にすることが出来るが、他のアイテムはすべて行き当たりばったりである。これらすべてがPODだと考えている点はお見通しだ。しかし、目障りなときもあるのだ。私は、マットのように、いつもスッキリとしたURLを好むだけである。 Google Tasks 繰り返しのタスク機能を用意してほしい。毎週もしくは毎月実施するタスクがあるので、この機能があればスケジュールを練り直す手間が省ける。 Google Alerts 「新着情報があるたび」以外の通知について、時間を特定したい。現在、「1日ごと」を選ぶと、フィルターを作成してから、もしくは最後に修正/更新してから24時間後に通知される。 Picasa Web 写真の共有/保護については、必要に応じて妥当な設定が用意されているものの、この設定を説明する用語が分かりにくい。試行錯誤してやっと理解することが出来た。コンピュータに疎いおばあさんにも分かるように説明してもらいたい。皆のためにひと肌脱いでもらいたい。 コメント募集中。提案があれば、コメント欄で発表してもらいたい。全く関係のないコメントは容赦なく削除させてもらう。 この記事は、「Michael Gray Graywolf’s SEO Blogに掲載された「25 Things I’d like to See Google Fixを翻訳した内容です。 いかがでしたか？！ちなみに英語版記事のコメント欄ではマット・カッツもコメントしていました。「プレーンテキストのコピー＆ペーストは、既にできる。 -v じゃなくて –v でフォーマッティングをしない状態でペーストできる。」と言うことでした。クロームを使っていないのでイマイチ意味不明でしたが・・・汗 使っている方なら理解していただけることを期待します。。 — SEO Japan

2010年4月17日、ベルサール神田で、CSS Nite LP, Disk 9「... CSS Nite実行委員会

買い物はネットがメインの我が家（衣類を除く）。食料は100%生協の宅配です。新聞も1995年にやめてWebに切り替えました。 現金で買い物をするという経験を子供は殆どしていないので、お店でダダをこねるという光景はあり得ません。パソコンでぽちっとすれば次の日にピンポーンと届く、と思っています。 ドラッグストアに行ってみた 9歳の時、急に必要になりドラッグストアに入ってみました。すると 「ここは消費アイテムのコーナーかー」 確かにシャンプーや洗剤は消費アイテムです...。 そして、パパが反応する間もないうちに続けて 「ま、そう言ったら全部消費アイテムだけどね」 え...?! 確かにドラッグストアは洗剤、薬、化粧品、食品など消費材がメインだけど、ホウキとか雑誌とか...。いや、それもいずれ壊れて捨てられるという意味では消費アイテムか。万物は流転する。エントロピー増大の法則。僕たちは、減るモノにばかりお金を使っているのか。深イイ。。 モノよりデジタル 小学校に入学した時はDSとソフトをいくつか買ったものの、すぐ飽きてしまい、WebMoneyに換金してオンラインゲームの有料アイテムを買っ

「美人時計」と「BEAMS」がコラボ。「BEAMS」のスタッフ60人が東京都内のショップから時間をお知らせ。ムービーもあります。...

IABとNAIが、行動ターゲティング広告について情報開示を行うための技術仕様を公開した。行動ターゲティング広告にクリッカブルなアイコンを表示して情報を開示する方法は2009年7月に提唱していたが、その技術仕様にあたる。広告配信の主体組織、広告ポリシーの掲示場所、オプトアウトの方法などの情報を含んだメタデータを、行動ターゲティング広告とともに配信する。
------------------------------
CLEAR (Control Links for Education and Advertising Responsibly) Ad Notice Technical Specifications
http://www.iab.net/clear/
------------------------------
広告マーカーと呼ばれるアイコンとテキストは、広告の右肩（広告の内側または外側）に表示する。それがクリックされたときは、広告インタースティシャルとして、前述のメタデータの情報を表示する。広告インタースティシャルは、広告にオーバーレイさせるか独立したウェブページとする。
------------------------------
広告インタースティシャルをオーバーレイとして用意する例（レクタングルの右肩をクリック）
http://green.yahoo.com/living-green/
広告インタースティシャルをランディングページとして用意する例
http://info.yahoo.com/privacy/us/yahoo/relevantads.html
------------------------------
このような自主規制が、そのうち日本でも必要になるかもしれない。

ツイッターのつぶやきを広告として露出できるサービス「Promoted Tweets」について、ツイッターはレゾナンス（共鳴、共振、反響）という独自指標を持ち込んだ。レゾナンスは、返信、お気に入りへの登録、リツイート、リンクのクリックなどを総合した指標のようだ。レゾナンスの低い広告ツイートについて、ツイッターは配信を中止するとしている。アドエイジによると、広告ツイートはいまのところキーワードごとにCPMベースのインプレッション課金で取引されているようだが、レゾナンスベースのパフォーマンス課金も検討されているようだ。グーグルの品質スコアにならって、レゾナンスの低い広告のコストを高めるかもしれない。「Promoted Tweets」については、360iによる解説資料が分かりやすい。
------------------------------
360i Report on Twitter's New Promoted Tweets Ad Platform
http://blog.360i.com/pov/360i-report-on-twitters-new-promoted-tweets-ad-platform
------------------------------

資生堂とユニクロが紫外線対策で共同キャンペーンを展開するにあたり、キャンペーンサイトを公開。