www.masahiko.info
#BLOG
www.masahiko.info
Webクリエイター、Web利用者向けの技術情報Webマガジン。シャープブログ(Sharp Blog)。
#BLOG
▼カテゴリ:Web関連

2008/06/23 13:35 【カテゴリ:Web関連】 (更新:2008/06/23 14:36)

「関連記事」を自動生成するサービス このエントリーを含むはてなブックマーク

relatedarticlesicon.gifWebサイトの価値を計る指標として「直帰率」(=1ページ見ただけでサイトを離れる閲覧者の確率)がありますが、実際にWebサイトの訪問者に次々とページを読んでもらうには、自サイト内のほかのページへの誘導が欠かせません。そこで使われるのが「関連記事」の一覧です。

関連記事の一覧とは、現在のページに関連性の高いページへのリンクが一覧表示されるものです。検索エンジンなどから「この情報を知りたい」という明確な目的を持ってやって来た閲覧者に、まさにその目的に関連する記事の一覧が提示されることになり、閲覧者にとっても有益で、サイトで情報を公開する人にとっても(PV面で)良い手法だと思います。

このような関連記事は手動で作成することも可能ですが、労力を省くために機械で自動生成するサービスがいくつかあります。

そこで、現在、世に出ている「関連記事生成サービス」をいくつか紹介します。

→ 続きを読む
コメント[0件] & トラックバック[0件]

2008/06/01 17:11 【カテゴリ:Web関連】 (Posted by 一色政彦)

idやclassなしでテキストボックスやsubmitボタンにCSSを適用するには? このエントリーを含むはてなブックマーク

cssdesignlogo.jpgWebページの閲覧者に検索やコメントを入力、送信してもらうには、Webページ上にテキストボックス(=テキスト入力枠)や submit ボタン(=[送信]ボタンや[検索]ボタン)などの<input>要素(以降、まとめて「コントロール要素」と呼びます)を配置します。しかし、これらのコントロール要素はサイトのデザインと必ずしもマッチしていないことがあり、よりサイトに合ったデザインに変更したい場合があります。このようなときには(基本的に)CSSを使います(この記事ではCSSの使い方の説明は割愛します)。

コントロール要素にCSSを適用するには、まずは目的のコントロール要素を特定する必要があります。これを行うためには、通常、そのコントロール要素にid属性もしくはclass属性を付け、それを利用します。

例えば、次のようなHTMLコードで、submit ボタンが配置されているとします。

<div id="search-box">
  <input type="submit" name="sa" value=" 検索" id="search_submit"></input>
</id>
この場合、次のようなCSSコードにより、submit ボタンのデザイン内容をカスタマイズできます。
#search-box input#search_submit {
  <デザイン内容の変更するコード>
}
このCSSでは、
  id属性(#)が「search-box」の内部(=半角スペース)にある「input」要素で、しかもid属性(#)が「search_submit」の要素
というふうに、コントロール要素を特定しているわけです(ちなみにclass属性の場合は「#」の代わりに、「.」を使います)。

通常はこれで問題ないわけですが、事情によりid属性やclass属性が使えない場合があります。例えば、Google AdSenseの検索コードを使っている場合には、コード内容の改変が禁止されているため、id属性やclass属性が使えないことがあります。

そのような場合に、目的のコントロール要素を特定して、CSSを適用する方法を紹介します。

その方法とは

→ 続きを読む
コメント[0件] & トラックバック[0件]

2008/03/26 00:40 【カテゴリ:Web関連】 (Posted by 一色政彦)

Windows Live SkyDriveで大量のファイルを一気にアップロードするには? このエントリーを含むはてなブックマーク

皆さんは、友達への写真や動画、大きなファイルの受け渡しはどのようにしているでしょうか?

ファイル サイズが大きい場合、メールで送れないことがあるので、CDに焼いたり……ですよね!?

そういう人に紹介したいのが、「Windows Live SkyDrive」というインターネット上のサービスです。なんと5GB(ギガ・バイト)の大容量を無料で利用できます。それだけでなく、SkyDriveはファイルを公開したい範囲を制限する機能もあり、とても便利です。つまり友人だけにURLをお知らせして、友人だけにファイルをダウンロードしてもらうようなことができます。

skydrive_13.gif

例えば「たくさんの写真を友人へ渡す」という目的でSkyDriveを使う場合、大量にファイルをアップロードすることになりますよね。そのとき、1枚1枚ファイルをアップロードするなんて面倒くさくてやってられません。

そこで以下では大量のファイルを一気にアップロードする方法を紹介します!

→ 続きを読む
コメント[0件] & トラックバック[0件]

2005/06/16 01:48 【カテゴリ:Web関連】 (Posted by 一色政彦)

低料金定額の公衆無線LANでDoCoMoは消滅する? このエントリーを含むはてなブックマーク

今日、帰宅してIT関連ニュースを眺めていて、すごく驚いたことがありました。

CNET Japan:ライブドア、月額525円で全国使い放題の公衆無線LANサービス--海外も視野に
@IT:ホリエモン、月額525円で公衆無線LANサービスに殴りこみ!
ITmedia:ライブドア、月525円・山手線圏内カバーの無線LANサービス

すごい激安! サービスが始まったら真っ先に利用しようと思いました。

……しかし、私が驚いたポイントはそこでは、ありません。

→ 続きを読む
コメント[0件] & トラックバック[5件]
2005/06/16 11:07 【トラックバック】 (Posted from 今日の覚え書き)

#BLOGさん経由で知ったのですが、ライブドアが全国使い放題の公衆無線LANサービスの提供を開始するそうです。 ▼トラックバック ■低料金定...

→ “全国使い放題の公衆無線LANサービス”の続きを読む
2005/06/16 13:10 【トラックバック】 (Posted from 新妻blog(もう新妻じゃないけど))

またまた、FPNからの記事でーす。 FPN:ライブドアの無線LANサービスD-c...

→ “ホリエモン、月額525円で公衆無線LANサービスに殴りこみ!”の続きを読む
2005/07/10 22:20 【トラックバック】 (Posted from スカイプウォッチャー)

Net-2Com、無線通話端末「WipCom」でスカイプ対応へ 高まるコンシューマ市場への展開 http://computers.livedoor.com/...

→ “■Net-2Com、無線通話端末「WipCom」でスカイプ対応へ”の続きを読む
2005/10/01 21:03 【トラックバック】 (Posted from ライブドアと銀行とお金)

自動販売機といえば、かなり沢山あるので これがアクセスポイントになるということであれば、 かなり心強いですね。 第1目標として、都内40万台の自動販売機の一部...

→ “自動販売機を利用してlivedoor Wirelessの無線LANアクセスポイ”の続きを読む
2005/10/06 17:01 【トラックバック】 (Posted from ライブドアはどこへゆく)

ライブドア、ブロードバンドタワー、ホーキングの3社は、ライブドアが運営する公衆無線LANサービス「livedoor Wireless」に関する提携を発表した。自...

→ “自動販売機を利用して無線LANアクセスポイント”の続きを読む

2005/05/06 14:37 【カテゴリ:Web関連】 (Posted by 一色政彦)

GoogleがWeb表示高速化ツール(ベータ)を提供開始 このエントリーを含むはてなブックマーク

Googleが新たなツールを提供開始しました。今度はWebページの表示を高速化するためのツール「Google Web Accelerator」です。もちろん無償提供。

Google Web Acceleratorをインストールすると、下の画面のようにInternet Explorerなどのブラウザにツールバーが追加され、そのツールバー上には「合計で何秒、高速化できたか?」が表示されます。
googleacc.gif

現在のGoogle Web Acceleratorベータ版では、欧州や北米のWebサイト以外は高速化されないという話ですが、

→ 続きを読む
コメント[0件] & トラックバック[0件]
▼このカテゴリの古い記事
|| Top | Profile | Works | Diary || IT+ | #BLOG | MyView ||
【リンクについて】→詳細を見る
リンク・フリーです。事前、事後のご連絡は必要ありません。
【著作権について】→詳細を見る
Copyright © 2003-2008 Masahiko Isshiki. All rights reserved.
(引用と私的使用以外の記事・画像及び情報の無断転載を禁じます)