Web制作で細心の注意が必要なのはフィードだ。

通勤やちょっとした空き時間には、所謂RSSリーダでネタを探している。

最初、Google Reader(Androidアプリ) を、「なんて便利なんだ」って使ってたんだ。
今でも、ソレはシンプルで明快だから大好きだ。

でもGoogle readerと同期する「Feedly」っちゅうリーダーを使いはじめて、なるほど、これも良いなって使ってるんだ。
雑誌のようにフィードを閲覧できるんだよ。
(描画に少し難があるけど、まあ、耐えうる。)

んで、人気があるらしいので、「pulse」ってリーダーも使ってみた。
これもなかなか凄くって、フィードは勿論、ソーシャルなタイムラインも購読できる。雑貨感覚でね。
(もっとも、UIがくどくって、流し読みにも遷移がつらいので、利用をやめた)

そして数日前「Google Currents」がUSで公開された。
まだ日本では利用できないから、さっぱりわからないが、大いに期待できる。

さて、フィードを購読して、リーダーでサマリを選んで、面白そうなものを拾い読みする。

なにを読むかは、サマリのインパクトによる。

目を引く画像が入っていて、有用でネタになりそうだというリードがあるのがベストだ。

それらはAtomやRSSやOGP情報から生成されたり、description やページ本文から生成されたりするだろう。

これらの出来によって、Webページに誘導されるボリュームが変わるんだ。

ただの更新通知手段であった時代は終わろうとしてるんだ。

さほどリーダーが利用されるとは思わないかもしれない。
しかし平均して、人が携帯に接する時間は、PCより、書籍より長くなった。

リーダで購読されない、またはフィードにパワーの無いサイトは閲覧されない傾向になるだろう。

これは、ソーシャルメディアに露出されないサイトが弱い傾向にある事と同じ軸上にあるように思う。

運用においては勿論だけど、Webクリエイタは、ソーシャル対策と同じく、フィードについてのプランを企む必要がある。

フィードだけでの配信ってのもありうるかもしれん。

MT 入門

以前一緒に仕事をしてくれた ハセP君に MT のテーマ作成のアドバイスをする事になった。

MT ってのは、実に学習が難しい。
(WPはまぬけなリファレンスのせいで、もっと難しいけど。)

MT の独習者にとっての不幸は、カスタムのための出発点となるテンプレートや、テーマが無いことだ。

また、ウェブサイト、ウェブページ、ブログ、ブログ記事…
といった階層構造にピンと来るまでがなかなか時間がかかる。

基本的に静的生成なので、コメント機能などの動的機能はAJAX になる。これのスタイリングは、厄介だ。(動的機能は、さすがのWPなのである。)

さて、ハセPは今日しか時間が取れない。

そこでソコソコの成果を出すなら、僕がベースのコーディングをバリバリやるしかないな。

まず、裸のカスタムベースを作って、後にも利用できるようにしてあげたい。

もうすぐ京都だ。

休日に時間を取られて
でもわくわくしているのは、
最近、人に教えてあげる機会に飢えてるからなんだろう。

Like(いいね)系ボタンと、Share(送信・共有・おすすめ)系ボタン

WebコンテンツはSNSへ露出する方策を計画しなくちゃいけない。

Webサイトはアクセスしてもらう場所ではなくなりつつあります。 人はそれぞれ気に入っている場所に居座るようになった今だからこそ、Webサイトのコンテンツを彼等がいる様々な場所へ届ける仕組みを設計しなければいけません。
長谷川恭久

だいいち、下手なSEOや広告より効果あるじゃねぇか…
山本純

 

まず、LikeとShareの違いをおさらい

Like(いいね)系ボタンてのは、ワンクリックで対象にマーキングするものだよね。

  • Facebook : Like(いいね)
  • Google Plus : +1

Share(送信・共有・おすすめ)系ボタンってのは、友人知人に対象を紹介するのだよね。

  • Facebook : Share(送信)
  • Google Plus : Share
  • Twitter : (tweet) 

 

Webサイトに導入する際、LikeとShare、それぞれでニュアンスが違うので、できれば使い分けたい。

  • Like系
    (ログインしていれば)ワンクリックでアクションが完了する
    とにかくSNS系に露出したいという場合にはよい。 
  • Share系
    コメントの記入等のアクションが入るのでアクションがちょっとめんどくさい。
    効果の高い露出が期待できる…かもしれない。
    (FacebookのShareはLikeと統合されたのでちとややこしい) 

 ようするに、ユーザがそのコンテンツをSNSで取り上げる時の「濃さ」だね。
Likeは「お!」とか「読んだよ」とか、軽いカンジ。
Shareは「読んでこれ」 というニュアンスだ。

コンテンツに「お!」と感じても「読んでコレ」とは思わないシーンの方が多いでしょう。
それでもSNSに露出してほしい場合にはLike系ボタンを設置した方がいいよね。

 

クリエイタ泣かせのLike系ボタン

Like系ボタンの何が気に食わんっちゅうと、デザインが自由にならないトコだ。
(がんばればなるかもしれないが、厄介)

結局Like系ボタンは「既にLikeしているか」というロジックが走るので、その中身はiFrameになってる事が多い。だから見た目がコントロールできないんだよ。 

各SNSのLikeボタンはデザインがまちまちで、複数並べるとドンチャン騒ぎだ。
特に縦に並べようとすると無残。
アイコンだとかに変えたいが、先述のとおりムリ。
(ドロップダウンのような見せ方は一つの解かもしれない)

 

AddThis

AddThisはShare系、Like系ボタンを設置するための統合サービスだ。
(AddThisのAnalytics機能は効果測定に不可欠!) 

結構スタイリッシュなスタイリングができそうな印象を受けるかもしれない。
https://www.addthis.com/get/ 

アイコンのみのスタイリングもできるようだよね。
縦並びもできる。
http://www.addthis.com/labs/floating-vertical-bar

オリジナルのアイコン画像も使えるね
https://www.addthis.com/help/toolbox
(Custom Images) 

でも、よくよく見るとスタイリングできるのはShare系ボタンのみ

AddThisでLike系も扱えるが、AddThisだってLike系の見栄えをコントロールできない。
それは「Analytics機能と連動するオフィシャルボタンを生成して設置できる」というニュアンスで「Third-Party Buttons」として扱われてる。
 https://www.addthis.com/help/third-party-buttons

結局Like系ボタンのスタイリングについてAddThisは便利なツールではない。
(それでもShare系ボタンと統合してAnalytics機能に乗せられる魅力は捨てがたい) 

Like系ボタンはオフィシャル以上の事をするのは難しい

 

逆にShare系ボタンのスタイリングは結構凝れる

How to customise AddThis Sharing icons | Wiliam Web Design Sydney Australia

 

そんなこんなで…

納得はできてないけど、以下のようになった
http://www.questetra.com/ 

ellipsis : テキストがBoxからはみ出る場合に「…」を付けて省略する。

テキストがBoxからはみ出る場合に「…」を付けて省略する。

.box{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }

↓ 実際にはこうなるね

生麦生米生卵ヘイ!生麦生米生卵ヘイ!

複数行の時にはどうすればいい?

この ellipsis は単一行にしか使えない。 複数行のテキストを途切れていいから、Box要素のサイズに合わせて流し込みたいってケースはあるもんだ。 色々調べてみると、Box要素の高さに収まるまで、末尾から文字をJavaScriptで徐々に削除するってのがある。

なるほど、なるほど

[ Insert ellipsis (…) into HTML tag if content too wide ]

しかし、JavaScriptの実行速度が速くなった最近だから使える大技だね。 数年前ではちょっと考えられなかったけど、今では充分使えそうだ。 一回で目減りさせる文字数を増やせば、精度は落ちるが速度は上がりそうだ。

いまさらながらNHK杯&フランス大会

NHK杯の動画をいつまでもいつまでも
リピートしたりリピートしたりリピートしたりしてたら
もうあすの夜にはドキドキ☆ロシア杯ですね。
マスコミさんは、ロシアっこVS日本女子とか煽んなよ。
ライバル対決煽り構成はあきあきです。

さて、そんないまごろNHK杯&フランス大会の覚え書きしようと。
なんかもうなにをかけばいいのやらよくわかんない( ^o^)

フィギュアスケート

安心のNHK中継と充実の公式サイトで満足度高すぎ。
ちょっとエキシビジョンのカメラにはいらつきましたが
「中国杯カメラと比べればこれで文句いうなんて贅沢すぎる」
と反省したり。人間てなんてどん欲。

鈴木さん:3-3成功おめでとう!すごいな。
そしてなんかもうステップで曲を奏でちゃってる感じだし。
真央ちゃん:まじ妖精やで。FPのトコトコ走りが復活してうれしいが
贅沢をいえば前のところのほうがいいな。ああ人間てどん欲。
SPはもっと素敵になるよかん。ふりを真似するのが楽しいw
レオノワ:エキシビジョンのとき
「ええい、カメラはもっとレオノワたんの胸元アップにしろぉ〜」
とかテレビにむかって叫んでごめんね。
アシュリーとかゲデちゃんとかキーラとかNHK杯至福でした。
石川さんは緊張感が伝わってきた。そんでライブのとき
まさかのダイジェストだったのは残念だったよNHK!

高橋くん:4F着氷おめでとうー。次は本番で見れるな。たのしみ。
SPもFPも中毒性高すぎて俳人もとい廃人になれます。
小塚くん:ナウシカ完成したらものすごいことになりそう。
青き衣まとっちゃいなYO!今の衣装、模様が巨神兵に見えてきたし。
ロス・マイナー:北海道Tシャツイカしてた。
すべてそれで上書きされて競技の記憶がおぼろげに…
町田君:背後にランビが見えた。
ベルネル:FPよかったのに。でもころんでからも楽しかったよ
ムロズさん:4Lzぱねぇっす。やりよるな

川口&スミルノフ:見事な逆転優勝おめでとう。SPのゆうこちゃん素敵
なるみちゃん&トラン君:銀メダルおめでとう〜
あのエキシビジョン大好きなので、見納め寂しいけど次も楽しみ。
サブチェンコ&ゾルコビー:ちょっと残念でしたが、
おいしいもの食べて帰ってくれたかな。

リード兄弟:ブログでクリスの怪我の写真みて気が遠くなった。ひぃぃ
ふたりのガッツすばらしかった。お大事に…。

おフランス大会——————————
録画してたものの、NHK杯のあとではやはり見るに耐えず
youtube観戦のみにしてしまった。BSかCSで会場音のみの再放送みよう。

男子はけっこうな自爆…というかぐだぐだ大会だったかんじ?

織田くん残念だった。膝は大丈夫だろうか。好調ときいてたから
安心してしまってたけど、やはり怪我明けはこわい。
万全にして復活まってます。
かなこちゃんはSPかFPかどっちか元気なプログラム見たかったな

そんな尻切れとんぼにこのへんで。

from 小梅.com
小梅 : November 24, 2011 at 03:16PM

Gmailを解析してさまざまな傾向を教えてくれる『Unbox』

Unbox

似たようなアプリをすでに紹介したような気もするし、まだリリース前だったりするが、こういうのが好きなのでご紹介。

Unboxを使えば、Gmailを解析してさまざまな傾向を教えてくれるようだ。

誰と一番メールをしているのか、どの時間帯にメールをしているのか、今年は何通のメールを送っただかとそういうことだ。

まだどういった情報を提示してくれるのかの全容が見えていないが、こうした傾向は人と比べることで情報としての価値が増す。

「他のあなたと似たような人と比べてこう」なるものを教えてくれたらいいな、と思ったり。

Unbox

http://unboxapp.com/

Gmailを解析していろいろ教えてくれるアプリ。

管理人の独り言 『休日』

だけどがんばるよ!

今日の運動記録

今日はお休みかな。

from 100SHIKI
taguchi : November 23, 2011 at 07:56AM

映画マイノリティ・リポートのような対話型街頭広告がニューヨークに出現

Inwindow

映画Minority Report(マイノリティ・リポート)には、Tom Cruise(トム・クルーズ)がショッピングモールを歩いていると、デジタル看板が彼に話しかけて、彼本人をターゲットとする個人化広告を見せるシーンがある。まだ屋外広告はそこまで進化していないが、そんな方向に進んでいることはたしかだ。ニューヨークのInwindow Outdoorという会社が、”Experience Stations”と呼ばれるデジタル広告を、ショッピングモールやホテルのロビーなどでテストしている。上のビデオが、それだ。それは複数の対話的技術…モーションキャプチャ、大型タッチスクリーン、NFCリーダー…を組み合わせて、物理的な場所にイマーシブ(immersive, 没入型)な体験を作り出す。

ぼくが試してみた装置は、その能力をデモするために作られたいくつかの典型的なアプリケーションがロードされていた。写真ブース機能のある対話的広告や、映画の予告編を見せてチケットを買わせる機能、NFC機能のある電話機、そのモール内の特売案内、などだ。プロトタイプの開発には、Intelも参加している。

デジタルのプラットホームは何でもそうだが、デベロッパが作るアプリの質によって、ユーザが得られる体験の質も決まる。物理的な場所で難しいのは、さっさと通り過ぎようとする人たちを、どうやって立ち止まらせ、対話に参加させるかだ。ぼくの感想では、従来型の広告は実際に特定の商品を売っている場所や、情報キオスクみたいなところに置かないと、無理だろう。また、企業のイメージ広告みたいなものなら、アプリをもっとゲームっぽくして、高得点者等には賞品を提供するべきだろう。

[原文へ]
[jpTechCrunch最新記事サムネイル集]
[米TechCrunch最新記事サムネイル集]
(翻訳:iwatani(a.k.a. hiwa))

from TechCrunch Japan
Erick Schonfeld : November 22, 2011 at 05:14AM

もしあのサイトが雑誌だったら・・・

はは、おもしろいコンセプトかも。日本のサイトでもやってみたい。

Enhanced buzz 2417 1321392124 8

↑ Facebook。ゴシップ系になりそうw。

Enhanced buzz 15196 1321392141 2

↑ Wikipedia。確かに。

Enhanced buzz 24888 1321392155 3

↑ Yelp(食べログみたいなサイト)。これは充実してそう。

Enhanced buzz 2421 1321392169 7

↑ ツイッター。中身薄そうだけどw。

Googleだったら百科事典なみになりそうですよね。LinkedInみたいなのも見てみたいな。

» Popular Websites As Magazines

from IDEA*IDEA
taguchi : November 22, 2011 at 05:31AM