code,color

dark>light
#ffd5aa<#ff99cc<#ff99cc
#555555<#555555<#5f5f5f
#e27272<#b12323<#8d1d1d

TAG index Webサイト
http://www.tagindex.com/color/color_gradation.html

code,スマートフォンサイト

css3で作るスマートフォンサイト用、業種別ボタンデザイン配布！
最適化ノウハウコラム記事　
～スマートフォン最適化・スマートフォン対応サイト制作はTOUCH&SLIDEへ～

TOUCH&SLIDE
http://touch-slide.jp/column/691/


2-3 スマートフォンで押しやすいボタン型リンクを作るCSS [ホームページ作成] All About

All About
http://allabout.co.jp/gm/gc/382463/2/

.................
.btn {
   background: -moz-linear-gradient(top,#FFCC99 0%,#FFCC99 50%,#d56a00);
   background: -webkit-gradient(linear, left top, left bottom, from(#FFCC99),color-stop(0.50, #FFCC99),to(#d56a00));
   color: #B61656;
   display: block;
   width: 50%;
   text-align: center;
   padding: 0.1em 0.3em;
   text-decoration: none;
   margin: 5px 3em;
   line-height: 2em;
   white-space: nowrap;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border: 2px solid #ffd5aa;
   -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   text-shadow: 2px 2px 5px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);
 }

gdfg pc

.btn {
   background: -moz-linear-gradient(top,#FFCC00 0%,#FF6600 50%,#FF8533);
   background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),color-stop(0.50, #FF6600),to(#FF8533));
   color: #FFF;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border: 2px solid #FF6600;
   -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   text-shadow: 2px 2px 5px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);
 }

TOUCH&SLIDE
http://touch-slide.jp/column/691/

.................
xx {
   background: -moz-linear-gradient(top,#e27272 0%,#b12323 50%,#8d1d1d);
   background: -webkit-gradient(linear, left top, left bottom, from(#e27272),color-stop(0.50, #b12323),to(#8d1d1d));
   color: #FFCC99;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border: 2px solid #8d1d1d;
   -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   text-shadow: 2px 2px 5px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);
 }

TOUCH&SLIDE
http://touch-slide.jp/column/691/

FFFTP（64bit版）

FFFTP（64bit版）
v1.99a（16/05/14）
定番FTPクライアントソフト
フリーソフト
対応OS ： 64bit版のWindows Vista/7/8/8.1/10
ファイルサイズ 3.0MB
左右分割型の日本語FTPクライアント。
ウィンドウ内左右にローカルディスク側とホスト側のファイル一覧を表示し、
ドラッグ＆ドロップや右クリックメニューなどの操作で転送できる。
テキストファイルの漢字コードをEUCやJISコードに自動で変換したり、
半角カナ文字を自動で全角に変換といった国産ソフトならではの機能を備えている。
ホームページを一括転送できるミラーリング機能も備え、
ローカル側のフォルダの変更内容をそのままホスト側に反映できるため、
ホームページ転送専用ソフトのようにも使える。
転送や削除をしないファイルやフォルダをあらかじめ指定しておいたり、
アップロードするファイルの属性を指定しておくことも可能だ。
ミラーリング時に転送・削除するファイルを事前に一覧で確認することもできる。
また、中断と再開が可能なダウンロードレジューム機能にも対応している。

窓の杜
http://forest.watch.impress.co.jp/library/software/ffftp/

自炊で評判のスキャナーScanSnap iX500

ScanSnap iX500
自炊で評判のスキャナーを買ってみました！
自宅にある本や雑誌の数々。
これ、どうにかならないのかなぁ～と思いながらも、どんどんと部屋が占領されていく。。。
このデジタル時代に「自炊」というアナログチックな言葉が気になっていました。
いわゆるスキャナーで、本や雑誌を取り込んで、スマホやらiPadに入れてしまうということですよね。
いままで、ScanSnapのS1100という持ち運びができるスキャナーを持っていたのですが、これで自炊はムリ。
A4の片面を1枚スキャンするだけで、およそ10秒。
ってことは、文庫本100ページだと、1000秒でおよそ15分以上・・・・
そこで、自炊するならと、評判のScanSnap iX500を買いました！
↓ix500の手前にあるのはもともと持っていたS1100
ix500
スイッチがあけるだけのスキャナー
このスキャナー。
カバーをあけるとスイッチが入るというとてもわかりやすいつくり。
シンプルでとても使いやすいですね。
ix500の本体
まるで、コピー機のような感覚です。
大きさも思っていたよりコンパクト。幅はA4の紙の大きさと変わらないし、奥行きも小さな辞書程度。
なによりも、このスキャナーはわかりやすくて説明書は要らないですね。
スマートにスキャンするならカッターが必要
スキャナーは使いやすいんですが、スキャンする本とか雑誌にコツがいるんですよね。
実は、ここで大切なのが、本や雑誌のせなかの”糊”なんですよね。
この糊とかホッチキスがスキャナーに入り込むと、スキャンがとまってしまうんです。
このスキャナーについているScanSnap Manager とかのソフトが優秀なので、
つまってもそのまま継続スキャンはできますが、あまりにスマートじゃないし。
そこで、きれいにカットするカッターがあるといいですね。
S1100を使っていたときに、何度つまりにいらいらさせられたことか。。。
そこで、このカッターを買ってみました↓
ディスクカッターDC-210N-B
このカッターはとても切れ味もよく、なんとカッターの芯の予備まで用意されているというモノ。
上下にカッターの針を動かして、ポロン！って感じで本や雑誌の端っこが取れますね。
→詳細のディスクカッターDC-210N-B こちら
ScanSnap iX500でスキャンしてみた
カッターで端っこをカットしたら、スキャンするだけ。
音もものすごく静かですね。
音楽聴きながらやっていたらほとんど聞こえないレベル。
そしてなんといってもスイスイ感がすごい！、
100枚以上ある本や雑誌のスキャンでもほぼ間隔を置かずにすーいすーいと紙が吸い込まれていく。。。。
紙を読み込むモーター音がまったく途切れない感じですね。
驚愕します！
見ているだけでもとても気持ちいいです。
この、猛スピードにあわせてPDFにする速度もすごく速い！
スキャンしながら、同時に文字認識もできるようになっているんです。
自炊のスキャナーなら評判のScanSnap iX500 FI-IX500 を買って損はしないですね。
どんどん取り込んで、あまりにもさくさく読み込んでPDFにしてくれるのは感動モノです。
ScanSnapの新モデル「ScanSnap SV600」が発売される
2013年7月12日にScanSnapの新モデル
スキャナ「ScanSnap SV600」が発売開始されました！
これは、まったく新しいドキュメントですよ。
最大の特徴は、本を裁断しなくていいこと
そして、A３サイズまでスキャンができる！
こうなると、もう一つの方法としての自炊でスキャナーをすることができますね。
→ScanSnap SV６００の紹介記事はこちら
あまりにも大量の本があるなら自炊でなくて業者も使う
スキャナーScanSnap iX500のおかげで処分できなかった紙の本や雑誌、資料がみるみる減っていきました。
電子書籍として問題なく使えますね。
 いや～断捨離の気持ちが少し理解できました(^。^)
 でも、まだまだダンボールで何箱か残っているんですよねぇ。
スイスイ吸い込まれるのが楽しいとはいえ、半日していると飽きてしまいますから。
やはり、モノによっては業者に頼んじゃうほうがいいんですよね。
まだまだ先は長いです・・・・

自炊 スキャナーScanSnapを買って電子書籍にしてみました！
https://www.xn--nckxa6c5eqf0753buoza.com/







連載：競馬評論家・花岡貴子の「本命☆モバイル」
100冊近く“自炊”して実感、スキャナー「ScanSnap S1500」は名機です！
2011年02月06日
前回は、手持ちの本や雑誌などを電子書籍化する“自炊”のための第1ステップ、
断裁機の定番・PLUS PK-513Lを試してみました。
続いて、今回はさばいた紙をスキャンします。
使用したのはPFUのスキャナー「ScanSnap S1500」。この機種も自炊の定番ですね。
PK-513Lは断裁機だけあってひじょうに物々しく存在感がありましたが、
ScanSnap S1500はひじょうにコンパクト、かつおしゃれにまとまっています。
外寸で292×159×158mm。カラーボックスの上に置きましたが、
カバーがしまっていたらひと目では何の機械なのかわかりません。
その分、置き場所は選ばないように感じました。
ScanSnap Managerでファイルの保存場所を選ぶ
業務資料はA4サイズで86ページ。
表紙と裏表紙以外のほとんどのページは細かい文字で埋め尽くされています。
読み込み開始から文字認識終了まで、これにかかった時間は7分程度でした。
処理速度は予想より速いと感じました。
ScanSnapで読み込んだデータはさまざまな方法で保存できます。
ファイルをパソコン内の指定したフォルダに保存できるだけなく、
Evernoteへ保存することもできます。
Evernoteへの連携は「ドキュメントをEvernoteへ保存」を選べばPDF形式で、
「手書きメモをEvernoteに保存」を選べばJPEG形式で保存できます。
JPEGの場合は画像の枚数分、ノートが作成されるので自炊には不向きですが、普段はぜひ使ってみたい機能です。
わたしはEvernoteやSugarSyncなどクラウドに自炊したデータを置いておきたいので、
あえてルートに用途にわけたフォルダ（トリセツ、業務資料など）を10個ほど作っています。
ScanSnapで「指定したフォルダに保存」でこのフォルダを選び、
EvernoteやSugarSyncへ自動的に連携するように設定しておけばいつでも欲しいときにそれらが取り出せるからです。
ScanSnap Managerで「指定したフォルダに保存」を選んだ（画像クリックで拡大）
さて、スキャン後のデータがどの程度、テキスト認識されているのかをチェックしてみました。
細かい業務資料の文字ですが、Acrobatの検索でもまずまずひっかかりますね。
もちろん失敗例もあります。
ですが、キーワードと完全一致が難しいことが事前にわかっていれば、
部分的な一致で言葉を探せばいいのですからそのあたりは割り切って使っていったほうが得策でしょう。
エラー時の対応にS1500の実力を見た！
業務資料の読み込みのあと、しばし自分用の断裁済みの資料や本をScanSnap S1500でスキャンしてみました。
表紙と1枚のカラー挿絵で構成されているものは、そのページだけのり付けされているケースが多いですね。
いくつか試してみて、断裁後もその部分だけうっすらとくっついていることが多かったので、
スキャンする前にすべての紙がバラバラになっているかどうか、
パラパラと手でバラしながらチェックしておく必要があると感じました。
それでも、紙が2枚くっついていたり、何かの拍子で重なって読み込んでしまったりするわけですが……。
ScanSnapはそんなトラブル時の対応がひじょうに素晴らしいのです。
実際、2枚の紙を同時に読み込んでしまったときのScanSnapの対処例をご紹介しましょう。
ScanSnapでは重なりを検出するとそこで読み取りを中断します。
画面には最後に読み取った原稿とその2枚前までの原稿が表面・裏面ともに表示されます。
この画像から、最後に読み取った原稿の内容を確認できるのはひじょうにわかりやすく、かつシンプルでいいですよね。
エラーが確認できたら、最後に読み取った原稿の読み取りデータの「残す/残さない」を選び、
「継続読み取り」をクリックして作業を再開します。
なお、ADF（自動給紙装置）は結構しっかりと紙を押さえており、手で引き抜くと破れる可能性があります。
一度ADFを開き、重なった原稿を含めて束ねなおしてから再度原稿をセットして作業を再開しましょう。

競馬評論家・花岡貴子の「本命☆モバイル」
http://trendy.nikkeibp.co.jp/article/column/20110202/1034357/?rt=nocnt

センサーシップ

英国の人気Webブランドランキング

米Nielsen社と英UKOM社、英国の人気Webブランドランキングを発表
英国の人気Webブランドランキングを発表
米Nielsen社と英UKOM社が英国の人気Webブランドランキングを発表した。
Nielsen社の分析によると、前回調査した2004年に比べ、今回の2011年のランキングでは実サービス系の企業、一般企業が増えたという。2004年1月、Sky、ITV、The Telegraphといった一般メディアの数は9社だった。それが2011年では16社にまで増えた。
また今回の調査データで注目すべき点として、2004年に「ドットコムブランド(dotcom brands)」と呼ばれ人気があったWebブランドFreeserve、Lycos、Kelkooなどが2011年のランキングではいずれもランキング圏外となっている事、Tesco、Marks、Spencerといった昔からある定番の一般企業ブランドが「ドットコムブランド」にかわってランキング上位になっている事を挙げている。
Freeserveは英国のインターネットサービスプロバイダ、Lycosは英国の検索エンジンポータル、Kelkooは英国の価格比較サイト。
以下、UKOM社ゼネラルマネージャーJames Smythe氏のコメント。
UKOM社ゼネラルマネージャーJames Smythe氏
「この7年、インターネットの世界でおきた2つの変化。1つめ。ソーシャルメディアが増えた。2004年1月のランキングではソーシャルメディア企業は上位50位の中でわずか1社だった。それが現在では、YouTube、Wikipedia、Tripadvisor、Facebookなど10社がランクインしている。人は信用出来る人を探しており、そのためのツールが求められているという事。2つめ。一般企業が増えた。7年前、Argos社やBBC社といったIT企業以外の一般企業は上位50社のうちのわずか18社だった。それが2011年では25社にまで増えた。」。
Webブランドランキングトップ20
以下、英国の人気Webブランドランキングトップ20。
2011年1月のランキング
1 Google
2 MSN/Windows Live/Bing
3 Facebook
4 Yahoo!
5 BBC
6 Microsoft
7 Amazon
8 YouTube
9 eBay
10 Wikipedia
11 Apple
12 Ask Search Network
13 Argos
14 Associated Newspapers
15 Sky Portal
16 Blogger
17 Tesco
18 AOL Media Network
19 Paypal
20 Glam Media Macromedia
2004年1月のランキング
1 MSN
2 Microsoft
3 Google
4 Yahoo!
5 BBC
6 eBay
7 Freeserve
8 Amazon
9 AOL
10 Ask Jeeves
11 Real
12 BT Openworld
13 Apple
14 Kelkoo
15 Multimap.com
16 Tiscali
17 Tesco
18 Lycos Network
19 NTL World
20 Glam Media Macromedia
Googleは2006年以降トップを維持。英国では毎月約3500万人以上(1日100万人以上)のユニークビジター数をカウントしている。2004年1月、ランキング１位はMSNだった。当時の英国のMSNのユニークビジター数は毎月約1700万で現在のGoogleのユニークビジター数の半分以下。2011年現在、MSNのビジター数はかろうじて維持されているが、それはネット全体のトラフィック量の増加によるものだとNielsen社は分析している。
上位50社の顔ぶれは大きく変わったが、ここ数年、上位10社の顔ぶれはほとんど変わっていない。MSN社、Microsoft社、Google社、Yahoo社、BBC、eBay社、Amazon社の7社は上位10位に安定してランクインしている。
2011年、新しくランクインしたブランドは、Facebook、YouTube、Wikipediaの3社。
Nielsen社、UKOM社
Nielsen社は米国のトレンド調査会社。世界各国の市場情報、消費者情報、インサイトを提供している。
UKOM社は英国のネット調査会社。インターネット視聴率調査団体。UK online audience measurement（UKOM)。

Telegraph
http://www.telegraph.co.uk/technology/news/8339000/Top-50-UK-online-brands-Tesco-and-BT-oust-dotcom-darlings.html

SEO 対策テクニック

最近の SEO 対策テクニックと SEO 依存の危険性
投稿者 ドキッ！プロ奴隷だらけの水泳大会
日時 2009 年 6 月 17 日 18:01:22
6月17日16時23分配信 japan.internet.com
http://headlines.yahoo.co.jp/hl?a=20090617-00000034-inet-inet
ネットショップの集客対策を検討される際、多くのショップオーナーはまず SEO 対策をお考えになると思います。
確かに SEO は購入につながりやすい見込み客を、効率よく呼び込める手法です。
最近では SEO について学ばれている方も多く、低コストで導入できることもその理由と言えます。
しかし、検索エンジン側では検索ユーザビリティの向上を目的に、常にアルゴリズムを進化させているため、
検索結果（検索順位）は日々変化しています。
結果的に SEO 対策もこのアルゴリズムに適応するため常に進化していく必要があります。
SEO 対策には、サイトマップを作る、メタタグや alt タグを設定する、
ページランクの高い外部サイトから被リンクを貰うといった定番の手法がありますが、
最近のトレンドから今後主流となりそうな考え方を一つご紹介させて頂きます。
SEO 対策の一つとして、サイト内に特定のキーワードを一定量占有するという手法がありますが、
最近の SEO 対策ではここから少し変化しています。
それは、特定キーワードと関係性の深いキーワードを同時に使用して文章を構成するという考え方です。
これを LSI（Latent Semantic Index）と呼び、
検索エンジンは高く評価しています。
例えば、「コーヒー」と「カフェ」という言葉には関連性がありますが、実はこの2つのキーワードの関連性を検索エンジンも認識しています。
つまり特定キーワードのみでサイト内の文章を構成するのではなく、「コーヒーの入れ方」「焙煎コーヒー」のように、
関連性のあるキーワードを含めて文章を構成することが、SEO 対策として適していると考えられます。
それでは実際に文章にしてみましょう。「コーヒーのことなら○○。毎日コーヒー日記を更新中。
コーヒーのことならお気軽にお問い合わせください」と書かれている文章は、コーヒーというキーワードの出現頻度がユーザーへ違和感を抱かせます。
続いて、「コーヒーのことなら○○。丁寧に焙煎された美味しいコーヒー豆を販売しております。カフェ気分で香りをお楽しみください」とした方が読みやすいですし、
商品のイメージもできます。
このように SEO 対策をする際には過去の対策だけでなく、
最近のトレンドをキャッチしサイトをチューニングすることをお勧めします。
最後に、SEO 対策をされるショップオーナーの皆様にお伝えしたいことがあります。
それは、ネットショップ運営の目的が商品を販売して売上を上げることにあって、
検索エンジンで上位表示されることではないという事です。
万全な SEO 対策を施して検索結果の上位に表示されても、
訴求力の低いサイトでは最終目的である販売に繋がりません。
SEO 対策のテクニックを理解しつつ、エンドユーザーが購入しやすいページやコンテンツを作ることが原点であり、
一番大切なことだと心がけてください。
（執筆：GMOソリューションパートナー株式会社 今村 潤）
記事提供：GMOソリューションパートナー株式会社

★阿修羅♪
http://www.asyura2.com/09/it11/msg/250.html