Webutubutu!-Older

IE6は死すともIE8は死なず？

2012-05-17T23:21:00.002+09:00

最近丁度出くわして今さらながらに実感しましたので記事にでも。

IE6は早く消えてと思いつつやっぱり残っている昨今ですが、仮にそれが消えたとしても別の事情からIE8以上にはならないかもしれません。

WindowsXPとIE8

2010年03月17日の記事で以下の様な情報がでました。

結論としては上記の内容のままです。

Windows XPが使われている以上IE9以上だけになる事は非常に難しい状況です。

Windows XPが使用している状況の一例

冒頭の最近出くわした事に関連しますが、お仕事の関係でWindows XPを利用されているWEB系でない方がいまして。
その方のサイトを作った際にその方がご自身のPCのIEをIE9に上げようとしてこの事態に出くわしました。

私も失念してまして、その方から「IE9にできません」と伺ってから事態がようやく把握できた次第です。

さて、Windows XPでIE9を使う方法はいくつかWEB上で見つかります。
Windows XPを使っているような方は、必要が有ればその方法を自主的に見つけてアップデートしている、あるいはアップデートするだろうと思っていました。

が、今回の件で必要があってWindows XPを仕事で使っている方でもそういう知識や技術を持っていない事態がある事を実感しました。

個人の方が惰性で使っている分に関してはパソコンの買い替えとともにIE6〜8は消えて行くでしょうが、仕事でXPを使い続ける所ではIE8以前は思った以上に残るのかもしれません。

結び

こんな内容を書いてはいますが、サイト製作時にはほとんど影響が無いと思います。
IE下位バージョンを気にする割合は0にはならなくとも確実に減ってますし。

が、クライアントの方の関連で問題になる事は時々ある気がします。
クライアントご自身ならまだしも、その方のお知り合いや取引先などがWindows XPでIE8以下を使っている場合には「おたくの新しいサイト、表示おかしいよ」等と言われる可能性がありますから。
この状況ではおいそれと無視できません。

上記の問題が出るのは大抵公開後ですから、クライントの方にご説明して納得いただくのが一番良い方法でしょう。が、説明ではなく説得になりそうなので結構な時間と労力が必要になるかもしれません。
制作前の事前の説明がベストではありますが、公開後にこの問題が顕在化するとアフターケアの意味でも対応が重要化と思います。「最初にお話ししましたけど」だけで終わらせる方は居ない事を願います。（もっとも、居たら居たでそこのクライアントさんを奪える切っ掛けになるかもしれませんね。）

WEB利用よりも本業

2012-05-11T04:09:00.001+09:00

WEB上で話題を広げたり露出を増やしたりする方法はいろいろありますが、何も変則的な手段ばかりでもないわけで。
ごくごく当たり前ですがWEB以外に目を向けるだけで効果がある場合もありますし、そもそもそここそが一番重要ではないかなと。

WEBで話題になる

WEBで話題になりたい場合には、俗に「バズる」という状況を作り出そうする場合があります。

炎上などのネガティブな方法もあれば着眼点がユニークなプロモーションなどその手法は様々。基本的には人の興味を惹く何かしらを作り出すのかなと思います。

WEBで話題になる事自体が目的という場合もあるのですが、商売という位置にたてばそれは売上を上げる為の手段となります。それだけにお金と時間をかけて仕込むわけですね。面白い企画、より面白い企画、もっと面白い企画...。とにもかくにもWEBで広がり易いネタを作り込む。

そうして思い通りに事が運べば万々歳。

ですが、こういうWEB上のみに目を向けた方法というのはどちらかといえば枝葉なのかもしれないと思う訳です。
幹は他にあるのではと。

本業が基本

ではどこが幹なのかというと、やはり本業の部分ではないかと。
WEBにしか店舗がない場合は別なのですが、ここでは実店舗などがある場合を想定します。

例えば、新商品をだしたり、イベントをしたり、地域の催しに参加したり。「実際に動く」訳です。その結果として行動がWEBでとりあげられるという流れが一番根本ではないのかなと。
もちろん用意周到に手を回しWEBと連動させれば効果倍増でしょうが、そこに力をそそぐより「実際に動く」部分に注力したほうがいい場合が多いと思います。

実例をややボカして例示しますと。
ある食品製造の会社さんがあるとします。WEB上に会社サイトはありますがそれほどのアクセスは無く、SNSの類いもやっていないためWEB上の交流経路がほとんど無い状態です。
その会社さんが一時的に自店舗以外のお店で販売する事になり、商品を開発しチラシを刷り接客サービスを見直してその場に臨みました。

その結果、今までブログなどにとりあげられることが無かったというのに、ぽつぽつととりあげられてリンクも貼られるようになりました。

これはとても単純な話で、商圏が一時的に広がって新しいお客さんの目に触れたためです。場所が変われば人も変わりますから、新しいお店の新しい商品を見てWEBで情報をシェアしたくなったのでしょう。WEBに限らずそれこそ井戸端会議のクチコミで広がることもあるでしょうし。

このように、WEB上で仕込まなくとも話題が拡散できます。

WEBは大事だけれど

WEBで何かしらPRをと考える場合、前述の出店時になんとしてもWEBとの連動をしなければと考えるはずです。それは正しいと思うのですが、意外と足下が危ない気がします。

お店や会社がWEBを意識するには本業以外に目を向ける余力が必要で、そこにあまりリソースをとられない方が良いのではないでしょうか。
商品やサービスの質を上げたりコストを抑えたり。スピードを上げて生産量を増やしたり。新たな出店場所を探したり。そういう事に力を振り分ける方がより基盤のしっかりした事業ができるのではと思います。

スーパーでは、試食を行えばその商品が売れやすくなるといいます。これが販売の基本ではないかと。目で見るだけでわかるものは少ないのですから、お客様（ユーザー）に直ｓつ商品を売り込める場所が第一でしょう。
WEBはその結果としてくっついてくるという流れが自然ではないでしょうか。

WEBで話題になることばかり考えていると、この辺りの意識が飛びやすくなってはいないでしょうか。現在WEBは重要な場所ですが、本業で手を尽くさずして事業の継続がのぞめるのかどうか...。

結び

書いては見たものの、思った程まとまりませんでした。
が、書きたい核はだいたいこんな感じです。

なんといいますか。必死にWEBを利用しようとする前に「おたくの商品は売れる物なのか？」とか「おたく自身にお客を惹き付ける何かがあるのか？」とかその辺りを頑張らないとダメなのではと思った訳で。

土台を整えてから次に進むのでは他に追い抜かれて負けてしまう世の中ではありますが、追い抜いた相手がハリボテなら抜き返すのは難しくはありません。特に長期的な視野で考えている場合には、花火の様な相手は望むところでしょう。

「Twitterやブログで情報収集→ゴミばっかり→使うの止める」

2012-04-12T12:27:00.004+09:00

リニューアルの告知をしていきなり旧ブログを書いている訳ですが、しばらくはこんな感じで。基本的に移行しない内容になるかと思います。
今回は時々拝見する言葉について。

「Twitterやブログで情報収集→ゴミばっかり→使うの止める」

「Twitterやブログで情報収集→ゴミばっかり→使うの止める」みたいな発言をたまに見かけます。これ自体は別に悪くも無いですし、そもそも何を呟こうがモラルの範囲内であれば基本的に自由ですし批判するのは筋が違うとも思います。

ですが、まぁ思う所が無い訳でもなく。

情報の消費と生産

誰でも有益な情報を探しています。よく詐欺に使われますが「誰でも楽して儲かる」的なものから、深刻な問題を解決してくれる物まで様々。

それぞれに求める情報があるでしょうが、「Twitterやブログで情報収集→ゴミばっかり→使うの止める」という方は情報を消費することしか考えていないのではと思います。それで文句をいうのもどうなのと思う訳で。

情報は勝手に文字にも写真にもなりません。誰かが文字や写真にしています。
もちろん背景はさまざまで、それこそ詐欺的な目的から善意まで動機は十人十色。ですが、それらにはかならず生産者がいるはずです。

そういった事を全く考えず文句だけいっていても何にも解決しません。「ゴミばっかり」と思うなら、自分で価値ある情報を流してください。そうすれば、ゴミ以外ができますから。

情けは人の為ならず

情報を生産する側に回るのは、何も他人の利益になるだけではありません。

なぜなら、自分のぶつかった壁を超える方法が探して見つかれなければ、その情報は他の誰かにとって価値ある情報に違いないのですから。これをコンテンツとして精製すれば、自分の資産を増やす事になるはずです。

アクセスを集めたり何らかの成果を得られる可能性が大きいのでは？

結び

ちょっと感情的な切っ掛けで勢い任せで書いていますが、大筋は以前から考えていた事です。

私自身様々な方が生産した情報に助けられています。その経験は、私がこうしてブログを書く原動力の一つにもなっています。恩返し、といえるほどの質はありませんが意識はそんな感じで。
願わくば、ゴミだと不満を持った方にこそ情報を生産していただきたいです。

まぁ、それが嫌なら何も発言せずに消えていただきたいなぁとは思いますが。

ブログリニューアルにつき、タイトル変更などなど

2012-04-12T02:15:00.001+09:00

お知らせです。
今回、見切り発車で新しいサーバーとドメインの元にブログをつくりました。

ブログのリニューアル

実際にはブログのリニューアルではなく新規作成になるかもしれません。

新しいブログはドメインをwebutubutuにしてしまったために、タイトルもそれでいく事にしました。このままだと!マークの違いしかないため、こちらのブログのタイトルを「webutubutu!-Older」に変更しました。

新ブログは以下のからどうぞ。と、お知らせしたい所ですが中身がありません。デザインの細部も未完成です。
これから徐々に中身を移行してから、新記事執筆となります。全体の完成は未定です（汗

http://webutubutu.com/

なお、新ブログに詳細を書いていますが、こちらの記事は削除せず書き換えたりリンクを飛ばしたりそのまま置いておいたりします。基本的には記事の削除はしませんので、リンクをいただいている方はご安心ください。

本来は全て整ってからと思っていたのですが、こちらのタイトルを変更したり記事がそのままでは無い場合がありますで、利便性等を考えてこのような形でお知らせをし他次第です。

結び

小さい内容などは、しばらくこちらで執筆する予定です。新ブログでやるとややこしくなるので...。

新ブログが完成した暁には、こちらは違うテイストの記事を書く予定です。小ネタが多くなりそうですが。

今後とものお付き合いをいただければ幸いです。

ニュース検索で表示されたMatt Cutts氏の言葉

2012-04-06T17:05:00.001+09:00

たまたま見つけたのでネタ的に。他の方がとりあげておられるかもしれませんが...

[2012.4.6追記]

ニュース検索で表示されたMatt Cutts氏の言葉

大した内容ではないので、簡潔にいきます。

特に理由もなくニュース検索で「SEO」といれたら、下記のような表示が出ました。(2012.4.6現在)

"shouldn't register a TLD in the mistaken belief that you'll get some sort of boost in search engine rankings."
2012年3月19日 Register
Matt Cutts

と書かれています。

意味としては、「『検索結果の順位を上げるため』という間違った信念でTLDを登録しないで。」という感じでしょうか？
間違っていたらご指摘いただけると助かります。

2012.4.6追記
普段使わないSafariで同じ調べ方をしたら、下記の様な表示になりました。

"Great Leaders know that successes need to be celebrated."
56 分前 Search Engine Watch
Jack Welch

念のためキャッシュやら履歴やらを削除してGoogleからログアウトして検索すると、上記と同じJack Welch氏の言葉が表示されました。
さらに、再ログインして検索すると表示自体が無くなりました。ちなみに、ログインしていなくても見れる場合がある事は確認しています。
ということは、WEBの利用履歴によって表示する内容が変わるのかも。

何らかの理由でSEOに関する検索行動を行っている方には、Matt Cutts氏の言葉が表示されるのかもしれませんね。

Registerのリンク先

ちなみに、日付の横にあるRegisterをクリックすると以下のページに飛びます。

Google: No SEO boost from vanity top-level domain grab

結び

ニュース検索でこういう場所にこういう文章が出てくるとは思いませんでした...。もっとも、何かしらの効果があるとは思えませんし、いつ消えるのかもわかりませんが。

何となく、「いい加減スパムなSEOはやめてよね」的な呆れ顔が浮かんでしまいました。

WordPressでテーマが認識されない時の凡ミス：メモ

2012-03-20T04:43:00.000+09:00

WordPressで何度試してみてもテーマが認識されないので困っていましたが、非常に愚かなミスをしておりました。
気付けば何でもないのですが、たまにハマると時間を食います...。

壊れているテーマ

WordPressでテーマをインストールした際に「壊れているテーマ」とでることがあります。
「名前」と「説明」で原因が特定できますので、大抵問題は解決できるのですが...。

今回は、「以下のテーマはインストールされていますが不完全です。テーマにはスタイルシートとテンプレートが一つずつ必要です。」とアラートがでて、説明が「テンプレートが見つかりません。」でした。

この場合、インストールしたファイルにindex.phpとstyle.cssがあるかを確認すれば解決かと思っていたのですが...。確認したら、しっかりあります。cssにも必要な部分は書かれていました。

検索して調べてみても、ちょっと違う感じでうまくいきません。そもそも、上記の「以下のテーマはインストールされていますが不完全です。テーマにはスタイルシートとテンプレートが一つずつ必要です。」と「テンプレートが見つかりません。」で検索する様な事態にならないからでしょう。ファイルさえそろえれば解決するはずなんですから。

原因と解決

しばらくファイルを移動させたりしててエラーの変化を確か目ていたのですが、ようやく以下が原因だと分かりました。

テーマを入れたフォルダの末尾に半角スペースがあった

コピペでファイル名を持って来た報いを受けたわけです...。解決策はスペースを消すだけ。

スペースがあると、テーマファイルとは認識しつつも中身をちゃんと把握できないようですね。それで、エラーメッセージの説明としては「テンプレートが見つかりません。」となった感じです。

ちなみに、imagesフォルダを取り除くと名前がimagesとなり、説明が「スタイルシートが見つかりません」となりました。jsフォルダも同様です。

結び

こんな事で躓く方はいないとは思いますが、自分のメモ的に記事を書いてみました。
コピペ不注意はミスの元と実感です。

IEtesterのIE9とギャラリー系jQuery：メモ

2012-03-15T18:26:00.000+09:00

IEtesterを信じて危うく無駄な事をする所だったので、メモとして。

IEtesterとギャラリー系jQuery

IEtesterは有名なツール。これがないとブラウザでのIEバージョンチェックが難しいので、その重要性は非常に大きいと言えます。

今回、ギャラリー系のjQueryプラグインを使おうと思い、IE6でも動くslidescaleを付けました。
例のごとくIEtesterでチェックすると...IE9だけ表示されません。

何かミスをしたのかと思い、slidescaleのサイトをIEtesterで表示させても同様にギャラリー部分が非常時になります。
ためしに同ジャンルのGalleriaを使ったサイトを表示させた所、こちらは全ての画像がずれて重なるように表示されました。

IE9で表示確認

ちょっとした事情により手持ちのブラウザはIE8だったので、IE9にバージョンアップ。

そしてIE9で確認したら普通に表示されました。
IEtesterのIE9がおかしかった様です...。

IEのブラウザモードの利用

IE8とIE9にはブラウザモードで旧バージョンを確認できる機能があります。

IE8でしたら、IE7が。
IE9でしたら、IE8とIE7が。

この機能を使えば、今回の件を考えるとIEtesterよりも信頼できる表示になるようです。ただ、IE6は見られませんのでそこはIEtesterだのみになります。

2012.3.19
IE9のブラウザモードではIE7,IE8が確認できますが、ドキュメントモードを変更する事により一部確認できる様です。詳細は以下のページをご覧下さい。

IE9のブラウザーモードとドキュメントモード

結び

今回は愚かな間違いをして、更に愚かな結果を招く所でした...。

もともとフリーのツールを利用させてもらっておいて文句はいえないので、やはり複数のチェック方法が必要だなと改めて実感した次第です。

ちなみに、前述のちょっとした事情とはIE8のブラウザモードでIE6がなかったため、IE9になるとIE8しか見られないのではと思っていたためです。IEtesterが使えるのだから、IE8で残しておこうと思ったからでもありますが。
今回の件でその判断も間違いだったと分かりましたし、今後はIEのブラウザモード主体でチェックをすることになりそうです。

やめてよ、eddyさん！

2012-03-10T01:43:00.000+09:00

今回はネタ程度の記事です。
いつも当ブログを読んでいただいている方は、いつもと内容が全く違うので読み飛ばしてくださいませ。

コメントスパム

以前公開したトイカメラのBeeで動画を撮った記事にコメントが付きました。
しかもeddyさんとなのり、日本以外の方っぽい。「nice blog」だけと書かれています。

BeeはYoutubeにアップロードしていますが、視聴者の何割かは日本以外の方が含まれています。その件もあったので、最初はあまり注意もしていなかったのですが...。
名前の所のリンク先が以下の通り。

http://www.centplay.com/affiliate/id_878/

明確にaffiliateって入ってますね。

で、これをスパムとして削除したのですが、数日後にまたもやeddyさんが「nice blog」。
これを即座に消すと、数日後にまたeddyさんが「nice blog」。
これを3,4回繰り返しています。

ちょっと面白くなってきました。が、邪魔な物は邪魔。
現在は放置しており、期間を空けてから削除してみようと思います。

結び

ご覧のようになんの内容も無い記事でもうしわけありません。

早い話が、コメントブログに悩まされたというお話です。

リファラスパム

因に、リファラスパムは忘れて頃に同じ所から受けてます。
1回来ると60以上のアクセスを残す感じでしょうか...。

こちらはただ単に嫌な気しかしません。

jQuery のjrumble.1.3の組み込み（メモ）

2012-03-08T04:22:00.000+09:00

jrumble.1.3の組み込みでちょっとつまづいたのでメモ。
紹介ページをちゃんと読んでいれば全く問題なかったというお話をメモとして。

jRumble

jRumbleとは、任意の要素を上下左右と特定角度にブルブルと振動させるjqueryです。
見た目が非常にコミカル。

詳細は下記のリンクをどうぞ。デモもありますし設定例にもなっています。

http://jackrugile.com/

日本語で紹介されているコリスさんのページもどうぞ。

[JS]あらゆる要素をガタガタ、ぷるぷる、ちりちりと振るわせるスクリプト -jRumble

IEでの動作

IEで見ると上下左右には動きますが角度は変わらないみたいです。

2012.3.15追記
IE9では角度も変わる事を確認しました。

IEtester上の確認も含みます、IE6とIE7とIE8で動作を確認しています。

jrumble.1.3の組み込み

コリスさんの記事で挙げられていた情報は2011年4月6日のjRumbleの情報ですので、jrumble.1.3だとあのままでは動きません。
ですが、前書きで記した通りjRumbleのページにいけば簡単に解決できます。

具体的には、以下の記述が追加で必要になります。


  $('#rumble-element').hover(function(){
  $(this).trigger('startRumble');
 }, function(){
  $(this).trigger('stopRumble');
 });

#rumble-elementは、任意のDOM要素に付与したIDなりクラスです。

最初にこれをjRumbleのページで見た時、てっきりマウスによるアクションがなくとも動作させる時だけいるのかと思い込んでしまいまして。
で、これを書かずに四苦八苦していたのです。情けない...。

結び

以上、メモでした。

ちなみに、遊びでこの記事にjRumbleを付けてあります。激しめにしてますのでおたのしみ下さいませ。

Bee - Toy digital 8mm movieでムービー作り。

2012-02-20T01:43:00.000+09:00

Bee - Toy digital 8mm movieをつかって、今度は音楽などもつけてみました。
せっかく作ったので、公開とともにちょっとした作成時の留意点なども。

ムービー

早速ですが、作成した動画です。今回は音が出ますのでご注意を。

Bee - Toy digital 8mm movieについて

FUUVIという会社が発売しているトイカメラです。

8mmビデオカメの映りをコンセプトにしており、メインは動画撮影です。音声ももちろん入ります。

映像に最初からエフェクトがかけられているので、レトロな雰囲気を求めるならば色の調整が必要ありません。
この点重要でして、時間的に骨が折れるエフェクトを書けての書き出しをしなくてもよいので、作業が早くなります。また、画像が元から綺麗ではない（ノイズをイメージした仕上がりになっています）ので、下書き出し時の画質にもそれほど気をくばらなくとも良い感じです。

ちょっとした留意点

Beeを使用して動画を撮影する場合、気をつけるべき点があります。当たり前の事柄なのですが、わかっていてもうまくいかないので要注意。

水平がとりづらい
手ブレしやすい
画角が分からない

この辺りは製品の特徴や仕様と結びつきますが、慣れと機材でカバーしなければうまく撮れません。

水平や手ブレは水準器とミニ三脚で何とかなんとかできます。が、いつも最適な場所に置ける訳ではありませんし、そもそもかさばるようでは手軽に持ち出せません。
画角が不明確なのは、ファインダーの大きさとレンズ自体の画角に大きな開きがある事が原因です。ファインダーにレンズもなにも入っていないので当然と言えば当然なのですが...。イメージとしては、ファインダー内に張りつけら得れている銀紙（反射板？）の範囲まで写る感じです。銀紙にはファインダーから見える部分が写り込んでいるだけですので、あくまで範囲のイメージでしかありません。

結局の所、体で覚える部分が大半ですね。

結び

写真を撮影する為に一眼デジタルカメラを持ち歩く身としては、Beeの小ささ軽さはとても魅力的です。見た目も可愛らしく、出先で見せれば話のネタになりますし。
うまく撮れるようになれば、もう少し活躍の場ができそうです。

なお、以前撮影したテストムービーもありますので参考までにどうぞ。

Bee - Toy digital 8mm movieを買ってみた

盗られて配られて。NAVERまとめと自作イラスト。

2012-02-08T16:26:00.002+09:00

NAVERまとめにイラストが無断で素材として提供されていた顛末を、一応簡単な記録として記事の形に残そうかと。

概要

先日画像検索で調べ物をしていた際に、単なる思いつきで私のアイコンである地蔵のイラストを検索してみました。すると、NAVERと見た事も無いブログが検索にヒットしました。

該当のURLをみると下記のような状況が判明しました。

あるユーザーのNAVERまとめに素材画像集の1つとして登録
ブログの中の1記事のイラストとして使用

無断掲載のブログに関しては恐らく上記のNAVERまとめからとったかと思いましたので、元凶はNAVERかなと判断。
現在この地蔵アイコンは私個人を表す標識に等しいので、素材として使われている状況は見過ごせませんでした。

行動と結果

ブログさんにはコメントで無断掲載の旨を知らせ、削除を依頼。
これはすぐに対応していただけたようで、数日で消えました。

NAVERに関しては、権利侵害を訴えるフォームよりURLを記載して送信。
数日後に調査中とのメールが来ましたが、その受信前に該当URLが見られなくなっていました。調査結果として送信された2通目には、著作権侵害が確認できたので該当URLを閲覧制限にしたとの事。

私の問題に関して言えば、これで終了できました。
いずれももめる事無くすんなり画像を削除してもらえたので、勉強になった程度のお話で済んで幸いでした。

NAVERの対応について

著作権侵害の認定は権利者からの訴えが必要なため、基本的には運営会社が権利侵害の有無を判断することはできません。この事は、「NAVERの権利侵害に対する考え方」にも下記のように記載されています。

権利侵害の有無を適切に判断するため、弊社では原則として権利者ご本人様からのご要請がある場合に限り、削除等の対応を検討しております。

なお、私のイラストを素材として収拾したユーザーは同種のまとめを多数作成しています。その中のいくつかをみましたが、イラストを仕事にされている会社さんのサンプルからとってきた画像もありました。
この点、著作権侵害の有無を「判断」ではなく「調査」してくれるようにNAVERに依頼してみました。示されたのは上記の「NAVERの権利侵害に対する考え方」であり、返信メールに記載された下記の言葉でした。

権利を侵害されている方とお知り合いである場合は、大変お手数をお掛けしますが、ご本人さまからお問い合わせいただくよう、お伝えくださいますよう、お願い申し上げます。

NAVERは調査も連絡もしないけれど、NAVER以外の者が調査や連絡をしてくれという事ですね。了解しました。

視点を変えて

仮に「素材画像集」と銘打ったり、ご自由に使ってください的な扱いをしていなければ...。正直、対応に困ったと思います。

現状では、情報をシェア（共有する）という考え方で収拾し公開する事は日常的に行われています。Tumblrなどのサービスなどはまさにそういう意図で切り取った素材を扱っている訳ですし。それを否定する気はありません。
NAVERのまとめも基本的には同じ物だとは思っています。

実はNVER以外にもう一件、該当のイラストを収拾していた海外のサイトがありました。そこはシェアよりももっと狭い意味合い、例えば自分用の収拾物みたいなイメージでしたので何もアクションを起こしていません。もっとも、アクションを起こそうにも管理者に関わる情報が見当たらなかったのでどうにもならなかったでしょうが。

結局の所、権利侵害の訴えを行った根拠は「素材画像集」と判断できたか否かの違いでしかないのかもしれません。「行為」ではなく「意図」でしか判断できない状況は、主観的であやふやなのだということを実感させます。

結び

結果として、画像の削除という望んだ結果は簡単に実現できました。自分自身が同種の状況に置かれた場合は、案ずるより産むがやすしと言えるかもしれません。

反面、なにかしらまとめたり他の方が作った素材を利用する場合には注意が必要かと思います。もちろん、「NAVERにまとめられていたものをさらにまとめただけだから、自分はなにがあっても悪くない」という方はこの限りではありませんが。

私自身他人ごとではないので、しっかり意識をせねばと思います。

補足

以前著作権法について書いた記事がありますので参考までに。

意図から見る著作権法

追記

facebookのアイコンに使われた件もありまして。下記のリンクをご覧下さい。

Facebookのアイコンに自作イラストが使われて

WEB/SEO関連文献紹介:7

2012-02-03T08:25:00.000+09:00

前回に引き続きなのですが...。面白そうな文献を見つけましたので。今回も本文が読めるものがあります。
特にお勧めなのは「検索エンジン最適化の有効性に関する考察」というタイトルの論文です。

前提

GeNiiで検索した内容を記事にしています。

GeNiiについては資料の探し方という記事という記事を参考にどうぞ。

凡例

以下に凡例を記載します。

本文を読める文献は【本文】と記載
本文データ無しや会員のみ閲覧可能は【抄録】と記載
本文も抄録も無しは【書誌事項のみ】と記載

一覧

ファクターモデルによるインターネット株式掲示板の投稿と株式リターンの分析【抄録】
諏訪博彦;梅原英一;太田敏澄情報処理学会論文誌 53(1), 117-125, 2012-01-15

抄録によるとYahoo!株式掲示板を舞台にした研究のようです。
掲示板に書き込まれる内容を「人々の意見・気持ち」と捉え、これらを利用して投資判断を支援する事が出来るかどうかを論じています。具体的には、「Yahoo!株式掲示板の投稿数および投稿内容が株式リターンと関係しているか明らかにする.」とのこと。抄録内に書かれた結論では、研究に投稿数や強気指数を用いた上で「強気指数は株価リターンと関係している可能性があると考える.」と結んでいます。
興味のある方は原文を取り寄せてみて見ると良いかもしれませんね。
検索エンジンのヒット数に対する信頼性の検証【本文】
山名早人 2010-02-01

本文が読めます。こちらは2009年度の修士論文です。
数式を用いていますので、私には全部を理解できませんが...。GoogleのみならずYahoo!とBingも調査対象にしています。ヒット件数の違いを調査する為に、いくつかの条件を設定して数値やグラフを示しています。
通常SEOではヒット数にはそれほど意味がありませんが、ヒット数の変動に着目して調べた内容には得る物があるかもしれません。
外出行動前のユーザへの情報提供を目的としたWebからのアドバイス文抽出【抄録】
小澤俊介;岡本昌之;長野伸一;長健太;松原茂樹情報処理学会論文誌 53(1) 105-116 2012-01-15

「外出行動前のユーザに有用な情報を提供することを目的に,事前に入手すると役立つアドバイスをWebから獲得する手法を提案する.」とのこと。
面白そうだと思ったのは「アドバイス文か否か,および,アドバイス文が外出行動前に参照しておきたいものか否かを機械学習を用いて判定する」という部分です。WEB上に存在する情報を検索する際に、その文章がアドバイス的な文章かどうかを判断し、且つその有効性を機会で判定しようというのですから。これができるなら、コンテクストを機械的に理解したうえでユーザーの状態を考慮して、最適な結果を返せるのかもしれません。
1-F-10 検索エンジン最適化手法の検証(ネットワーク技術) 【本文】
袁方;大屋隆生日本オペレーションズ・リサーチ学会秋季研究発表会アブストラクト集 2009 134-135 2009-09-09

古めですし、2ページしかありません。
しかし内容が...よくこれを発表したなと思ってしました。本文では「手法1:目的キーワードの分析」「手法2:キーワードに沿ったページの構成」「手法3:リンクの作成」「手法4:HTMLによる最適化」と実験で行った内容を明示。まとめの部分では「今回の例では、SEO手法の中では、複数個のキーワードの設定及びhタグの使用が特に効果的であった」と記載があります。本文下部のグラフを見れば、内容の精度は推して知るべしでしょう。
検索エンジン最適化の有効性に関する考察【本文】
菱沼千明;山口義昭東京工科大学研究報告 3 3-13 2008-03

こちらは上記より更に古く2008年。しかし、かなり読み応えがあります。
SEOの観点から調査っており、全体的に詳細で具体的な内容です。以下に「検証項目」と題された部分を挙げますが、これを見ていただければ本文を読みたくなるでしょう。

下記の21種類のSEO項目を検証の対象とする。

(1)検索語句の記述位置
1.TITLEタグ内
2.BODYタグ内
3.META-keywordsタグ内
4.META-description内タグ内
5.ページ内出現回数
6.検索語句占有率

(2)タイトルタグについて
7.タイトルタグ内の文字の有無
8.タイトルタグ内の文字列長

(3)リンク数について
9.ページ内のリンク数
10.アンカーテキスト内の検索語句数

(4)強調文字
11.H1タグの利用数

(5)イメージファイルについて
12.イメージファイルの数
13.検索語句を含むALTタグ数

(6)各種タグの利用
14.SCRIPTタグ
15.TABLEタグ
16.FRAMEタグ
17.FORMタグ

(7)プラグインなどの利用
18.CSS
19.Flash
20.Javaアプレット

(8)外的要因
外部のWebページからの参照度合いを示すGoogle PageRankとの関連しについても検証する

本文を読む場合はリンク先にある「CiNii 論文PDF - オープンアクセス」からどうぞ。

結び

今回は数は少ないですが、面白そうな論文を見つけられたかと思います。

興味のある方は、是非本文に当たってみてください。

文献紹介：「ユーザの心理的距離に則したWebページ間の新しい距離の定義」

2012-02-01T00:56:00.001+09:00

え〜、時間が取れずブログの移転計画が延び延びになっている今日この頃。
こんな微妙なタイミングではありますが、久々に記事を一つ。WEB/SEO関連文献紹介の番外編で、気まぐれにランダムサーファーモデルで調べて見つけた古い論文についてです。

なお、パシフィカスさんの記事「クリックされる重要なリンクが評価されるリーズナブルサーファー・モデルとは」を読んだのがきっかけで、当初はリーズナブルサーファー・モデルで検索し、その流れで見つけた論文です。

「ユーザの心理的距離に則したWebページ間の新しい距離の定義(WWW)」

GeNiiで検索して見つけたのが以下の論文です。

ユーザの心理的距離に則したWebページ間の新しい距離の定義(WWW)
松尾豊, 大澤幸生, 石塚満情報処理学会論文誌 44(1), 88-94, 2003-01-15

2003年の論文ですが、全文が読めます。読む場合は上記書名でリンクしているページの「この論文を読む／探す」の「CiNii論文PDF-オープンアクセス」をクリックしてください。

なお、私がSEOを学び始めて日が浅いので上記論文の内容が知られているのかいないのか、一般的なのか一般的でないのかなどがわかりません。
もしも書くまでもない内容でしたら、読み飛ばしていただければと思います。

概要

「ユーザの心理的距離に則したWebページ間の新しい距離の定義(WWW)」を読んでみましたが...。対数を理解していないので、数値の算出がよくわかりませんでした。もちろん数値意外の部分にも分かりにくい部分はありますが。

あまり自信が無いのですが、ざっくり内容を書き出すと。

クリック数ではなく標準クリック数を定義
標準クリック数の定義の元になっているのはランダムサーファーモデル
あるページ内の発リンクの数はユーザーの心理的距離に影響を与える
発リンクが少ない程、リンク先のページへの心理的距離が短くなる
発リンクが多い程、リンク先のページへの心理的距離が遠くなる
発リンクが多い程、一般的なページと考える事が出来る
ユーザーの「理解のしやすさ」は標準クリックと相関関係がある

...箇条書きにすると、どれほど内容を理解しているのか怪しくなってきました。

しかし論文のまとめの部分で、

本論文では、非常に簡単な定義により、ユーザーの距離感をより的確に反映するページ間の新しい距離測度として標準クリックを提案した。さらに、ユーザーのホームページからあるホームページまでの標準クリック数が、ホームページの理解のしやすさ、得られる情報量などとの相関関係がある事を示した。

とあります。このまとめ部分を読めば、より正確に論文の概要がお分かりいただけると思います。

標準クリック

明らかにキーとなる概念なのに、数学的に理解できていません。

が、下記の文章でイメージは掴めます。

平均的なページはページ内に7つのリンクを持つと報告されているので、logの底nを7とする。このように定義された距離の単位を標準クリックと呼ぶ。

なお、

最近の調査では、平均的なページは1つの外部リンクと4つの内部リンクを持つという報告もされている。この7という数字は便宜的なものであり、実際にはeや2、10などの値をとってもかまわない。

とあります。基準を設定し、基準からの相対的評価で判断するということでしょう。
ちなみに、平均的なページのリンク云々の元情報が気になる方もいるかと思いますが、しっかりと参考文献として本文末尾に記載されています。

15)Murray, B. and Moore, A.: Sizing the INternet, white paper, Cyveillance, Inc(2000) http://www.cyveillance.com

この論文はPDFで公開されており、以下のリンクから見る事ができます。
http://www.cs.toronto.edu/~leehyun/papers/Sizing_the_Internet.pdf

発リンクの意義

SEOの情報は少しは仕入れてはいますが...。複数の発リンクによってリンクジュースやオーソリティなどの価値が流れるのは、単純にリンクが設置されているからだと考えていました。
つまりは、物理的（といっていいのかどうか）に道ができてるから流れるのが当たり前、といったイメージです。

しかし発リンクの数がユーザーの心理的距離に影響を与え、ユーザーが得らてる情報量の差をも算出できるのであれば、発リンクの意義は前述のような単純さではなくなります。

発リンクという行為はページ制作者の意図を表しますが、同時にユーザーにも影響を与えるという視点。ユーザーについて考える事と発リンクを考える事を、より結びつけて考える事ができそうです。いままでこういう理解の仕方はしていませんでしたから、わりとしっくり来る感じです。

結び

今回の記事の元になった論文は2003年の論文です。また、「仕組みを解き明かす」ではなく「仕組みを提案する」内容です。実際にgoogleやbingなどの検索エンジンがこう考えているといった内容ではありませんので、お間違いの無いように。

とはいえ、私個人としては「Webページ間の距離」という今まで考えていなかった視点を得られました。

最後に、内容的に興味を持たれる方がいるかなと思う部分を引用して締めとします。

たとえば、Web上でコニュニティを発見する際に、一般的な話題が含まれやすい事が報告されているが、標準クリック数を用いれば、一般的な話題のページは、多くのリンクを持つため遠くにあると考えることができ、除去する事ことができる。
また、リンク先のページを反復的に探索するアルゴリズムは多く用いられるが、クリック数で閥値を決めるのではなく標準クリック数で決めるべきであろう。数クリック以内という基準では、非常に多くのページを取ってきてしまうかもしれないし、内容を何段にもわたって書いてあるページに対応できない。標準クリック数を用いれば、「もしリンク数が少ないなら探索を続け、リンク数が多ければやめる」という実用的な方策の根拠となる。

追記

冒頭にも述べましたが、私の理解が間違っている可能性も大です。違うようでしたら、コメント等でご指摘いただけるとありがたいです。

Bee - Toy digital 8mm movieを買ってみた

2012-01-08T02:38:00.002+09:00

先日のワールドビジネスサテライトで紹介されていた「Bee」を衝動買いしちゃいました。もともと文具などのモノが好きなのと、年始の浮かれ気分を少しは味わいたくて...。

※2012.1.11 試し撮り追加
※2012.1.14 追記

Beeとは

FUUVIという会社がリリースした動画撮影用の機器です。「Toy digital 8mm movie」というコピーが表すように、コンセプトは8mmムービーカメラで撮影した様な動画をとること。形も8mmカメラをイメージした形をしています。

詳細は専用サイトでどうぞ。サンプル動画もあります。ちなみに静止画も撮影できます。

Bee - Toy digital 8mm movie

感想

正直な所、意図したはずの画質の荒さがあまりいい方向に出ていない感じがします。撮影しただけの動画(.AVI)をみると、ノイズ的な荒さではなく単純にデジタルの汚さが強いかなと。とはいえ、帰り道などに適当にまわしたので環境が悪かったせいだとも思いますが。

音声も入りますが仕様では「ノイズ入り音声」とあり、音が環境音なのかノイズ音なのかちょっと微妙に感じる事もありそうです。

ファインダーが付いていますが、コレがかなりの曲者です。トイカメラなので厳密な見え方は期待していませんでしたが、なんだか縦横が二倍ぐらい広いイメージです。つまり、ファインダーに人の顔をおさめると、実際には首どころか胸の辺りまで写る感じです。ここまではいかなくとも、本物の8mmってかなり視野率低かったんですかね...。

それでもいいかも

不満点ばかり上げてますが、そこが回り回っていいかなと思っています。

iPhoneのカメラアプリなどでノスタルジー感溢れるムービーを撮る事もできますが、綺麗に撮影できすぎます。色にしろ、画質にしろ、構図にしろ。わりと思いどうりです。ですがBeeはかなり不便な分、偶然が入り込みます。正確でないだけに、モノの移り方が意図しない方向で出てきます。この点はまさにトイカメラの楽しさと言えるでしょう。

結論としてはトイである以上、トイとしての楽しみ方でいいのかなと。個人的にはサイトを構成する彩りに使えればと思ってはいますが。ちなみに、付属のストラップが結構可愛らしくいい感じです。

未解決の点（※解決済み）

私の購入したものに固有の問題かもしれませんが、恐ろしい事に水平がとれていません。三脚にのせて水準器で水平を出して撮影しても左に傾きます。いや、これはトイとかそういう解釈でも厳しい。

~~現在、発売元のFUUVIさんに不良品なのかどうか問い合わせ中です。返答あり次第記事を更新する予定です。~~

2012.1.14
FUUVIさんより返答があり、構造上厳密な調整はできないそうで。不良品とは言えません。ただ、あまりにもひどい場合は見てもらえるそうです。もちろん状況や状態（三脚なしで水平だせないのは当然ですし）まずは問い合わせて見るべきでしょう。
私の場合は郵送で送り状態を確認してもらった上で、動作確認済みの商品と交換となりました。手元に来たBeeは以前と比べて、かなり水平が取れてます。

試し撮り

帰り道に撮影した適当ムービーを繋げて、最初と最後に文字入れてみました。画質等はいじってません。音もそのままです。

test movie 01

地下鉄の駅の中のエレベータと夕方の空。暗めでも明るいレンズなので結構撮れます。

test movie 02

分かる人には分かるかもしれない某線の電車。目に当てて構図を確認せず、腰の辺りに構えて撮影です。...見た目に怪しかったかもしれません。

結び

一眼デジタルカメラで動画を撮影するよりは、気分的に楽でした。周りから見たらそれなりに怪しそうですが。撮影している本人は気楽に楽しいですね。

なお、大阪（梅田近辺）で購入する場合ですが、ヨドバシカメラや茶屋町のLOFTでは取り扱いがありませんでした。大阪駅地下の「八百富写真機店」は取り扱いをしていますのでそこで購入しました。microSDカードは付属してませんので、別途購入が必須です。

追記

新たにBeeでムービーを作りました。
今回は音入り。お時間のある方はご覧下さい！

Bee - Toy digital 8mm movieでムービー作り。

Eye-FiとiOS5のiPad（初代）

2011-12-27T04:33:00.001+09:00

Eye-FiとiOS5のiPad（初代）の組合せに付いて。基本的にソフトはアップデートしていくので、問題は無いようです。

Eye-FiとiOS5

Eye-Fiと組み合わせて使用しているのが初代iPadですが、先日iOS5にアップデートしました。
初代をiOS5にした直後、デフォルト以外の全てのアプリが起動しなくなりましたが再起動で解決。そしてEye-Fiです。

結論としては、不調になる事が多いですがなんとか使えます。

Eye-Fiの不調

まずはじめに。初代iPadでの話なので、iPad2だと問題は無いのかもしれません。

さて、不調とはiPadがEye-Fiを認識しにくくなった事です。

いままでも認識しない事はありましたが、Eye-Fiアプリを立ち上げてしばらく待ったりWi-Fiを再接続したりで大抵何とかなりました。が、アップデートしてからはつながらなくなる時がありました。

具体的に言えば、一度接続が切れると再接続ができない状態です。iPadの再起動やカメラの電源のONOFFでも長時間つながりませんでした。最初に接続が切れた後、何の拍子か撮影終了あたりに復活する事もあります。

対策

今の所対策がありません。

基本的にはiPad再起動とカメラの電源ONOFFぐらいしかできる事は無く、時間を空けて試してみるしかありません。とはいえカメラの電源を入れ直すだけでつながる事もあり、不安定感が増します。

もともと周囲の電波状態にもよるでしょうし一概に対処しにくいのですが...。同じ場所で撮影することが多いのであれば、最低限その場所では安定して接続できる方法を知りたい所です。

結び

便利な機器だけあって、Eye-Fiは手放せません。ファームウェアのアップデートなどで対処が可能であればよいのですが、現状直っていないので難しいのでしょう。

なお、Eye-Fiに付いては以下の記事も書いています。参考にご覧下さい。

WEB/SEO関連文献紹介:6

2011-12-23T02:25:00.002+09:00

WEBやSEOに関連する文献を紹介しているシリーズ第六弾。不人気企画ですが、めげずにいこうと思います。

前提

GeNiiで検索した内容を記事にしています。

GeNiiについては資料の探し方という記事という記事を参考にどうぞ。

凡例

以下に凡例を記載します。

本文を読める文献は【本文】と記載
本文データ無しや会員のみ閲覧可能は【抄録】と記載
本文も抄録も無しは【書誌事項のみ】と記載

今回は、タイトルや抄録などを見ながらコメントを書いてみました。中身が読めない論文がほとんどなので今までリスト的な作りでしたが、できる範囲で少々情報を増やせればと。

一覧

比較文集約に基づくエンティティ間の順序関係推定による補間エンティティの発見【抄録】
旭直人 , 山本岳洋 , 中村聡史 , 田中克己情報処理学会論文誌 52(12), 3527-3541, 2011-12-15

エンティティとは、weblioには『参照や関連付けを受けるデータや意味のまとまり』と言う意味。
抄録によれば、『本稿では特に,"この店よりはおいしくて,あの店よりはリーズナブルな店を見つけたい","2つの本の間にあてはまるような難しさを持つ本を見つけたい",といった,主観的評価における補間エンティティを発見する手法を提案する.』とのことです。
印象語をクエリとするリアクションに基づくウェブ情報検索【抄録】
莊司慶行 , 田中克己情報処理学会論文誌 52(12), 3515-3526, 2011-12-15

抄録によると『ウェブコミュニケーションデータを用いることで,「面白い」や「泣ける」などの印象語に基づいたウェブ情報検索を実現する.』との事。
どうやらクチコミやブログなどユーザーが発信しているリアクションを利用し『クエリとして入力可能にすることで,このような読み手の受ける印象による検索を可能にする』ようです。
日常物の利用情報を用いたコンテキストサーチ【抄録】
前川卓也 , 柳沢豊 , 櫻井保志 , 岸野泰恵 , 亀井剛次 , 岡留剛情報処理学会論文誌 52(12), 3504-3514, 2011-12-15

『提案手法は,センサで検知された日常物の利用の情報から自動的にクエリを作成することで,日常物を用いた行動に関するページを検索する.』とかかれています。
日々触れる機器自体が検索クエリの様な働きをし、関連情報を検索するようです。

可能なら、何かの機器の使い方に困った際に有効な検索手段となるかもしれません。マニュアルによくある「困った時は」の情報ですね。
視点を変えると、実際に特定の機器に関するコンテンツを作成する際に、「マニュアルの困った時は」を参照すれば得るものがあると思います。
映像に付与されたコメントを用いた登場人物が注目されるシーンの推定【抄録】
佃洸摂 , 中村聡史 , 山本岳洋 , 田中克己情報処理学会論文誌 52(12), 3471-3482, 2011-12-15

『視聴者の反応として映像の再生時刻に沿って付与されたコメントを用いて,映像に登場する人物が視聴者の注目を集めているシーンの推定と各シーンにおける各登場人物の活躍の度合いの推定を行う手法の提案をする.』とのこと。

実験にはニコニコ動画の映像を利用しています。コメント頼りではありますが、動画の内容を検索する新たな手段かもしれません。
地域コンテキストを考慮した動的な特徴空間に基づく地理情報例示検索【抄録】
加藤誠 , 大島裕明 , 小山聡 , 田中克己情報処理学会論文誌 52(12), 3448-3460, 2011-12-15

『地理情報例示検索では,よく知っている地域の例を与えることであまり知らない地域の地理オブジェクトを検索することが可能であり,検索対象地域に関して事前知識を必要としないことが大きな利点となる』とのこと。

類似していて身近な場所の特徴を利用し、馴染みの無い土地での検索活動を容易にする事ができるようです。ユーザーに属する主観的な要素を利用するということでしょうか。
文間関係認識に基づく賛成・反対意見の俯瞰【抄録】
水野淳太 , 渡邉陽太郎 , エリックニコルズ , 村上浩司 , 乾健太郎 , 松本裕治情報処理学会論文誌 52(12), 3408-3422, 2011-12-15

『検索された文について,まず,トピックに対する賛成意見であるのか,それとも反対意見であるのかを分類し,次に,賛成および反対する根拠を含むかどうかを認識し,それらを俯瞰的に示す』とのこと。

目をひいたのは『ウェブ上の実文に対して既存の含意関係認識を適用しても,その分類性能は限定的』という状況に対応した研究という点。制限を加えた実験環境だけではなく、現実に存在するインターネット上の雑多な文章に対しても有効な手法と位置づけています。
学習を必要としない自然言語文からの個人情報検知技術【抄録】
広瀬緑 , 吉浦裕　情報処理学会研究報告. CSEC, [コンピュータセキュリティ] 2011-CSEC-55(1), 1-8, 2011-11-28

『想起検知技術は,大量のサンプル文章を用いて学習を行う従来の検知手法とは異なり,学習のかわりに Web 検索を用いて個人情報が含まれることを検知する.』との事。SNSなどでの個人情報漏洩を防ぐ手法のようです。
ビデオ検索のためのMPEG-7 Video signatureのdirect-mapped cacheへの適用法の検討【抄録】
村林昇 , 吉田健一情報処理学会研究報告. グラフィクスとCAD研究会報告 2011-CG-145(2), 1-8, 2011-11-10

『ビデオ検索のための MPEG-7 video signatureをdirect-mapped cache への適用法を検討した.』との事。

著作権を無視してアップロードされた動画を、より効率よく性格に検出できるようです。詳細はわかりませんが、動画の検索手段も日々増えているということでしょうか。
説明からの用語検索のための緩和によるクエリ生成とページ中の位置を考慮した用語抽出【抄録】
木場由布子 , 湯本高行 , 新居学 , 高橋豐情報処理学会研究報告. データベース・システム研究会報告 2011-DBS-153(25), 1-8, 2011-10-27

『本手法では,Web を用いてユーザの説明からクエリを生成し,Web を用いて逆引きを行い用語を抽出した後,順引きを行い用語を検証する.』という内容。

少し目をひいいたのは『Web ページ中のタイトルから用語を優先的に抽出することが有効であることがわかった.』という点。
SEOにおいてはタイトルに目的のキーワードを入れる事が一般的ですし、SEOを全く意識しなくともタイトルには内容を表す言葉を入れます。実験の結果は順当だといえますし、むしろタイトルに用語が無い方が問題であるとも考えられるかと。
5.情報検索の理論【本文】
緑川信之図書館情報学研究,第6号　寄付講座「インターネット時代の情報資源活用」特集号,2011-3

図書館情報学からみた検索の考え方です。本文には情報がどういったものなのかが記述されています。情報を探している人の、調べる前と調べた後の知識状態の変化の差が情報の価値であるように書かれています。

結局のところユーザーの主観次第にはなってしまいますが、WEBで情報を発信する際に意識しなければいけない点でもあります。そのサイトやページを見たユーザーが何も得ないのであれば、そのページに価値を感じてはもらえませんから。
コーパス分析に基づく「～にくい」・「～づらい」表現の研究【本文】
金城克哉留学生教育 : 琉球大学留学生センター紀要,8,19-35,2011-03,琉球大学留学生センター

weblioによれば、コーパスとは『日本語や英語などをはじめとした自然言語の文書を大量に集めたもののことである。』だそうです。この論文は｢Yahoo!知恵袋データ」第1弾を利用しています。古くて残念。

面白いなと思ったのは、「〜にくい」や「〜しづらい」の前につく動詞が出現頻度別に一覧になっている点です。
たとえば、yahoo知恵袋内では「〜にくい」の１位は「する」です。おそらく「〜しにくい」といった具合でしょう。頻度が下がると「使う」や「食べる」や「目立つ」などが出てきますが、一番使われているのは抽象的な動詞ということになります。

なお、本文には「〜にくい」や「〜しづらい」の用例の差が詳細に書かれています。文末の参考文献を見ると同種のテーマがいくつも見受けられますし、研究テーマとしてはそれほどマイナーではないのかもしれません。

結び

本文が読めない論文がほとんどなので、多少無理のあるコメントになっています。ですが、本文が読める場合はある程度書ける反面、読む時間が結構必要となります。この方法を続けるべきか否か。

本文を読めるものに限定して点数を絞る手もありますが、本文が読める論文が少ないので頭打ちになりそうですし...。次回ではまた書き方を変えるかもしれません。

フォントサイズの変化でレイアウトはどこまで崩れていいのか。

2011-12-20T03:05:00.000+09:00

フォントサイズの変更に耐えうるデザインというのを日頃気にかけているわけですが、実際のところどこまで、どうなんだろうと悩みます。守らなければならないラインは、はたしてどの部分なのか？

フォントサイズの変更

個人的な結論ですが、フォントサイズの変更には「それほど」柔軟でなくてよいと思っています。

理由は、多くの一般的なユーザーはフォントサイズの変更方法を知らないから。加えて、フォントサイズを変更したとしても極端に大きくすることはないでしょうから。

つまり、フォントサイズを10倍にしても崩れないレイアウトを作る必要はありません。

しかしある程度の変化への対応は必要です。レイアウトが崩れると言っても問題の度合いでいくつかに分けて考える事ができるので、その状況を把握した上で対策を施していくべきかと思います。

どこがくずれるのか

レイアウト崩れの現れる状態は様々です。簡単に重要度の高い順から並べると以下のようになるかと思います。

文字が読めなくなる（他の要素の下に潜り込む等）
ナビゲーションが見えなくなる
文字が重なる
カラム落ち
余白が増えて見た目が悪くなる

最も深刻なのはユーザー内容がを把握できない状態。レイアウトがビクともしなくとも文字が読めなければ話になりません。ユーザーはデザインを見に来ているんではなくて情報を見に来ているので、重要度としてはやはり可読性が一番でしょう。

ナビゲーションのリンクが見えなくなる点も大きな問題です。仮に全体が白地で、ナビゲーション背景が黒でリンク文字色が白だとします。背景画像をパタ−ン化してリピートさせたりbackground-colorで作っていなければ、文字が背景をはみ出した時点で見えなくなります。見えなければ、そのページへ移動ができず大問題。

文字が重なる原因

文字が重なる原因は、主にheightを固定しているためです。フォントサイズが大きくなった際に、指定したheightを乗り越えて下の文字にかぶさって読めなくなります。

他には、絶対配置を行った要素も原因となり得ます。

良いデザインとして紹介されている海外サイト

良いデザインとして紹介されている海外のサイトを見かけますが、ちょっとしたフォントサイズの変更にも対応できていないサイトも見かけます。ブラウザのサイズ変更には柔軟でも、フォントサイズの変更には柔軟でないこともちらほら。

もちろん、紹介されているのは良いデザインであって、フォントサイズの変更に対応できているサイトとして紹介されている訳ではありません。しかし実際に納品され稼働しているサイトには違いなく、完成品の要件としてフォントサイズの変更は必須ではないのでしょう。

やむを得ない事情

フォントサイズの変更に対応した、ビジュアルに優れたデザインは非常に手間がかかります。CSS3やHTML5を利用すればかなり楽にはなるでしょうが、それでも紙のレイアウトのようにはいきません。

特にイラストや写真を厳密にレイアウトした場合、見栄えの良さの代償として柔軟さを失います。横方向はともかく縦方向の変化には対応できないのです。基本的にWEBサイトが横ではなく縦に広がるため、個別の問題ではなく根本的な問題だと言えます。

前述のような海外サイトの現状があるならば、フォントサイズ変更への対応は海外でも最重要の項目ではないという証でしょう。

結び

フォントサイズの変更というのは難しい問題です。

結論としては、以下の2点を押さえていれば最低限のラインは守られるかと思います。

文字がある程度大きくなっても可読性が落ちない
ナビゲーションのリンクがクリックできる

限界までフォントサイズを大きくしても崩れないレイアウトはまず無理なので、必要最低限を押さえる事が重要ではないでしょうか。

アーティストは好き勝手やっているのか？

2011-12-18T22:43:00.001+09:00

何かを作る際、アーティストは要らないと目にすることがあります。これってアーティストをイメージでしか捉えてないなと感じます。この件につき少々。

アーティストは要らないと言われる理由

制作の現場でアーティストは要らないと言われる理由。
おそらく、クライアントの意向を無視して作るのがアーティストだから、そんな人間はいらないということでしょう。

WEBサイト制作であれば、ユーザーの事を考えなかったり作る側の趣味でしかなかったり。一般的に、必要な用件を満たせていないものを作る人といった具合でしょうか。

ですが、アーティストはここで引き合いに出されるような人々ではありません。

アーティストもいろいろ

一番重要なことですが、アーティストとひとくくりにすること自体が間違っています。

アーティストの中には我が道を行く人もいるでしょう。他人を無視し、依頼を無視し、思うままに作る人。クオリティの追求に際限がなく、納期や予算を考えない。

ですが、こんなに偏った人ばかりではありませんし、偏った事ばかりする訳でもありません。前述の場合「わがままアーティスト」や「我の強いアーティスト」でしかないのです。
同様にWEB制作であれば、クライアントを無視した制作物を作るのは「ダメな制作者」であり「無能な制作者」だというだけです。

これ、当然の事ですよね？引き合いにアーティストを出す場合、この点をまったく無視しています。

依頼の上に成り立つ

アーティストといっても様々な仕事があります。中には思うままに作るライフワークもあるでしょうが、依頼を受けて制作する場合もあります。

依頼を受けて作るなら、当然依頼の要件を満たす作品を作ります。予算の概念はもちろんありますし納期もしっかりあります。でなければお金をもらえませんし、質が悪ければ次の依頼につながりません。

「アーティストは好き勝手やっている」というのはイメージに過ぎません。より厳密に言えば、勝手が許される「仕事」があり「人」がいるだけです。ただしアーティストという「職業」ではなく、その人が持つ「権威」に由来します。

結び

今更ですが、また書きにくいテーマで書いてしまったと少々後悔をしています...。また手直しするかもしれません。

蛇足ですが用語の統一のためとはいえ「アーティスト」を連呼すると妙な感じです。「芸術家」にしようかとも考えましたが、WEB制作の文脈ではアーティストの方が良いかなと。とはいえ、どちらも違和感が...。

必要なアクセス経路ってなんだろう？

2011-12-05T02:49:00.001+09:00

時間を基準に、どういうアクセスが必要なのかについて。
ソーシャルサービスを利用した爆発的なアクセスなのか、バナーを利用した一定期間内のアクセスか、SEOによる検索エンジンからのアクセスか、それ以外か。最良なのは全部からのアクセスがあることではありますが。

【2011.12.6 大幅修正&加筆】

サイトへのアクセス

WEBサイトは、アクセスがあって初めて意味を持ちます。見られないページは存在しないのと同じ状態ですから、まさに死活問題。
SEOやPPCやプレスリリースなど多くの手法を用いる理由も、露出を増してアクセスを得るために他なりません。

サイトへのアクセスを得る方法

それでは、どうやってサイトへのアクセスを得るのか？いくつか挙げてみます。

・SEO
・PPC
・バナー
・プレスリリース
・ソーシャルサービス
・メールマガジン
・RSS

個別に特徴がありますから、メリットデメリットやコストは様々。一般的に手法で分けて考えますが、今回は時間を基準に考えてみます。

一時的なアクセス

一時的に多量のアクセスを得られれば、その瞬間に多くの利益が得られる可能性があります。特に流行や季節のトレンドに左右される事柄であれば、特定の瞬間のアクセスは大きな意味があります。

最近のGoogleはトレンドをリアルタイムに反映するような表示をしていますし、検索行為が一般的となった現在ではSEOは有効な手段です。任意のタイミングでユーザーに接触できるメールマガジンやプレスリリースも同じく。

これら以上に効果的なのはソーシャルサービスからのアクセスでしょう。情報の伝播の仕方が爆発的であり、瞬間のアクセスを得る経路として最善かもしれません。

一定期間のアクセス

一定期間に継続したアクセスが期待できる方法であれば、利益にしろコストにしろ予想がしやすくなります。一時的なアクセスと違い、期間内は初期のコストのみが必要という点も良い所。

バナーのように期間を決めて設置するタイプが該当します。設置する場所の選定が的確であれば、非常に心強いアクセス元になるでしょう。
PPCも同様に期間を決めて誘導が可能ですが、入札による順位や価格の変化がある点はバナーよりも不安定です。一方品質を上げるなど操作できる点は、手間をかけることでコストを削減しつつピンポイントに利益を狙えます。

永続的なアクセス

永続的なアクセスが得られれば万々歳。ですがそんなものはありません。
近い状態にできるのは恐らくSEOぐらいかなと。

初期のアクセス経路にはなり得ませんが、永続的なという意味ではRSSも有効な手段です。ユーザーが定期的にサイトの情報を得たいためにRSSを利用するのですから。反面、定期的な更新が可能なブログ型なら楽なのですが、更新情報がほとんど出せないサイトであれば難しくなります。

必要なのは長期的に効果があるアクセス

もっとも重要なのは、長期的に効果があるアクセスを得ることだと思います。
具体的なアクセス経路として、SEO施策により核となるキーワードでサイトを上位に露出させます。

現在のSEOでは、ユーザーを中心に置いたコンテンツ制作を基礎とする考え方があります。特徴は、検索エンジンのアルゴリズム変更に大きく左右されない安定感。リダイレクトや過剰なリンク施策など、検索エンジンの隙を付く手法をとらないためです。

長期を意図した短期的な手法

長期的な安定が見込める状態であれば、短期的な方法にも安心して打てるのではないでしょうか？

見方を変えると、短期的な手法も最終的には長期的な安定を目指せるのであれば良いのだと思います。瞬間のアクセスを的確に掴めても、長期的なアクセスに繋げられなければ安定したアクセスは望めないでしょう。

アクセス元の検索エンジン依存

アクセス元の割合として検索エンジンが大部分を占める場合、普通に考えると危険な状態だと考えられます。検索エンジンのアルゴリズム変更や何らかのペナルティによってアクセスが激減するからです。

しかし、アルゴリズムの隙を付いたりペナルティを課せられたるりする施策を行わなければ危険性は減ります。検索エンジン経由のアクセスという区分けは同じですが、SEOの施策に寄って安全性は大きく変わるのです。この点を無視すると、判断を誤ることになるでしょう。

結び

いろいろなアクセス経路があり、どれもそれなりの効果があります。
同時にすべてを思い通りに利用できれば良いですが、そううまくはいきません。

まずは、もっとも必要なアクセス経路を獲得することが重要だと思います。足場を固めてこそ、他の施策も活きるはずですから。

蛇足

公開時より中盤以降を大幅に修正しました。前の時点である程度頭が整理でき、書くべきことが絞られた感です。こういう書き方は問題あるのですが、新規に書き直すよりも大幅修正の方がまだ良いかと思った次第です。

商品ページをどう作るべきか？を悶々と。

2011-12-02T20:36:00.001+09:00

事情があり、依頼を受けて作成している商品ページのテキストを減らしました。最終的には僅か２行になった次第を書いてみます。

状況

商品ページの説明文に対して、何度か「文字数が多い」と言われることがありました。
クライアントチェック前には、ユーザーへの売り込みやSEOを考えたうえで最小限にしていたにも関わらずです。
なお、商品とは食品です。

返答

今回たまたまクライアントに突っ込んで聞ける機会があり、どのようなテキストがお望みなのか具体的な例を時間をかけて伺いました。
返答は、売りとなる素材について1行と、「○○と△△の取り合わせが美味しい商品」という1行の合計2行で良いとのこと。

結び

クライアントの求める文章は、制作側が考える以上に極端な場合もあることを実感しました。

....どうでしょう？
ここまでの文章で、この記事で書きたかった事実はお分かりになるかと思います。が、この文章から伝わることは非常に少ないはずです。あったことを並べ、詳細や見解その他付随する情報はほとんど無し。例外はありますが、この書き方で相手の感情（例えば「買う気」）を揺り動かすのは非常に難しいと思います。

ですが、クライアントが文字を多いと感じたことも事実です。その点は無視してよいものではなく、何らかの対策を講じるべき事柄です。説明して説得することは難しくありませんが、感じたことを違う方向に説得するべきだとも思えません。

さて。
実はこの文章は最初に書いた文章を削って作りました。削る前の文章が以下の文章です。まぁ、比較すると冗長さが際立つかと思いますが、お時間があればお読み下さい。

===以下、削る前の文章===

商品ページにおけるSEOを意識した文章

基本的にWEBサイトの文章は、1番がユーザーで2番が検索エンジンかと思います。

ユーザーが興味をそそられる、あるいは必要とする内容を記載しつつ検索され得る固有名詞や形容詞をいれこんでいく。SEOを意識しない場合でも言えることではあるのですが、結果的にそれなりの文字数になります。特にECサイトの商品ページにSEOを意識して文章を書く場合、基本的にはロングテール狙いになるかなと。

WEBサイトと実店舗の大きな違いは商品が目の前に無い状態でものを売ることです。それを補うためには前述のように文章で表現することが重要。
もちろん写真を有効に使えば文字を減らしても訴求力を上げられますが、写真が有効であればあるほど文字は邪魔に感じられ、ロングテールに定めたワードは消えやすくなります。SEO的にはマイナス要因となり得るでしょう。

クライアントのご意見

さて。以下は食品を販売するクライアントさんとのやり取りをもとにした内容です。脚色は加えていますし相当はしょっています。

なお楽天ではなく、かなり以前に別の会社が作った独自システムで更新だけ担当している案件です。写真は一枚しか表示できず、サイズは300pxにも届きません。
つまり、テキストがより重要になります。

「文字が多い」

商品ページの詳細を書く時には前段の事を意識して書いていました。が、あまりネットを利用していない店員さんに見ていただいた場合に「文字が多い」と言われることが何度かありました。

今までは必要な説明やキーワードばかりで削りにくいとお伝えし、行間の調節や段落の分け方などを中心として対処していましたが...。今回はたまたま相手の方がゆっくり時間をとれるということで、いつも以上に突っ込んで聞いてみました。

伺ったことをまとめると「やはり文字が多い」との事。

「美味しい。で十分」

では、どんな文章が良いですかと伺った所「○○と△△の取り合わせが美味しい商品」で十分とのことでした。

完成形として、売りとなる素材の名前とそれが入っている旨で1行、「○○と△△の取り合わせが美味しい商品」という1行の合わせて2行で良いとのこと。

商品の説明をする場合、ただ美味しいではなくどう美味しいのかを書くべきだと考えていましたので、結構な衝撃でした。売りとなる素材がなぜ売りなのかという説明も、あって一言ぐらいです。

商品ページに何を書くべきか

今回の件は非常に極端な例。とは言い切れないのではないでしょうか。
商品の説明は多ければ多い程よいとは考えていません。ですが制作する側が考えるよりも、もっと許容ラインは低いのかもしれません。

SEOにおいてはテキストが重要ですし、味見のできない商品を売り込むためにテキストでの説明も必要です。実際に説明が詳細なほど信頼感が増すこともあるでしょうし、文体や的確な表現から購入に至ることもあるでしょう。テキストがなければ、いずれも難しくなります。

しかし、その必要と考える説明すら邪魔に思われる方もいるわけです。売り込むためのテキストが購入の邪魔をしていないとも限りません。

動画や音

今回の件ではいろいろな制約があり不可能なのですが、いくつか方法を考えました。

・テキストを折り畳み、クリックで広げる
・動画をつける
・音をつける

テキストに関しては、見た目の文字数を減らすことが可能な処置です。文字が多いと感じる方への対応を優先する場合、見せない状態を初期状態にする必要があります。

動画に関しては、ECには適していますし訴求力もあります。「あまり見られない」や「長々と見ない」というご意見もあるかもしれませんが、問題はありません。視点の移動を妨げない場所におけば、見ない人は簡単にスルーしてくれます。訴求する点が明確であれば、長さが1分以下でもかまいません。

音に関しては、食品であれば焼いたりした際の音に使えますが、楽器などの音が重要な商品であればとても有効な方法でしょう。

テキストが邪魔ならば、テキストの見せ方やその他の手法で対処するまでです。

結びの結び

最初の書き方と比べ、何かしら違いはあるでしょうか？

この記事は商品を紹介する記事ではありませんから、例としては不適切です。ですが、事実の伝達のみの文章とそれ以外も含めた文章の違いは感じていただけるかと思います。

結論としては、どちらが優れてるという問題でもなく第一の目標である商品の売り込みの達成に必要なことをするべきなのでしょう。SEOは意識しなくてよい訳ではありませんが、目標を達成することが最重要です。

今回の件はあまりWEBを利用されていない方の意見ではあるのですが、自らのテキスト作成能力の未熟が招いた結果でもあります。もっと最小限の言葉で効率よく作れねばなりません。

WEB/SEO関連文献紹介:5

2011-11-22T23:55:00.001+09:00

WEB/SEO関連文献紹介です。タイトルや要約から判断して面白そうな文献を挙げいます。今回で5回目です。

前提

GeNiiで検索した内容を記事にしています。

GeNiiについては資料の探し方という記事という記事を参考にどうぞ。

凡例

以下に凡例を記載します。

本文を読める文献は【本文】と記載
本文データ無しや会員のみ閲覧可能は【抄録】と記載
本文も抄録も無しは【書誌事項のみ】と記載

一覧

HTML要素に基づく有害サイト検出手法【抄録】
池田和史 , 柳原正 , 服部元 , 松本一則 , 小野智弘 , 滝嶋康弘情報処理学会論文誌 52(8), 2474-2483, 2011-08-15
ページ要素をデータベースに直接結び付けるフレームワークとWebサイト設計手法【抄録】
新居雅行情報処理学会研究報告. データベース・システム研究会報告 2011-DBS-153(31), 1-8, 2011-10-27
情報共有を目的としたSNS活用の授業の実践報告【抄録】
古川夏子情報処理学会研究報告. コンピュータと教育研究会報告 2011-CE-111(13), 1-6, 2011-10-07
WebサイトにおけるHCDの実践(<特集>ヒューマンセンタードデザイン(HCD))【書誌事項のみ】
近藤朗　デザイン学研究. 特集号 18(2), 54-57, 2011-06-01
ブラウザ操作履歴に基づいたWebサイト改善ツール【抄録】
木本亮司 , 市村哲　情報処理学会研究報告. GN, [グループウェアとネットワークサービス] 2011-GN-79(23), 1-7, 2011-03-10
誘導的インタフェースの表示方法の検討〜一対比較法を用いた横スクロール型メニューの有効性の検証〜【抄録】
豊田孝明 , 畑中基希 , 納富一宏全国大会講演論文集 2011(1), 207-209, 2011-03-02
Web感染型マルウェアのリダイレクト解析【抄録】
高田雄太 , 森達哉 , 後藤滋樹　全国大会講演論文集 2011(1), 497-499, 2011-03-02
マイクロブログを利用したWebサイトの閲覧者像と地域性の推定【抄録】
西田綾佑 , 高崎隼 , 平田紀史 , 白松俊 , 大囿忠親 , 新谷虎松全国大会講演論文集 2011(1), 781-783, 2011-03-02
時間グラフパターンを用いたWeb解析【抄録】
押野泰平 , 浅野泰仁 , 吉川正俊情報処理学会研究報告. データベース・システム研究会報告 2010-DBS-151(27), 1-8, 2010-11-05
Webサイト上の苦情投稿に対する企業の返答文 : 謝罪における談話機能と談話構造(言語コミュニケーションとそのフィールド)【抄録】
大沢裕子 , 郷亜里沙 , 安田励子電子情報通信学会技術研究報告. HCS, ヒューマンコミュニケーション基礎 110(185), 59-64, 2010-08-20
Webアーカイブにおける差分収集に用いるWebページの更新依存度分析【抄録】
廣道尚弓 , 吉井直子 , 高田雅美 , 城和貴情報処理学会研究報告. MPS, 数理モデル化と問題解決研究報告 2010-MPS-79(8), 1-6, 2010-07-05
検索エンジンはなぜ見つけるのか-知っておきたいウェブ情報検索の基礎知識【抄録】
森大二郎日経BP社|日経BPマーケティング, 2011.3

結び

今回はWEBサイト関連がほとんどです。ちなみに、残念ながら本文を読める資料がありません。

一点SEO関係で内容が読める物がありましたが、内容的に紹介する程でもありませんでした。AISASにからめた普通の内容にみえましたので...。論文もピンからキリまで。

誰にでも使えて効果がある、視点を動かす要素

2011-11-22T08:00:00.000+09:00

「ユーザーの視点を動かしたい！」「この部分に注目させたい！」とは誰しも思うものですが、簡単ではありません。しかし、視点を持って行きやすい方法は存在します。その中でも特に単純な方法を考えてみたいと思います。

視点を動かす要素

視点を惹き付ける方法は色々とあります。
その中にはレイアウトや要素の強調のように全体との比較が前提の方法もありますが、今回は後付けでも使えるより単純な方法を考えます。

一点注意点としては、後付けで何かしら要素を加えるのですから元のデザインはシンプルである程効果的です。ギラギラでピカピカなサイトにはこの方法はほとんど意味がありません。

もっとも、最近のデザインは極力余計な要素を排除したり白基調だったりなので大概は使えると思いますが。

1：矢印

ページ内にボタンがあり、そこに視点を誘導する方法を考えてみます。

最も簡単にして強い要素は矢印です。
なんだそんなことかと思われるかもしれません。しかし、日常的に目にしており記号としての意味が無意識のレベルで刷り込まれている、非常に優れた要素です。加えて、子供やお年寄りやWEBに慣れていない人にもわかる点は大きな強みです。

矢印が優れている点はそれだけでありません。始点と終点に視点を添わせることができるのも強みです。単純な強調であればいきなり強調した部分に意識が行ってしまいますが、始点があるために意図した方向に意図したように動かすことができます。

加えて、実際にサイトへ導入する場合には矢印自体の表現によって様々な印象を与えることができます。

1-1：矢印の強弱

矢印が視点を誘導する力は、矢印の大きさに必ずしも比例しません。むしろ、大きすぎると矢印自体に視線が留まりやすく流れを弱めてしまいます。

重要なのは「流れ」や「リズム」です。
具体的には、矢印の棒部分より先端を大きくする方が流れが強くなります。また、１つの要素内で一部分だけ強調されていると、全体と部分という関係にリズムがうまれて部分への誘導が強くなります。

1-2：矢印の表現

実際に矢印をサイトに用いる場合、サイトのイメージにとけ込む様に作り替えます。必ずしもというわけではないのですが、矢印は異質さで目立つ必要が無いからです。その形を見て矢印だと感じられれば、必要な効果がでるはずですから。

なお、独立した矢印として配置するだけではなく、背景画像として使う方法も有効です。この場合視点を誘導する力は弱くなりますが、視点を動かすために十分な力を発揮してくれるでしょう。

2：丸

丸といってもいろいろですが、今回は丸で囲む方法です。
この方法もありふれた方法です。ノートなどで何かしら強調しようとすると、無意識に丸で囲む方は多いかと思います。それほど普通の方法です。

丸の特徴は矢印と違い方向性を持たないこと。画面に丸が現れると、レイアウトやその他の要素を無視して丸で囲んだ要素に目がいくイメージです。

2-1：丸の表現

ボタンを丸で囲むとその部分が強調され視点が惹き付けられます。が、サンプルとして作成したボタンでは少々違和感を感じます...。コーディングの問題を考えると、ボタンのデザインにもよりますが位置合わせなど微調整が大変そうでもありますし。

丸形や小さめのボタンであれば、使いやすいかもしれません。

より簡単に取り入れる場合には、見出しや商品名などの背景として使用する方法があります。
全体を囲むのではなく、部分的に囲んでいても違和感がありません。違和感無く使う方法としては、自分自身がメモに丸を使うときどうしているのかを参考にするとよいでしょう。

3：数字

最後は数字です。数字には規則性があり、順序をストレートに表します。
特定の要素を強調したり、無理な視点の移動はできません。あくまで迷って混乱しそうな視点の流れを整えるために使います。

なお、ローマ数字や漢数字よりもアラビア数字をお薦めします。
なぜなら日常的に順序を表す場合はアラビア数字だからです。サイト全体として必然性がないのなら、アラビア数字以外では違和感が出てしまいます。そのため補助的な要素としては適しません。

3-1：方向を整える

数字がもっとも効果的に機能するのは、順番が分かりにくい時です。数字を付けることで規則が生まれ、視点は規則に従って移動します。矢印や三角形などで順番を指示することももちろん可能ですが、数字の方が誘導する力は強いはずです。

加えて、実際にコーディングする場合を考えると、数字であればテキストとして入力すれば済みますので手軽です。

ワンポイントとしては、書体を変更することで数字は多彩な表情を持ちます。書体はなにも文字だけに関わる物ではありませんから、求める表情を持った数字を探すことは無駄ではありません。

結び

今回は誰でも日常的に用いる表現方法をとりあげました。

ページ内には視点を誘導する様々要因がありますが、知識やセンスがないと使えない物ばかりではありません。特定部分の強調や順序を整えるのであれば、誰にでもできるのです。
もちろん違和感無くというのであれば経験は必要でしょうが、最低限の機能を果たすことが目的であれば導入するだけで効果はあります。

ディスプレイから顔を上げて辺りを見回すだけでも、ここで上げた以外の要素は見つかるはずです。それをWEBサイトやページに取り込むだけで、思った以上の効果が生まれることもありますので、是非お試しください。

蛇足

ちなみに、今回は見出しに番号を入れています。
番号があると読み飛ばす力より、順番に読もうとする力の方が強くなるのではと考えたからですが...。いかがでしたでしょうか？いつも読み飛ばすけど、今回は全部読み切ったという方がいましたら成功なのですが。

Wordpressの怪しげな笑顔の画像対策：メモ

2011-11-21T13:01:00.001+09:00

先日まで無かったのがいきなり表示されておどろいた。と、言う類いの事柄です。
無理やり消す方法をメモとして。

http://stats.wordpress.com/g.gifという画像

WordPressで作ったサイトの下部に怪しげなニコニコマークを発見。いままでは無かったのですが、本日と突然確認出来ました。が、今振り返ると本当に無かったのかはあやふやで...。少なくとも構築時には無かったのは確かです。

その画像とは以下の画像です。

非常にちっさいですね。でも、ちょいと不気味にみえました。
ちなみに画像はhttp://stats.wordpress.comから引っ張って来ていることがsrc="http://stats.wordpress.com/g.gif"から分かります。

消し方

調べると、2年程前にフォーラムに上げられた記事が。

[解決済み] WordPress.com Statsについて

早い話が、img#wpstats{display:none}と記載し、該当の箇所を非表示にする方法です。タグを扱える人なら誰でも考えるであろう荒技ですね。なかったことにしましょうと言うヤツですから。
とはいえ、実際に消えましたのでタグを特定する手間は省けました。

スマートにダッシュボードから消す方法が分からなかったので、今回は上記の方法で対応しました。

原因

一度この記事を書き上げた後に思いつきで調べてみたら、原因が分かりました。

先日導入したjetpackに関係する様です。具体的にはWordPress.com Statsを導入したら表示されるらしいです。つまりは統計を見るためにWordPress.com Statsをjetpackで設定したら表示されたと....。この要素、必要なんでしょうかね？
なお、この件は下記のブログさんで情報を得ることが出来ました。

[plugin] アクセス解析 WordPress.com Stats の javascriptが読み込まれない件

結び

調べ直してとりあえず原因はわかりました。が、ニコちゃんマーク:)の消し方がいまいち....。力技以外もなければおかしいとはおもうので、また調べようと思います。

WordPress for iOS で複数のサイトの統計情報を見る方法：メモ

2011-11-17T00:11:00.001+09:00

ハマったのでメモ。やり方が分かれば簡単ですが、調べても出てこなかったのでメモとして。

WordPress for iOS

WordPress for iOSは、iPhoneでWordPressを管理できる便利なアプリです。
投稿はしやすく、タブやカテゴリーの入力も容易。画像の挿入も簡単で、動画(.MOV形式)も埋め込めます。投稿の表示自体はタグが丸見えのテキストエディター状態なので、タグを触れるならばかなり自由に作成できます。

WordPress for iOSの統計情報

このWordPress for iOSには最初から「統計情報」というアクセス解析の結果を表示する機能へのボタンが表示されています。この機能を実際に使うためには設定が必要ではありますが。

今回は、WordPress for iOSに二つの異なるサイトを登録し、両方の統計情報を見ることを目的にしています。ちなみに、何もしなければ最初に登録したサイトの統計情報しか見ることができません。登録したブログを削除していれ直しても同じです。

なお、統計を使えるようにするにはWordPress.comに登録してIDとPASSを設定し、jetpackプラグインをインストールする必要があります。
jetpackに関しては、下記のサイトさんを参照ください。分かりやすいと思います。

WordPress.com の便利機能をインストール版に！ Jetpack を導入してみた
：8bitodyssey

カスタム投稿タイプ

カスタム投稿タイプをWordPress for iOSで利用する方法が現時点で不明です。

カテゴリーでも選択肢として出てきませんし、専用の投稿システムがあるわけでも無さそうです。この点、対応していないのか私が見つけられていないのか...。現時点では、WordPress for iOSの使用を前提とするならカスタム投稿タイプの使用は控えた方が良いかもしれません。

エラー内容

統計情報を見るためには、WordPress.comで入力したIDとPASSが必要になります。が、２つ目に登録したサイトの統計情報を見ようとすると「Administratorで入ってくれ」云々と出てきます。しかし、もともと管理者権限のアカウントで入っていますし、仮にWordPressの管理画面で新たに管理者権限のユーザーを作っても統計は表示されません。

エラーや挙動を見ていると、最初に登録したサイトに紐づいているWordPress.comのアドレスに２つ目でもアクセスしようとしているように感じました。

解決方法

解決方法ですが、非常に簡単でした。

ホームボタンをダブルクリックしてWordPress for iOSのアプリを停止後に再起動するだけです。

連続で登録したままの状態だとおかしくなるらしく、一度落として再起動すればちゃんと表示できます。

回避方法？

今回は２つのサイトで別々にWordPress.comに登録しました。おそらく、２つとも１つのIDとpassで登録していれば問題は無かったのではと考えています。

試していないので結果はわかりませんが、今回のエラーが出る可能性は無いかと。

結び

簡単な設定や機能でハマる場合、大抵簡単なことで解決できるものです。が、アプリを再起動しないといけないという根本的な辺りに原因があると、はなかなか気付きませんでした...。

デザインが苦手でも使える、視点の移動に関する基本

2011-11-14T07:10:00.000+09:00

WEBサイトではユーザーの視線を誘導できるか否かは重要な問題です。今回はサイトやページ全体の導線という話ではなく、視点の動きに絞った内容です。

縦書きは右から左へ。横書きは左から右へ。

新聞に代表されますが、日本語には縦書きの伝統があります。縦書きであれば視線の移動は右から左がルール。これを逆から読む方はまずいないでしょう。

ではWEBサイトではどうか？
基本的に海外を含めて横書きがメインであり、日本語のサイトも横書きがほとんど。日本のサイトに限定しても一般的だと言えます。そして、横書きは左から右へと読むことがルールです。

以上の点から考えると。
WEBサイトでは文章の流れに添って、左から右へと読み進めるのが基本となります。

左に壁をつくり右に流す

視線の始点となる左サイドに壁を作り、右に流す方法が通常のサイトでは良くあるかと思います。具体的には、左にサイドナビゲーションのある状態です。

左にサイドナビゲーションがあると、ナビゲーションをさらっと流してすぐに右の方へ視線が流れていきます。なぜなら、視線が移動する右方向に「ひっかかり」が無いからです。

もしも右に行く途中に何らかの引っかかりがあれば別ですが、始点部分にいくら引っかかりを置いても視線は動いてしまいます。感覚的には、「左端には留まりたくない」「右に動きたい」といったむずむず感を感じるといえるかもしれません。

右に壁を作らない方法では、意外と強い視線の移動効果を生みます。サイドナビゲーションを邪魔に感じないようにしたり、右端に重要な要素を置くことでより効果的に視線を惹き付けることができます。

左に戻りにくい

難点は、右に行きっぱなしになりやすい点です。

視線が右に動く力が強いと、左に戻す際には抵抗を感じます。意識的にこの抵抗を実感することは無いでしょうが、ページ内で右から左へと視線を動かすのと、左から右へと視線を動かすのでは微妙な差が生まれているはずです。

もちろん、これは文章の方向性にも影響されています。右方向に流れがある横書きの文字があれば、自然と右向きの力が強くなるからです。

右に壁を作り左に戻す

始点となる左には目立つ要素を置かず、右に壁を作る方法もあります。主にブログで見られる右サイドバーの構成がこの方法に当たります。一般的には再度ナビゲーションとメインコンテンツの間にはラインを引くことが多く、そのラインが壁としても機能します。

また、ブログであれば右サイドにビジュアル的にインパクトのある要素が多くあります。例えば、写真のバナーやソーシャル関連のアイコンなど。これらも右に配置することで壁の補強になります。

視線の動く先の右端に壁があると、視線は左に跳ね返されます。すると、右に壁がない場合よりも左に戻りやすくなります。スムーズにメインコンテンツの隅々をユーザーに見せたい場合には、この壁の効果は良い結果をもたらす可能性があります。

窮屈に感じる

眼前にコンクリ−トの壁があれば、大抵の方は圧迫感と窮屈な感覚を覚えます。視点を移動する際にも同様で、行き先である右に壁があれば窮屈さを感じてしまいます。

窮屈さを感じる場合、壁となる要素の色や幅を調節して強い壁にしない方が良いです。10pxで黒い線よりも、5pxでグレー線の方が壁に対する感覚は軽いはず。跳ね返る力も弱くなりますが、窮屈な印象も弱くなるでしょう。

右端に釘付け

壁の部分に目を惹くバナーを置いた場合、右に行ったまま視線が戻りにくくなります。いわば釘付け。

目を惹く要素の例としては、彩度の高いカラフルな要素やユーザーの関心を引く写真なり文章なりがかかれた要素です。具体的に言えばアフィリエイトやアドセンスなどがあてはまるでしょう。

メインコンテンツを読ませるという意味ではデメリットですが、アフィリエイト目的であれば当然あり得る配置です。

全てにあてはまらない

ここまで、文章の方向性からWEBサイトでの視線の動きを考えてみました。が、何よりも強いという要因ではありません。意志の力や関心により打ち消されてまいます。

内容に惹かれて読み始めたなら両サイドに何があろうと視点はメインコンテンツに集中しますし、右にバナーがあるからと言って必ずクリック率が上がるわけでもありません。

また、サイトは単一の要素で構成されることは少なく、複合的な要因が存在するのが当然です。複数ある要因の一つを整えたからといって、効果が出るはずもありません。

とはいえ「視点は文字方向に従う」という要因は確かに存在します。意図しておくべき事柄です。

結び

ナビゲーションを左にするか右にするか。
バナーを右にするか左にするか。
メインコンテンツを縦に区切る線を太くするか細くするか、色を濃くするか薄くするか。

これらで迷った際には視点の移動を基準に考えることも有効です。結果として読みやすさやページの目的を達成できる形になれば、要素の配置に成功したと言えます。