本のためのアフィリエイト・ポイントブログ

ウェブの書斎



feed このエントリーを含むはてなブックマーク このエントリーを含むはてなブックマーク add RSS hatena My Yahoo!に追加 Add to Google RSS  since 2005.6.12  このブログについて  リンク集  サイトマップ

本・CD・DVDを割引で買う方法


ポイントサイト使用編 アフィリエイト活用編 クレジットカードでお得編

 おすすめの本達(書評)!


[PR] インフォカート > ビジネス, 趣味・生活・雑誌, 芸能・音楽, 小説・ノンフィクション, 写真集・グラビア, 漫画・同人誌

[PR] 日米で120万人が実証。たった3分で本を読む速さが2倍になる元祖ジョイント式速読術。(効果がない場合の返金保障)

アフィリエイト情報.net ,  携帯アフィリエイト情報.net

フリーのメールアドレスを取得しよう

ウェブの書斎2006/08/09(水)

個人情報や、スパムメールから身を守るために、 フリーのメールアドレスを用意しておきましょう。


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク

フリーのメールアドレスを取得しよう」の続きを読む




Tipsとツール

ウェブの書斎2006/03/19(日)

  1. HTML/XHTMLとCSS
  2. SEO対策
  3. RSS(XML)
  4. JavaScript
  5. PHP,MYSQL,Perlの活用-アフィリエイトなど

以下は、特定のトピックスに関する情報です。一部重複あり。

Google (グーグル)

サイト・ブログの運営

RSS情報をJavascriptで表示(PHP版)

FC2ブログのカスタマイズ・テンプレート

Firefox-便利なブラウザ


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




301,302リダイレクトのインデックス状況

ウェブの書斎2006/02/20(月)

Tipsとツール

301(永久的な)リダイレクトと302(一時的なリダイレクト)のインデックス状況を確かめてみました。 (Topからリンクを張って、どうなるか見ようと思っていたのですが、そのまま忘れていました。)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク

301,302リダイレクトのインデックス状況」の続きを読む




ブログSEO専用ツール トラックワード(track word)

ウェブの書斎2006/01/17(火)

Tipsとツール

トラックワード(track word) 使えるブログツール

いろんなブログツールがある中で、今気に入っているのは トラックワード(track word) です。


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク

ブログSEO専用ツール トラックワード(track word)」の続きを読む




ソーシャルブックマーク(Scuttle)の設置

ウェブの書斎2005/12/15(木)

Tipsとツール

翻弄され続けるブログのランキング…。

ソーシャルブックマーク(SBM)の設置

ソーシャルブックマーク(Scuttle)のインストール方法phpspot開発日誌) 」を参考にして、ソーシャルブックマーク(Scuttle)を設置しました(PHPで動きます)。

アフィリエイトのソーシャルブックマーク(SBM) は現在VALUE-DOMAIN.COM(バリュードメイン) に置いてあります。

アフィリエイト関係のサイト・ブログを運営している人が興味を持ちそうな記事が集まるといいなと思います。

ブックマークのお願い

概要はaboutにあります。 登録はRegister、 ログインはLog Inでできます。

ログインして、面白い記事をブックマークしていただけるととても嬉しいです。

ブックマークは、次のようなブックマークレット

を使うと簡単にできます。ブラウザによっては注意がでますが、問題はありません。

内容に乏しい記事の宣伝は控えるようにお願いします。 タイムリーな情報のある記事や、内容があっても埋もれしまっている記事を掲載するのが目的です。

予定

はてなブックマーク を初めとして、各種ソーシャルブックマークがあるので利用価値は低いかもしれません。

少なくとも、数人ぐらいは利用していただける方がいて欲しいのですが、 あまりにもソーシャルな使い方をされなかったり、 宣伝が頻発するようであれば、私的なリンク集・メモ帳として活用します。

追記
ブログの工事が予想以上に大変です。 しばらくおかしなページがあちこちに散らばっていると思います。

→利用をお願いします アフィリエイトのソーシャルブックマーク(SBM)

→翻弄され続けるブログのランキング…。


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




firefox、del.icio.us 古いネタ二つ

ウェブの書斎2005/12/12(月)

Tips&ツール

年末で穏やかな雰囲気のブログのランキングで一休み。

古いネタ二つ

firefoxのバージョンアップ

しばらく様子を見ていたのですが、 特に不具合の話を聞かないので先日Firefox1.5にバージョンアップしました (以前は、どんなものでもすぐにバージョンアップをしていたのですが、 そのために何回か失敗したことがあるので、バージョンアップに注意深くなりました)。

動作がだいぶ軽くなった気がします。 タブブラウズもドラッグ&ドロップに拡張機能なしで対応されるようになりました。

サイト運営者にお勧めの拡張機能

Webアクセシビリティ・ツールボックスWeb Developer

その他、RSSリーダー,Google ツールバー

SageGoogle ツールバー

Yahoo!、ソーシャルブックマークサイト「del.icio.us」を買収

Yahoo!、ソーシャルブックマークサイト「del.icio.us」を買収[ITmediaニュース]

ソーシャルブックマークってあまり一般的ではないのかもしれません。

はてなのブックマークを一応公開。 基本的にアフィリイエト・ブログ関係を中心に、TOPページにブックマークしています。 巡回しているブログの一部だけ。(本当は、いろんな分野 をもっと沢山、時系列順に並べた方が良さそうです。ブックマークも、トップより個別のページにした方が便利です)

アフィリエイトこっそり報告blog(ブログ)ブログアフィリエイト徹底ガイド マイバブルタイプ などの有名どころが、 ユーザー数20(2005年12月12日現在)に満たないのは意外です。

全体的に、技術系やニュース系のサイト・ブログが強いです。

年末で穏やかな雰囲気のブログのランキングで一休み。


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




さくらでGoogle Sitemaps(グーグル・サイトマップ)を使う

ウェブの書斎2005/12/09(金)

Tips&ツール

少し順位が下がったブログのランキング

Google Sitemaps(グーグル・サイトマップ)とは Googleのクローラにサイトの情報や場所を提供するためのものです。 Google のインデックスにより多くのページを登録することができるようになります。 アフィリエイトの場合、生活がかかっている?だけに熱心な人が多いような感じがします。)

Google Sitemaps(グーグル・サイトマップ)を、もう一度

今まで、僕はGoogle Sitemaps(グーグル・サイトマップ)を使ってはいたのですが、 ちゃんとした使い方をしてはいなかったようです。

主要なページのみを手作業でSitemaps(サイトマップ)に入れるだけで満足していました。 本来の使い方というのは、取りこぼしがないようにできるだけ沢山のページを含めることみたいです。

ページ数が多い場合、 手作業でサイトマップを作る のはたいへんです。 Google サイトマップ生成ツールサードパーティ製の生成ツールを使うしかありません。

今回は、Google サイトマップ生成ツール(sitemap_gen.py) を使うことにしました。

sitemap_gen.py

sitemap_gen.pyを使うには、「Pythonがインストールされていて、 スクリプトを実行できるサーバーでなければならない」 とあります。

Pythonが使えるサーバーで手軽な値段なのは、 さくら(SAKURA)のレンタルサーバー や、VALUE-DOMAIN.COM(バリュードメイン) 【ハッスルサーバー】 などです。

このうち、さくら(スタンダート)はsitemap_gen.pyを使えたのですが、 他のところはどうなるかわかりません。

いざ使ってみるべく、検索してみたのですが一段レベルが高いところばかりでなかなか分かりません。 自分でサーバーを立てられるぐらい知識とか、 コマンドを使えるのが当たり前の段階からの説明ばかりで大変です。

コマンドは「ls,cd,emacs,他数個」ぐらいしか使ったことがなく、それすらもほとんど忘れかけていました。 その後、何回挑戦して、何とかうまく?できました(多分)…。

以下、 さくら(SAKURA)(スタンダート)での手順です。

さくらインターネットでGoogle Sitemaps(グーグル・サイトマップ)/sitemap_gen.py

まず、sitemap_gen.py をダウンロード、解凍します。

書き換えとサーバーへのアップロードの必要があるのは、sitemap_gen.py、example_config.xml の二つだけです。

書き換え

1.sitemap_gen.pyの先頭を、#!/usr/local/bin/python にする。

2.「example_config.xml」で、サイトマップの書き出しを指定します。 いくつものやり方がありますが、ディレクトリ パスか アクセス ログのどちらかから、サイトマップを作るのがいいと思います (他のだと結局、自分で一覧を作らなければなりません)。

まず、「example_config.xml」をエディタで開き次の箇所へ。
<site
base_url="http://www.example.com/"
store_into="/var/www/docroot/sitemap.xml.gz"
verbose="1"
>
base_url を自分のサイトのURLに変更。 store_intoを書き出したサイトマップを置くウェブサーバー上のパスに変更 (base_urlと同じパスで動きました)。

次に。** MODIFY or DELETE ** 区切られた5箇所ぐらいの部分の設定をします。 Google サイトマップ生成ツール(sitemap_gen.py)>2a. 設定ファイルの作成が参考になります。 5つのうち、複数組み合わせるのも可能ですが、必要の無いものは消去してください。

ディレクトリ パスを使う場合

pathとurlを
<directory path="/home/xxxxx/www/abcd/" url="http://www.abcde.com/" />
のように書き換えればOKです(複数ある場合、複数指定)。

アクセス ログを使う場合

全てのログを対象にするには
<accesslog path="/home/xxxxx/log/access_log*" encoding="UTF-8" />
のように書き換えればOKです。

生成するサイトマップから特定のURLを除外したい場合は、 フィルタ部分を変更してください(リンク先参照)。

以上の書き換えをしたファイル二つを、アップロードしてください。

3.Pythonを使う。
上の二項目について書かれているサイトは、いくつもあるのですが、 この後の手順の説明のあるサイトは見つかりませんでした。 分かる人には当たり前すぎるので、省略されているのだと思います。

TELNETについて(さくらインターネット) が参考になります。手順にしたがって、ログインしてください(コマンドプロンプトが表示されたらlogin成功です!)。

使うには、以下の3つのコマンドを知っていれば大丈夫です。

pwd
現在自分のいるディレクトリのパスを表示する。
ls
今自分のいるディレクトリ内のファイルやディレクトリを表示する。
cd
デイレクトリを移動する。「../」はひとつ上の階層、「./」は現在のでディレクトリを表します。

上のコマンドを使って、example_config.xmlを置いたディレクトリまで移動してください。 lsでexample_config.xmlが表示される所まで行けば、あと一息です。
>python sitemap_gen.py --config=example_config.xml
を実行してしばらく待ってください。

errorsが出なければ、warningsが出ても大丈夫?なはずです。 設定に間違いがなければ、sitemap.xml.gzができていると思います。

Google サイトマップを使用して サイトマップを送信すれば終了です。

Google サイトマップの効果

少なくとも使わないよりは、使った方がいいぐらいの効果はあるような気がします。

少し順位が下がったブログのランキング


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




Google、Firefoxを紹介するアフィリエイトプログラム

ウェブの書斎2005/11/29(火)

Tips&ツール

あがったり、さがったりのブログランキングに苦労する。

Firefox!

Google、Firefoxを紹介するアフィリエイトプログラムを日本でも開始 が参考元です。

Firefoxに関するこのブログ内の記事は、 Tips にあります。 ( Firefoxを使おうおすすめの拡張機能Web Developerの詳細アクセシビリティ・ツールボックスの紹介

Firefoxを紹介するアフィリエイト

GoogleツールバーがセットされたFirefoxを紹介するアフィリエイトプログラムが開始されました。

紹介ボタンから、FirefoxをインストールしていないWindowsユーザーが初めて Firefoxをインストールすると、1ドルが入金されます。

これでFirefoxのシェアが伸びるかも。 ただ、利用者が増えると攻撃の対象にもなりやすくなってくるので、 セキュリティ面が心配です。

Firefoxの本

Firefox Hacks―次世代ブラウザ徹底活用テクニック

Firefox Hacks―次世代ブラウザ徹底活用テクニック
by (2005/11/29) pheelo amazon search アマゾン検索

ASIN: 4873112419  (2005-08-27)  
関連商品 :
Firefoxの改造テクニック!―カスタマイズ&拡張機能開発ガイド
Google Hacks 第2版―プロが使うテクニック&ツール100選
ブラウザ選択の時代を読み解く
LinuxデスクトップHacks―プロが教えるテクニック&ツール100選
Word Hacks―プロが教える文書活用テクニック

少し分かりにくいのですが、さっと目を通すにはいい本だと思います。

あがったり、さがったりのブログランキングに苦労する。


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




Gmailを使ってみたい方に

ウェブの書斎2005/11/28(月)

Tips&ツール

来年は、がんばりたいブログランキング・・・・。

Gmailのアカウント

GmailはGoogleが提供する無料のWebメールサービスです。 詳しくは、 Gmail Maniacs - Gmail関連そっと情報サイトGmailの使い方!などを。

(Gmailは現在、日本語もOKです。2GB超の大容量!)

Gmailの招待状について

Gmailの招待状がずっと寝かせたままなのはもったいないので、 Gmailを使ってみたい方に、招待状を送ります。

興味のあるひとはメールフォーム まで連絡をしてください。

条件など

メールフォームで連絡をしていただいても、特に返信はしません。 招待状のメールが返信の代わりです。

招待状が届かなかった場合は、招待状発行の上限にすでに達しているなどの理由から、 残念ながら招待状を差し上げることができません。 色々な場所でGmailの招待状が提供されることがあるので、そちらもチェックしてください。

以下の条件を満たす人に招待状を送ります。

  • 招待状の送り先として、身元のはっきりしたプロバイダー提供のメールアドレスを知らせていただける方(知らせていただいたメールアドレスは横流ししたりはしません)。
  • 招待メールの受信後、すぐにGmailアカウントの作成ができるかた(放っておくと、招待メールは失効してしまいます)。
  • 作成したGmailアカウントに定期的にログインできる方(3 か月間サインインされないと、そのアカウントは閉鎖されます)

このブログと過去に付き合いのある方や、 アフィリエイト、本・読書、アマゾン関係などのサイト・ブログを運営している方を優先します (管理しているサイト・ブログのURLを連絡メールに付記してください)。

条件が厳しいのですが、それでもいいという方は メールフォームまで連絡をしてください。

来年は、がんばりたいブログランキング・・・・。


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




HTML作成に便利なテキストエディタ

ウェブの書斎2005/11/26(土)

Tips

本の紹介のある人気ブログランキングで読みたい?本を探す。

ジョークソフト-テキスト・エディタ

今朝の朝日新聞のBe版で NOTEPAD.EXE が紹介されていました。メインのテキスト・エディタとしては使えませんが、 テキストを作成する必要の無いときは、大変役に立つ素晴らしいソフトです。

終了したいときは、右端で折り返すを選んでください。 人によっては、かなり腹を立ててしまうかもしれません。

注意。使用は自分の責任で。実害は基本的にありませんが、何が起こるかわかりません。

HTML文書作成に便利なテキスト・エディタ

本当に紹介したいのは、 Kaneto’s HP で配布されているHTML Project2 です。

(僕はいまだに、 ホームページ・ビルダーDREAMWEAVER などのソフトを使わずにエディタでHTMLを書いていますが、ちょっと効率が悪い気もしてきました。 そのうち、こういったソフトも使うようになるかもしれませんがまだ先の話です。)

HTML Project2は、 サイト・ブログ等でHTMLを書く必要があるときに、メインに使っているエディタです。 これがあるおかげで、作業効率は数倍どころではないと感じています。

補完機能やマクロの充実がものすごく、これよりも数段機能の劣るソフトが有料で配布されているのも事実です。 文字コードもプラグインを通せば、問題なく使えるようになります。

最後に

こういった非常に手間のかかっているソフトがフリーで配布されていたり、 人の役に立つ情報がサイトで丁寧に公開されているのは、本当にありがたいです。

このブログもそうですが、アフィリエイトをやっていると、 他の人の役に立つかでは無く、自分の役に立つかで記事を選んでしまうことが多いように感じます。

なんか、非常に恥ずかしい思いもあります。

追記

できれば今年中に、このブログ全般の工事をします。

内容を大幅に変更してしまうかもしれません。

本の紹介のある人気ブログランキングで読みたい?本を探す。


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




FC2テンプレートを配布中

ウェブの書斎2005/11/23(水)

Tips

FC2の共有テンプレート

前バージョンのテンプレートは予想以上の方に使っていただき、とても嬉しいです。

諸経緯ありましたが、問題なく、新作テンプレートの配布を始めました。 ぜひ試しに使って見てください。

特徴

前バージョンと同じく、文法面や、SEOに気を配って作りました。 前回同様、実用向きで、デザイン面は味も素っ気もないので、カスタマイズして使ってください。 リキッド型です。

こちらは、プラグイン対応です。 また、いくつかのあまり適切でない点を修正しました。

配布中のテンプレートは、 HTML版の[3colum_wbooker2_a]XHTML版の[3colum_wbooker2_b] です。

文法について

二つのバージョンいずれも、文法上の間違いは概ねないと思います。ともにTransitional です。

SEOについて

文法や、構造を守る範囲でのSEOです。劇的な効果はまったく期待できません。

SEOといっても、hxタグを適当に使ったり、 中央のメインコラムがソース上に来る等の基本的な点のみ注意しています。

hxタグの使い方は必ずしも適切ではありません。 記事内でのタグの使い方によっては、自分で調節した方がいいかもしれません。

その他、細かい部分には注意がされていません。 自分でカスタマイズするか、別のテンプレートも参考にしてください。

応援してね人気ブログランキング←---。


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




グーグルのアクセス解析 Google Analytics

ウェブの書斎2005/11/15(火)

Tips&ツール

高機能・無料のアクセス解析ツール

Googleから無料の アクセス解析ツール が提供されるようになりました。

まだ機能が、全部はわからないのですが、 僕がいままでに使ったどのアクセス解析よりも機能が良さそうです。

これが無料で提供されるようになったからには、 今後はアクセス解析のCGIを配布して、人を集めるというのは難しいかもしれません。

グーグル(Google)は、今後、このツールも使って、 ネット上の情報を蓄積していくはずです。

グーグル(Google)アクセス解析の申し込み

Google AnalyticsでGoogleアカウントを取得して、表示されるjavascriptをサイトに貼り付ければ、使えるようになります。

gmailアカウントを持っていれば、アカウントの取得の 必要はありません。

協力おねがいします人気ブログランキング 本・読書編


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




FC2テンプレート(3カラム)

ウェブの書斎2005/09/25(日)

Tipsへ

ユーザー共有テンプレートをひとつだけ登録しました。

デザインは・・・・・な感じですが、文法やSEOについては気をつけたつもりです。

テンプレート名:3colum_wbooker1_a
イメージ:シンプル
テンプレートレイアウト:3カラム
テンプレートテク:実用重視
ターゲット:ビジネス/アフィリエイト
再配布:×

意見や、感想、要望などがあれば、こちらへコメントしてください。


テンプレート「3colum_wbooker1_a」への質問。

・左右のメニュー、センターの幅を変更したい。
---------------------
 スタイルシートの編集で「/* container */」以下の次の部分を変更してください。 各クラス({}で囲まれた部分)にある、widthのあとの%の数字を変えると、 メニューやセンターの幅の変更ができます。

(左メニュー+センター)のブラウザ全体にたいする割合 div.container_left{width: 81%;}
(左メニュー+センター)内のセンターの割合 .contents{width:77%;}
(左メニュー+センター)内の左メニューの割合 .left_menu{width:21%;}
右メニューのブラウザ全体にたいする割合 .right_menu{width:18%;}

パーセンテージは、合計が100パーセントにならないように、1〜数パーセント差し引いてください。

| FC2テンプレート(3カラム) | FC2テンプレート(2カラム・右サイド) > >

Tipsへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




HTML PING WORLD

ウェブの書斎2005/08/09(火)

SEO対策ディレクトリ型検索エンジン Su-Jineさんが ユニークなサービスを始められています。

HTML PING WORLDです。

ブログには新着情報を通知するPINGという機能がありますが、 HTMLのサイトだと通常、そのままではPINGを出せません。 アクセスアップに役に立つPINGを、HTMLのサイトでも簡単に使いたいところです。

HTML PING WORLDでは、そのためのシステムが提供されています。 専用のFTPツールで新着情報をHTML PING WORLD に通知し、新着順に表示されるようになっています。 アクセスアップやSEOの効果も期待できそうです。

Su-Jineさんのところには、自分でやろう SEOSEO 対策意見交換掲示板など他にもたくさん記事があり、 とても参考になります。

Tipsとツールへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




アクセシビリティ・ツールボックスの紹介

ウェブの書斎2005/08/02(火)

Tipsへ

Infoaxia Web アクセシビリティ・ツールボックスの紹介

Infoaxia Web アクセシビリティ・ツールボックスもFirefoxの拡張で、サイト運営の役に立ちます。

アクセシビリティ・ツールボックスの機能をいくつか紹介していきます。 画像はクリックすると大きくなります。 (このページは少し重いかもしれません。)

home_big
Web Developerの時と同じように、 このブログを例にとります。
home_infoaxia1
[見出し(h要素を表示する)]とても役立つ機能です。 ページの基本的な構造が一目でわかります。
home_infoaxia6
[見出しの一覧を表示する]見出しの一覧を作成します。文書構造の確認に。
home_infoaxia2
[id属性値とclass属性値を表示する]id属性とclass属性をブラウザで確認できます。 Web Developerにも同じ機能があります。
home_infoaxia3
[div要素を表示する]div要素が枠で囲まれます。 Web Developerとは、表示の仕方が少し違います。
home_infoaxia4
[背景を黒、文字を白に変換する]画面がそのままでは見にくい時に便利です。
home_infoaxia5
[背景を白、文字を黒に変換する]こちらも、画面がそのままでは見にくい時に便利です。この機能を見てしまうと、 モノクロでテンプレートを作る気が、少し無くなってしまいます。
home_infoaxia7
[リンクの一覧を表示する]ページのリンク一覧を作成します。 Web Developerよりも、情報が詳細です。
home_infoaxia8
[CSSを利用できない状態にする]CSSを適用しない状態でページがどう見えるかを、確認できます。テキストブラウザを使ったときのようにはいきませんが、サーチエンジン クローラ がどんな感じでページを認識するのかが、少しだけつかめます。

Infoaxia Web アクセシビリティ・ツールボックスダウンロードへ

< < Web Developerの詳細 | アクセシビリティ・ツールボックスの詳細 |

Tipsへもどる
WEB RANKINGに投票してね


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




Web Developerの詳細

ウェブの書斎2005/08/01(月)

Tipsへ

Web Developer サイト作成支援の拡張

Web Developerを使うとサイトの作成が短時間でスムーズにできるようになります。

Web Developerの機能をいくつか紹介していきます。 画像はクリックすると大きくなります。 (このページは少し重いかもしれません。)

home_big
このブログのトップページを例にとります。
Web_Developer1
[CSSを編集する]この機能が一番役に立つかもしれません。 左のサイドに表示してあるCSSを書き換えると、その結果が即座に反映されてブラウザに表示されます。 CSSファイル編集の能率が、何倍にもなります。
Web_Developer2
[画像情報を一覧する]そのページの画像情報をすべて取得し、幅、高さ、画像の置かれている場所を一覧にします。
Web_Developer3
[id属性値とclass属性値を表示する]id属性とclass属性をブラウザで確認できます。
Web_Developer4
[入れ子構造を視覚的に表示する]入れ子構造がわかりやすく?表示します。
Web_Developer5
[リンク情報を表示する] ページのリンクを一覧にします。隠しリンクもこれで発見できます(笑)。
Web_Developer6
[ブロック要素を枠で囲む] ブロック要素が色分けされた枠で囲まれます。レイアウトを見るときに便利です。

Web Developerの日本語版ダウンロード

< < おすすめの拡張機能 | Web Developerの詳細 | アクセシビリティ・ツールボックスの紹介 > >

Tipsへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




FC2テンプレート(2カラム・右サイド)

ウェブの書斎2005/07/30(土)

Tipsへ

ユーザー共有テンプレート、2つ目を追加しました。

テンプレート名:2columr_wbooker1_a
イメージ:シンプル
テンプレートレイアウト:2カラム・右サイド
テンプレートテク:実用重視
ターゲット:ビジネス/アフィリエイト
再配布:×

こちらも、実用向け。文法面に気をつけて作成しました。

要望、感想などいただければ、今後の役に立ちます。

< < FC2テンプレート(3カラム) | FC2テンプレート(2カラム・右サイド) |

Tipsへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




Google風のロゴを作成

ウェブの書斎2005/07/30(土)

Tipsへ

テンプレートの作者のsukechanさんのブログ「sukechan@blog」で、 Google風のロゴを作成できるサイトの紹介記事がありました。

こんな風に、Wbooker-logogleとできてしまいます。

おもしろいですね。

Google Logo Maker-Google風ロゴ作成-Logogle

Tipsとツールへもどる
人気blog Ranking


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




Firefox-おすすめの拡張機能

ウェブの書斎2005/07/29(金)

Tipsへ

便利な拡張機能

Tab Mix

「ドラック&ドロップでのタブの並び替え」、「閉じたタブの復元」などの機能を追加。

All-in-One Gestures

マウスジェスチャー機能を追加。ブラウザの「戻る」、「進む」などをマウスだけで実現できます。

ieview

右クリックしたときのメニューに「このページをIEで開く」という項目を追加。

参考: Firefox拡張 - いんすとーるっ♪

サイトの作成に役立つ拡張機能

Web Developer

機能は、リアルタイムで適用結果を確認しながらCSSを編集。id,class属性の表示。 ブロック要素を枠で囲う。リンク情報作成。他多数。

サイトを運営している人には絶対役に立つと思います。 これを使うと、サイト作成が楽になります。

Web Developer の日本語版ダウンロード

Infoaxia Web アクセシビリティ・ツールボックス

アクセシビリティ検証用の拡張。機能は見出し< h x >の表示など、他多数。こちらもとても役に立ちます。

Infoaxia Web アクセシビリティ・ツールボックス 配布元へ

RSSリーダー

Sage

FirefoxがRSSリーダーとしても使えるようになる拡張です。

参考:MaeMuki.Com:Firefoxで遊ぼう(FirefoxをRSSリーダーにしてしまうの巻)
   Sage - Firefox まとめサイト
   Sage公式配布元

< < Firefoxを使おう | おすすめの拡張機能 | Web Developerの詳細 > >

Tipsへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




Firefoxを使おう-便利なブラウザ

ウェブの書斎2005/07/29(金)

Tipsへ

Webブラウザの種類

Webブラウザは インターネットエクスプローラー(Internet Explorer)が圧倒的なシェアを持っています。 サイトによっては、IEでないと、ちゃんと表示できなかったり、機能しなかったりすることがあるので、 このブラウザはどうしても使わざるを得ません。

IE以外のブラウザとしては、 オペラ(Opera)、 ネットスケープ・ナビゲータ(Netscape Navigator)、 ファイアーフォックス(Firefox) などが有名です。

ここではFirefoxに絞って紹介します。

Firefoxのいいところ

セキュリティ

現時点のIEよりは、比較的安全です。

タブブラウズ、ポップアップブロック

あると便利です。

検索バー

Google、Yahoo! JAPAN、Amazon.co.jpなどの検索バーが装備されています。 (ページランクを表示できるFirefox用の Google ツールバーも配布されています。)

拡張機能

さまざまな機能を、自由に追加できます。

拡張機能について

好みの機能を順次追加していくことができます。(注意:最初は拡張のインストールに手間取るかもしれません。拡張 - Firefox まとめサイトに説明があります。)

Webサイトの作成で役に立つ機能を追加したり、マウスジェスチャ機能、RSSリーダーを付け加えたりできます。 タブブラウズの強化も、拡張機能で行えます。

参考:リンク集で、インストールや拡張機能についての解説があるサイトを紹介しています。

| Firefoxを使おう | おすすめの拡張機能 > >

Tipsへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




FC2ブログ(グーグルアドセンスの設置)

ウェブの書斎2005/07/27(水)

Tipsへ

Google AdSense(グーグルアドセンス)の設置

アドセンスの設置についての注意です。

コンテンツ向け AdSense

コンテンツ向けのAdSensとは、ページに張るだけで、そのページの内容に合わせて自動的に表示される広告です。

テンプレートにそのまま、AdSenseのコードを書き込む場合には、問題はないと思います。

ブログの記事内にグーグルアドセンスを表示したい時には、テキストフォーマットが 「自動改行+HTMLタグ」ではなくて、「HTMLタグのみ」になっている状態で記事を作成するようにしてください。 そうしないと、Google AdSenseがブログの記事で表示しなくなってしまいます。

検索向け AdSense

このページの右上に置いてあるgoogleサーチが、検索向けのAdSenseです。(←検索向けアドセンスは、はずしました)

テンプレートで設定している文字コードで、グーグルアドセンスのコードを作成するようにしてください。 検索結果が文字化けを起こしてしまうことがあります。

< < トップページに目次をつくる | グーグルアドセンスの設置 |

Tipsとツールへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




FC2ブログ(トップページに目次をつくる)

ウェブの書斎2005/07/27(水)

Tipsへ

[FC2ブログ]トップページの表示に使える変数

< !--index_area-- > 〜 < !--/index_area-- > は「〜」に書いた内容を、トップページにだけ反映させる変数です。 逆に、 < !-- not_index_area-- >〜 < !--/not_index_area-- > を使うと「〜」に書いた内容が、トップページ以外の全てのページに反映されるようになります。

この2種類の変数を使うことで、トップに目次を作ったりできます。

使い方・例

タイトルをトップだけ別の設定にする

  < title > タイトル < /title >

 < title >
  < !--index_area-- > トップに表示したいタイトル < !--/index_area-- >
  < !--not_index_area-- > トップに以外に表示したいタイトル < !--/not_index_area-- >
  < /title >

トップに目次を表示

  < body >  ボディ(b)  < /body >

  < !--index_area-- > 目次 < !--/index_area-- >
  < body > ボディ(b)< /body >

トップだけまったく別の表示に

  < body >  ボディ(b)  < body >

  < body >
  < !--index_area-- > トップに表示したいHTMLのボディ部分をまるごと < !--/index_area-- >
  < !--not_index_area-- > ボディ(b) < !--/not_index_area-- >
  < /body >

[PR]最強ブログはFC2ブログ [PR]

< < タイトルについて | トップページに目次をつくる | グーグルアドセンスの設置 > >

Tipsとツールへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




FC2ブログ(タイトルについて)

ウェブの書斎2005/07/27(水)

Tipsへ

[FC2ブログ]タイトルに使う変数

FC2ブログでは、ページのタイトルを決めるのに便利な変数が用意されています。 ここでは二つの変数を取り上げます。

<%blog_name>は、環境設定で決定したブログの名前をそのまま表示します。

テンプレートのヘッダー部分に
   < title > < %blog_name> < /title>
と書き込めば、ブログの全ページのタイトルが、ブログの名前になります。

<%sub_title>は表示しているページに応じて、 エントリータイトル、カテゴリー、日付、検索ワードなどを適切にあらわしている変数です。

ヘッダー部分に
   < title > < %blog_name > < %sub_title > < /title >
または
   < title > < %sub_title > < %blog_name > < /title >
と書き込めば、ページのタイトルが、「ブログの名前 エントリータイトル名」や、 「ブログの名前 カテゴリー名」等と、自動的に表示されます。

用意されたテンプレートによっては、二つの変数のうちの一方だけしか使われていないこともあるので、 その場合は、自分で修正をしなければなりません。

タイトルをどう決めるか

< title > < %blog_name > < /title > としたときに困ることは、 googleなどでサイト内検索をしたときに、同じタイトルのページが並んでしまうことです。 これでは、見分けがつかなくて迷ってしまいます。

SEOの観点から見た場合も、ブログの全ページのタイトルが同じなのは、好ましくない場合があります。

< title > < %sub_title > < %blog_name > < /title > とするのが無難だと思います (このとき、サブタイトルを、ブログネームよりも前にしたほうがいいとおもいます)。 ただこの場合には、ブログ名が全てのページタイトルに関わるので、よくブログ名が選ばれているかを考える必要が出てきます。

・ブログ名が長すぎないか。ブログ名が長いとタイトルの終わりの方が表示されないことがあります。 SEOとしてもキーワードが散らばってしまうことも。
・逆に、ブログ名がを長くしてでも、どうしても特定のキーワードをブログ名に入れたいときもあります。
・ブログ名のSEO対策を徹底、キーワード、選別(⇔ブログ名のセンスがいいか、見た印象、デザイン)について。☆や●、?、!、-、xxx、the、ofなどの使いどころも難しい。

どうすべきか、考えてもよくわからなかったので、このブログでは単純に
 トップページ: < title > < %blog_name> < /title >
 トップページ以外: < title > < %sub_title > < /title >
となるようにしています。(後述の < !--index_area-- > 〜 < !--/index_area-->、 < !--not_index_area-->〜 < !--/not_index_area--> を使用 )

[PR]テンプレートを作ろう  FC2ブログ [PR]

< < FC2ブログの情報 | タイトルについて | トップページに目次をつくる > >

Tipsとツールへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




FC2ブログの情報

ウェブの書斎2005/07/27(水)

FC2ブログについては、 「ブログ de アフィリエイト」や、 「FC2tyle-FC2ブログstyle-」さんのところ に記事があります。

役に立つかわかりませんが、僕もFC2ブログのカスタマイズについて、いくつか記事を書きたいと思います。

FC2ブログで使える変数については、
  管理者ページトップ> > テンプレートの設定 > > テンプレートに関するヘルプ
に一覧が用意されています。

FC2ブログ の魅力は、その自由度の高さにあると思います。アフィリエイトOKなのも、うれしいところです。 開設はこちら>>> (もちろん無料です)

| FC2ブログの情報 | タイトルについて > >

Tipsとツールへもどる
人気bolgRanking (本・読書)


こんなブログがあったとは!新しいブログの発見→ ブログのランキングへ
本読み・読書専門ランキング←読書参考リンク




| ウェブの書斎 |


[PR] 日米で120万人が実証。たった3分で本を読む速さが2倍になる元祖ジョイント式速読術。(効果がない場合の返金保障)

オンライン書店一覧

1500円以上で送料無料!ギフト券還元で最高1割引!
紀伊国屋書店
洋書・和書ともに豊富。購入金額を上げないと、送料がキツイ!
丸善
高級文具・贈り物に最適。洋書も多い。
boople.com(ブープル)
和書豊富。雑誌もあり。
購入金額にかかわらず送料無料!
全国書店ネットワーク e-hon
書店での受け取り可能
セブンアンドワイ
日本全国のセブンイレブン受け取りできる。クレジットカードがなくても手数料無料!
オンライン書店bk1オンライン書店【ビーケーワン】
ポイント多し。スタッフブログ、レビュー等が参考になる。
楽天ブックス
和書多い。楽天ポイントが使える。
Fujisan.co.jp
雑誌に特化した専門書店。定期購読による特典・割引が充実!
電子書店パピレス
その場で購入できる電子書店。漫画も豊富。
eBookJapan
ダウンロードで読める本屋。
イーブックオフ[eBOOKOFF]
本の買取・古本購入の定番。
古本市場
古本購入可能。新商品も扱う。

参考情報






新着記事new!

BLOG

このブログはFC2ブログを使っています。 スタイルシートとテンプレートのカスタマイズが自由! URLはサブドメイン形式なのでSEOもばっちりです。 アフィリエイトも可。無料で使えます。
開設はこちら > > > a8.net

速読(新日本速読研究会)

元祖ジョイント式速読術
たった3分で本を読む速さが2倍になる!

日米で120万人が実証している実績No.1の速脳法。楽天市場で常に売れ筋ランキング上位を獲得。 成功率97%の速読法。速くならなければ返金可能!本が沢山読めれば、いろんな事が沢山できる! (同じ商品は楽天 にも。)

[PR]購入金額にかかわらず全国送料無料! cbook24 コンピュータ関連書籍専門のネット書店。各種プログラミング、ホームページ作成全般を初め、 HTML、スタイルシート、 アフィリエイト関係の書籍も充実しています。

本の紹介

アフィリエイトで稼ぐためには、いろいろな分野の知識が必要になります。

俺流amazonの作り方―Amazon Webサービス最新活用テクニック

Amazon Webサービスが使えると こんなアマゾンサイトが作れます。 Perlで書かれたスクリプトが多数のっているので、コピーするだけでもサイトが立ち上げられます。 現在手に入る中では、Amazon Webサービスについて、もっとも詳しく書かれた本の一つだと思います。 このブログ内のAmazon Webサービス記事も参考にしてね。


ケータイサイト構築ガイドブック

携帯サイト・アフィリエイトに取り組みたい人にお勧めの一冊。 携帯サイトについての技術的な事が、ここまで詳しく書かれている本を僕は他には知りません。 短期間であれ、サイト運営をした事がある人が読むと参考になります。


ヤフー!・グーグルSEO対策テクニック

古くなりがちなSEO関係の本の中で、比較的長持ちしそうな内容がある本です。 SEOについてはネットで調べるのがいいと思いますが、一冊だけ買うとしたらこれを進めます。 Googleについての内容もありますが、YST(ヤフー)について重点が置かれています。


XHTML+CSSスタンダード・デザインガイド―XHTMLとデフォルトスタイルシートを基本にしたデザインコントロールの実践

XHTMLとCSSの解説書です。これから学ぶ人は、HTMLよりもXHTMLを選んだ方が断然いいです! スタイルシートの活用事例がとても見やすくまとめてあります。ちょっと調べる時にも使いやすいです。 僕が一番使い込んだ本の一つ。


成約率が20倍になった「セールスレター」の秘密―誰でもカンタンに「儲かるホームページ」を作れる方法とは?

売り込むための「言葉遣い」についての本。どう言葉を組み立てて行くと良いのかについての系統的な説明が読めます。 広告の書き方の基本適な考え方が習得できます。


いますぐ導入!PHPMySQLで作る最速Webシステム―手軽で本格的なWeb+DBプログラミング入門

PHPとMySQLの両方が学べる参考書。これ一冊だけでも、色々できるようになります。 正規表現についての簡単な解説も載っています。多少いい加減な箇所があるのですが、 基礎はこれでいいと思います。


Firefoxを究める256のテクニック

非IE系のブラウザの中で、人気のあるブラウザの一つであるFirefoxを使い込むためのテクニックが載っています。 サイト巡回の効率化から、ページの構造を調べる方法まで幅広く紹介されています。


「バカ売れ」キャッチコピーが面白いほど書ける本

「売れるヒントは人から訊き出せ!」を合言葉にキャッチコピーの書き方をまとめています。 なぜ、考え抜いて作ったはずの広告がうまくいかないのか? たくさんの例が載っているのですが、そのいずれもが面白いもので、楽しく読める一冊です。


Amazon.co.jp[アマゾン],  紀伊国屋書店,  丸善,  boople.com(ブープル)