ＦＸ ベスト１０ http://fx.hozupi.com/ インターネットにある膨大なＦＸ情報のなかから、特に有益なＦＸ情報を厳選してご紹介します。 ja Copyright (c) 2008, [ＦＸ ベスト１０] Wed, 9 Jul 2008 20:17:29 +0900 http://www.nishishi.com/soft/rssmaker/ hozupi daily 1 Web Developerの説明～CSSメニュー～ http://fx.hozupi.com/myblog/wd0009.html http://fx.hozupi.com/myblog/wd0009.html Web Developer Mon, 14 Jul 2008 01:43:32 +0900 CSSメニューです。

CSSメニュー

すべてのCSSを無効にする
CSS>CSSを無効にする>すべてのCSSWeb Developerのメニュー、すべてのCSSを無効にする

<link rel>で指定した外部のCSSなど、すべてのCSSを無効にして表示します。
CSSを無効にする...]]> Web Developerの説明～画像メニュー～ http://fx.hozupi.com/myblog/wd0010.html http://fx.hozupi.com/myblog/wd0010.html Web Developer Mon, 14 Jul 2008 01:39:06 +0900

画像メニュー

画像を無効にする
画像>画像を無効化する>すべての画像
画像>画像を無効化する>外部サイトの画像
画像>画像を無効化する>アニメーション画像
Web Developerのメニュー、画像を無効にする

すべての画像を無効にしたり、外部サイトの画像を無効にしたり、 画像の確認に使います。
レイアウトを維持したまま画像が無効になるので確認しやすいです。

Web Developerのメニュー、画像を無効にする


画像の情報を表示する
画像>alt属性値を表示する
画像>画像の幅と高さを表示する
画像>画像のファイルサイズを表示する
画像>画像のパスを表示する
Web Developerのメニュー、画像の情報を画面上に表示する

画像のalt、width、heigh、ファイルサイズ、パスを画面上に表示します。

Web Developerのメニュー、画像の情報を表示する


画像の情報を一覧で表示する
画像>画像を表示する
Web Developerのメニュー、画像の情報を一覧で表示する

画像のalt、width、heigh、ファイルサイズ、パスを一覧にして表示します。
資料にしたいときによいですね。

Web Developerのメニュー、画像の情報を一覧で表示する


背景画像を非表示にする
画像>背景画像を非表示にする
Web Developerのメニュー、背景画像を非表示にする

背景で設定いるimageを非表示にできるので、背景画像が一目でわかります。
Web Developerのメニュー、背景画像を非表示にする



にほんブログ村 ＩＴ技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー！

     


↑このページの先頭へ
...]]> Web Developerの説明～イントール～ http://fx.hozupi.com/myblog/wd0008.html http://fx.hozupi.com/myblog/wd0008.html Web Developer Mon, 14 Jul 2008 01:39:04 +0900 Web Developerはレイアウトチェックにとても有効なツールです。

先日、デザイン変更の仕事があったのですが、Web Developerのおかげでとてもスムーズに作業ができました。
ウェブデザイナーにとってWeb Developerは、必須のツールといってもよいかもしれません。

Web DeveloperはFireFoxのツールバーにアドオンすることができます。
Web Developerのメニュー1

Web Developerのメニュー2

Web Developerのイントール
●本家の海外サイトはchrispederick.comからダウンロードできます。

●日本語版はミナトラボからダウンロードできます。
ミナトラボさん、ローカライズに感謝です。英語が苦手なわたしにはとても助かりました。

Web Developerのメニューをみると機能が盛りだくさんなのですが、特にウェブデザイナーに有効と思われるWeb Developerの機能を説明します。



にほんブログ村 ＩＴ技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー！


↑このページの先頭へ
...]]> ＦＸ　占いの企画 http://fx.hozupi.com/myblog/bp0001.html http://fx.hozupi.com/myblog/bp0001.html FXブログ,ブログ,ブログパーツ,ガジェット Wed, 9 Jul 2008 00:31:24 +0900 どんなパーツが良いだろうか？

ウーン、やっぱり儲かる通貨を教えてくれるのがいい！
それでいておもしろいやつ。
だったら占いがいいね。儲かる通貨を占ってくれるブログパーツね。なまえは・・「ＦＸ占い」にしよう。

占いだったら、ランダム表示でいいしね。
簡単だ、そうしよう。そうしよう。
企画がきまったから次はデザイン。

そうだな？金運をあげると言えば風水、風水からすると水晶は金運に良いらしい。
まずは水晶のデザインで作ってみるか。
水晶パワーで儲かる通貨がわかる！こりゃいいや。
水晶のほかにも、ＦＸおみくじとかＦＸ動物占いとかもつくればいいしね。

調子にのってキャッチコピーも考えてしまおう！
・相性があえばきっと当たる
・水晶パワーできっと当たる
・あなたの運できっとあたる

いいねーいいねー
宝くじのＣＭみたいでいい感じ。

あとは？
肝心なことを忘れていた、
通貨を決めよう。

円絡みのメジャー通貨だけでいいよね。あんまりたくさんあっても迷っちゃうし、わけのわからん通貨はほしくないし、
・米ドル円
・ユーロ円
・ユーロドル
・豪ドル円
・ポンド円
・NZドル円
・カナダ円
・スイス円

この８種類の通貨でいいかな？
リクエストがあれば増やせばいいし、通貨の選択もできればいいね。

だんだん核心に入ってきたぞ！

次は機能をどうするか？つかれちゃったので、ちょっと休憩。

にほんブログ村 ＩＴ技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー！


↑このページの先頭へ...]]> ＦＸ　占いの機能 http://fx.hozupi.com/myblog/bp0002.html http://fx.hozupi.com/myblog/bp0002.html FXブログ,ブログ,ブログパーツ,ガジェット Wed, 9 Jul 2008 00:31:24 +0900
「新規注文」と「決済注文」にわけたほうがよいわな。
新規注文のとき、通貨の種類と売りからはじめるか買いからはじめるかを占うわけだ。

注文する量も占ったらどうだ。
「たくさん買う」「すこし買う」「たくさん売る」「すこし売る」

パターンを計算すると、８種類の(通貨)Ｘ４種類(量と取引)＝32パターン
全部で32パターンになるね。
占いがでたときの表現は、ユーモアな感じにしたいね。

例えば
「でました！これから米ドル円がどんどん上昇するでしょう。
お金があれば、たくさん買いましょう。」

これだと普通すぎるから、

方言を使ってたらおもしろそう。さっそく方言に変換してみよう！
こちらをつかいました。方言変換

・博多弁
でたとたい！これから米ドル円がどんどん上昇するちゃろう。お金があれば、たくしゃん買いましょーたい。

・関西弁
でたんや！これから米ドル円がどんどん上昇するでっしゃろ。
お金があれば、たくはん買いまひょ。

・津軽弁
でたんずや！これから米ドル円がどんどん上昇するだべ。
じぇんこがあれば、がっぱど買いましょうね。

・土佐弁
でちゅう！これからとさぴかドル円がごんごん上昇するろー。
お金があれば、こじゃんと買いましょう。

・江戸弁
でやした！これから米ドル円がどんどん上昇するだろっ。
お金があれば、いっぺぇ買いやしょう。

表現がちぇっと変なものあるけど、方言のほうがおもしろい。
採用！！

次は「決済注文」の場合を考えよう。
ちょっと休憩。


にほんブログ村 ＩＴ技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー！


↑このページの先頭へ...]]> XMLサイトマップを登録しよう http://fx.hozupi.com/myblog/se0001.html http://fx.hozupi.com/myblog/se0001.html XMLサイトマップ,google Wed, 9 Jul 2008 00:31:24 +0900 XMLサイトマップがないと、新しいページを作ってもGoogleロボットがきてくれるのを待つしかありませんでした。
しかしXMLサイトマップを登録すると、ロボットは新しいページはないか、と毎日自分のサイトに来てくれます。
XMLサイトマップはロボットにとって、とても見やすく短時間で処理できる情報なので、毎日の訪問が可能になったのです。
インデックスに登録されやすくなることはありませんが、はやく登録されるのでライバルより、一歩先を行くことが可能になります。

XMLサイトマップの設定では、Google ロボットの訪問を指定することができ、各ページの重要度も伝えられます。
重要度はサイト内の相対的な値なので、全部「重要」にしても意味はありません。
特に重要なページを数値で指定することができます。

結論として、XMLサイトマップの作ると、ロボットを待つだけの受身だった状態が、自分のサイトを積極的にアピールできますのでＳＥＯ対策にとして、使わない理由はないでしょう。

それに、XMLサイトマップはGoogle、Yahoo、MSN ３社の提携で行なっていますので、YahooのサイトエクスプローラーやMSN Webmaster Toolsでも同じフォーマットのXMLサイトマップを登録することが可能です。

ライバルの３社が同じフォーマットを使うとは、XMLサイトマップの普及を各社とも重要視しているのでしょう。
現在はテスト運用ですが、将来的はさらに重要な役割をもつかもしれません。

Googleウェブマスター ツールの登録画像

GoogleのXMLサイトマップを登録するためには、Googleウェブマスター ツールの登録（無料）が必要になります。
同じくYahooではサイトエクスプローラー登録（無料）、MSNではLive Search Webmaster Toolsの登録が必要になります。

ウェブマスター ツール(Google)
https://www.google.com/webmasters/tools/docs/ja/about.html

サイトエクスプローラー(Yahoo)
http://siteexplorer.search.yahoo.co.jp/

Live Search Webmaster Tools(MSN)
http://webmaster.live.com/




にほんブログ村 ＩＴ技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー！


↑このページの先頭へ
...]]> XMLサイトマップの作り方 http://fx.hozupi.com/myblog/se0002.html http://fx.hozupi.com/myblog/se0002.html XMLサイトマップ,google Wed, 9 Jul 2008 00:31:24 +0900 サイトマップを自動的に作成してくれる、サイトやソフトは沢山あるのですが、わかりやすくて簡単なのはこちらです。


xml-sitemaps.comのロゴ
xml-sitemaps.com

英語ですが、操作は簡単ですので心配無用です。
①以外...]]> 検索サイトの上位にランクさせるためのテクニック http://fx.hozupi.com/myblog/se0003.html http://fx.hozupi.com/myblog/se0003.html 検索サイト,上位,ランク Wed, 9 Jul 2008 00:31:24 +0900 検索エンジン（クローラー）も読んでいるのです。
ネット上には数百億ものウェッブページが存在します。

ロボット型検索エンジンは、数百億ものページをクロールしてページを収集し内容を分析します。
収集したページのキーワードをアルゴリズムを使って探しページの重要度を分析しています。
逆手にとると、検索エンジンのアルゴリズムにあわせて文章をかけば、検索サイトの上位にランクさせることが可能になります。

今回は、検...]]> ブログ運営する上で最低限必要な知識～バーナーの貼り付け～ http://fx.hozupi.com/myblog/tg0001.html http://fx.hozupi.com/myblog/tg0001.html FXブログ,ブログ Wed, 9 Jul 2008 00:31:24 +0900
バーナー1枚貼り付けるにもタグの知識をすこし知っているだけで、別ウィンドウでリンクしたり、表示位置をセンターにしたりなどの変更ができます。

またアクセス数を増やすには、ただ待っているのではなく行動しなければなりません。
そのためにはＳＥＯの知識や相互リンクの情報も必要です。

ブロガーのみなさんが最低限知っていなければならないネットの知識を、わかりやすく説明したいと思...]]> ブログ運営する上で最低限必要なネットの知識～配色パターン～ http://fx.hozupi.com/myblog/tg0002.html http://fx.hozupi.com/myblog/tg0002.html 配色パターン Wed, 9 Jul 2008 00:31:24 +0900 配色は、サイトの第一印象を決めてしまうほど重要かとおもいます。
好みの配色ではないサイトは、どこか落ち着かず長居できませんね。

配色パターンを知ることによって、あなたのサイトをグレードアップしてみませんか？
配色パターンは決まり事があるので、そんなに難しいことではなく、また芸術的感性が
必要なものではありませんのでご安心を！

まずは、基本色をきめなければなりません。
基本色は３色以内が良いでしょう。色数を増...]]> CSSレイアウトのメリット http://fx.hozupi.com/myblog/wd0001.html http://fx.hozupi.com/myblog/wd0001.html CSSレイアウト Wed, 9 Jul 2008 00:31:24 +0900 レイアウトチェックについてお話しましょう。

　今までは、tableタグによるレイアウトでは、ブラウザによってレイアウトが変わってしまうことはなかったのですが、　最近はCSSによるレイアウトが主流になっています。

CSSレイアウトのメリットはなんでしょうか？

メリットはいっぱいあるのですが、大きいところでは下の３つでしょう。
・メンテナンスの軽減
デザイン変更をするときにCSSを変更するだけですべ...]]> レイアウト崩れはCSS hack（ハック）で対応する http://fx.hozupi.com/myblog/wd0002.html http://fx.hozupi.com/myblog/wd0002.html レイアウト崩れ,CSS,hack Wed, 9 Jul 2008 00:31:24 +0900 レイアウト崩れをおこすのでしょう。
FireFoxが悪いのではありません。（キッパリ！）
FireFoxはCSSレベル2の仕様に沿って作っているので、正確にブラウジングしています。
ところがIEはタグにたいして柔軟に対応しすぎた結果、正常なCSSを正しく表示できない場合がでてしまっているのです。
なんだか本末転倒ですね。

ではブラウザの表示崩れを起こさないようにするためには、どうしたら良いか？
やっと本題です。
ブラウザのバグを利用し...]]> レイアウト崩れをおこさない効率的な制作方法 http://fx.hozupi.com/myblog/wd0003.html http://fx.hozupi.com/myblog/wd0003.html レイアウト崩れ Wed, 9 Jul 2008 00:31:24 +0900 私の場合を言えば、まず最初にFireFoxで正常に表示するようにCSSを記述してFireFoxの表示をチェックします。
それから、IE５、IE６、IE７をチェックします。
これを逆からおこなうと、FireFoxの表示あわせに苦労してしまいます。
なるべくバグの少ないブラウザにあわせたほうが、正確なCSSを記述できると思います。

Macや他のブラウザはチェックしていません。個人サイトなので許して...]]> VistaでIE7、IE6、IE5を共存させる方法 http://fx.hozupi.com/myblog/wd0004.html http://fx.hozupi.com/myblog/wd0004.html IE,共存,Webデザイン Wed, 9 Jul 2008 00:31:24 +0900
私はIE５、IE６、IE７、FireFoxのブラウザでレイアウトを確認しています。
これで９割以上のユーザーをカバーしていると思われるので良しとします。
意外に大変なのは、ブラウジングする環境作りです。
私のOSはVistaなので、IE7がプリインストールしています。
バージョンを下げることはできないので、IE6とIE5は入れることができまん。
どうやって、IE7、IE6、IE5を共存させるか？

方法は４つほど見つかりました。
1.Virtual PCでWindowXPの仮想環境をつくって確認する。
2.VMwareでWindowサーバーの仮想環境をつくって確認する。
3.スクリーンショットのサイトで確認する。
4.IE Testerというソフトで確認する

どの方法が良いかは後ほどお伝えします。

にほんブログ村 ＩＴ技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー！


↑このページの先頭へ...]]> Vistaでおこなうブラウザチェックの方法 http://fx.hozupi.com/myblog/wd0005.html http://fx.hozupi.com/myblog/wd0005.html ブラウザチェック Wed, 9 Jul 2008 00:31:24 +0900
ブラウザチェックには４つの方法があることをお伝えしました。1.Virtual PCでWindowXPの仮想環境をつくって確認する。
2.VMwareでWindowサーバーの仮想環境をつくって確認する。
3.スクリーンショットのサイトで確認する。
4.IE Testerというソフトで確認する

1と2はJavaScriptなど動的プログラムが存在するならば、動作確認を必要とするのでしょうが
このサイトの場合は表示チェックだけでよいので、仮想サイトをインストール...]]> 複数のＩＥを表示するIE Tester http://fx.hozupi.com/myblog/wd0006.html http://fx.hozupi.com/myblog/wd0006.html IE Tester Wed, 9 Jul 2008 00:31:24 +0900 IE Testerは複数のＩＥを表示するソフトです。ブラウザチェックにとても便利なソフトウエアです。
まずはさておき、IE Testerをダウンロードしてください。
IE Testerのダウンロードページ
このページにある、Download IETester v0.2.2 (23.8MB)をクリックしてダウンロードしてください。
インストールも問題なく行なわれるはずです。

ヘッダータイトル画像
クリックすると拡大します。

海外のソフトですが、日本語の対応もしているので安心してつかえますね。
ＩＥのバージョンは、ＩＥ5.5、ＩＥ6、ＩＥ7、ＩＥ8Bata1の表示チェックができます。
タブで切り替えられるので、操作性も抜群です。
ただし、IE Testerのバージョンが0.2.2なので、動作が不安定になるときがあるようです。
私の環境では、何回かハングしたりとか、Doneに時間がかかることがありました。
そのうち解消されるかと思います。

別の環境で確認したのですが、IE TesterのＩＥ6と本家マイクロソフトのＩＥ6の表示はほぼ同様でした。
とくにCSSレイアウトを行なっている制作者にお勧めのソフトウエアです。


にほんブログ村 ＩＴ技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー！


↑このページの先頭へ
...]]> 実例でチェック！ブラウザのレイアウト崩れ http://fx.hozupi.com/myblog/wd0007.html http://fx.hozupi.com/myblog/wd0007.html レイアウト崩れ Wed, 9 Jul 2008 00:31:24 +0900 左側div、中央div、右側divともwidthの設定はパーセントで設定しており、ウィンドウ幅を広げるとそれぞれのdivも広がる設定です。
ヘッダータイトル画像

● 状況
中央のdivに横長のバーナー広告を挿入したところ、IE7とFireFoxは正常に表示しているのですがIE6とIE5.5はレイアウト崩れが発生しました。
現象は右側のdivが中央のバナーよ...]]> 成功談を 教えよう http://fx.hozupi.com/reader/kutikomi.html http://fx.hozupi.com/reader/kutikomi.html 為替,FX,脱税,失敗談 Mon, 7 Jul 2008 22:44:52 +0900 　わたしもその一人になりたいものです。
　ただし、脱税はしてはならない犯罪です。きっちり税金を払いましょう。　
]]>