Archive for the ‘web’ Category

GoogleガジェットをWEBサイトに貼り付ける方法

11月 28, 2009 - 2:26 am コメントは受け付けていません。

googleのガジェットを自分のWEBサイトに貼付したい場合、以下のサイトで可能となります。

http://www.google.com/ig/directory?synd=open

因みに上記のURLを開いて英語表記になってしまった方は、
ブラウザの言語表示を日本語にすると解消します。

【貼り付け方】
1.上記サイトを開くと以下のように、多くのガジェットが開きます。

googleガジェット

googleガジェット



2.「コードを取得」を押してからコードを取得して、自分のWEBサイトに貼り付けてみてください。

【注意】
ガジェットの文字化けが起きる場合があります。
これは、文字コードが違うのが原因ですので、コードの最後に
charset=”utf-8″ を入れることで解決できます。


もしこれでも、どうしても解決できない場合はガジェットのソース内での
文字化けが考えられますので別のものにするしか方法はなさそうです・・・。

igoogleガジェットの利用方法紹介 

11月 28, 2009 - 1:54 am コメントは受け付けていません。

最近、ガジェットが多くなりましたね。
このガジェットについては知っている方が大半だと思いますので、ここでは説明を省きます。
さて、今日の話題は、このガジェットを楽しむ方法として大きく分けると3通りがあります。

1.自分のPCに常時表示させる方法
2.googleなどのマイページに組み込む方法
3.自分の持っているWEBサイトなどに表示させる方法

今回は、まず、googleのiGoogle内のマイページに旬のキーワード用ガジェットを表示させつ方法を紹介します。
他にも色々ありますので、ご自分の好みで掲載させると良いでしょう。

【急上昇ワードの利用方法】
1.まず、http://www.google.co.jp/ にアクセスします。
2.開いたページの右上のiGoogle をクリックします。
3.iGoogle にログインします。(IDは無料登録できるのでしておきましょう。)
4.ログインするとマイページが開いているはずですので、右上の「コンテンツ追加」をクリックします。
5.追加可能なガジェットがずらりと出現します。
この状態で、右上の「ガジェットを検索」の検索フォームに「急上昇ワード」と入れて検索します。
6.「急上昇ワード by Google」やYAHOOのワードに関するガジェットが表示されています。
「今すぐ追加」を押すと完了です。

ガジェット

ガジェット



7.iGoogle にログインした状態なら、マイページに追加したガジェットが表示されています。

FireFoxのステータスバーにIPアドレスを表示させる

11月 20, 2009 - 8:05 am コメントは受け付けていません。

FireFoxを使用していて、各WEBサイトを閲覧時、そのサイトのIPアドレスが知りたい場合に便利なプラグインがあります。

まず、https://addons.mozilla.org/ja/firefox/addon/590 にアクセスをして緑色の「Add to FireFox」ボタンをクリックすると、自動的にFireFoxにインストールされます。
その後はブラウザを再起動するだけで、ステータスバーの右下に見事、IPアドレスが表示されます。
これ、結構重宝します。^^

IE起動時にhttp://www.freelotto.com/が表示された場合の削除方法 

9月 25, 2009 - 12:28 pm コメントは受け付けていません。

ネットを楽しんでいると色々なファイルをダウンロードすることもあると思いますが、
いつの間にかスパイウエアーや怪しい広告サイトへの誘導ファイルが
インストールされることがあります。

実は、筆者の場合も気がつくと、http://www.freelotto.com/ へのページが
(IEを起動させた時に)強制的に開いてしまうという現象に遭遇しました。
ま、いつの間にか仕込まれたことになりますね・・・。

これが詐欺サイトです。

これが詐欺サイトです。



それで、削除方法をググッてみましたがなかなか見つかりませんでした。汗・・・。
ところがあるサイトで、bull… tool Bar が原因で、それを削除したらOKという
情報を見つけました。

で、早速、PCのコントロールパネル内の、「プログラムの追加と削除」を開き、
中を確認したところ、「bullseys tool Bar」がありました!
おお!、これこそ、bull… tool Barに間違いないでしょう・・・。

そして、削除することにしたのです・・・。

以下の画面はコントロールパネル内で、「プログラムの追加と削除」を開き、
そのファイルを指定し、削除ボタンを押す前の状態です。

コントロールパネルでの削除画面

コントロールパネルでの削除画面



早速、削除をしてみたところ、怪しいサイトは開かなくなりました。
これで一見落着です。^^

http://www.freelotto.com/が自動表示されて困っている方はこの方法をどうぞ。^^

仮想ディスプレイソフト比較 WinDeskWide日本語版

6月 28, 2009 - 5:19 pm コメントは受け付けていません。

普段、デュアルモニターを使用していましたが、
どうにも片方が不調となり、少しの間は一つで使用することにしました。
その理由kら作業スペースが今までの半分になるため、不便でなりません・・・。

そこで少しでも効率良くしたくぃため、バーチャルディスプレイソフト
(仮想ディスプレイソフト)を比較してみました。
まず最初にインストールしたのが「WinDeskWide」です。

実は、本家からダウンロードしたWinDeskWideが英語版でしたので、
日本語版にしたいと調べてみると、日本語化したものが配布されていましたので、
一旦、アンインストール後、日本語化のものをインストールしました。

さて、WinDeskWideを起動すると、ディスプレイ用の枠用アイコンが
表示されます。設定画面で仮想ディスクトップを追加することができます。

自分の場合は、右に固定させて半透明にしてあります。
それぞれのディスクトップごとに、メーラー、ブラウザ、エディタなどを
起動させておいて。アイコンをクリックすると各ディスプレイに移動できます。

この画面は単独に動くので、ディスクトップさえ把握していれば、
作業は格段にしやすくなります。

操作性については自分の好みとして、マウスワープ機能を使用したかったので
やってみたところ、画面移動は上下のみの動作となりました。
(WinDeskWideは仮想ディスクトップは縦に並べていく感じです。)

動作も速いので、自分の使い方に合致していれば満足度は高いと思います。
ただ、作業をしていると、アイコンが邪魔になるため、下部のタスクバーに
格納したいのですが、どうにも上手にできません。
この機能があるのかどうかも不明でした・・・。

辞書なんかだとタスクバーに格納されるので、そのようにしたかったのですが、
レジストリをいじらないソフトの場合は無理っぽいですね・・・。

設定画面を見てみると、アイコンの表示については、列の増加は出来ますが、行の指定はできないので、横一列に並べることができませんでした。

設定オプションには以下の機能があります。

常に手前に表示
トレイアイコンに表有為j
つールチップを表示
全ウインドウをタスクリストに表示
マウスワープ
終了時に確認する
閉じるとトレイに入る
自動的に起動
自動ディスクトップ切り替え

仮想ディスプレイソフト比較 Virtual Dimension v0.95

6月 28, 2009 - 5:17 pm コメントは受け付けていません。

WinDeskWideが全く異なるディスクトップに格納するイメージがあるのに対し、
Virtual Dimensionのほうは、広いディスクトップにするというイメージです。

マウスで画面の移動は左右上下の4方向にスムーズに移動できました。
ただし、テキストエディタを使用して、テキスト文のコピー時には、どうしても
マウスは画面の端に寄せますので、そのときにマウスワープが機能してしまい、
ディスクトップを移動したくないのに移動してしまう現象があり、
結構ストレスになってしまいました・・・。

で、WinDeskWideとVirtual Dimension v0.95両方において、
結局、マウスワープは使用しないことにしました・・・。

設定画面を覗いてみると、スタートアップというのがあり、
Virtual Dimensionの起動時に起動させるソフトを選べるというものです。
これは便利ですね・・・。

Virtual DimensionとWinDeskWideのどちらがいいのかという問題ですが、
どちもほぼ変わりはないというのが率直な感想です。
ただ、自分の好みの機能はWinDeskWidのほうが多いので、今のところは
こちらの点数が高いです。
しかし、もう少し比べてみようと思います。

IFRAMEタグと下スクロールバーを消す方法

6月 17, 2009 - 3:39 am コメントは受け付けていません。

HTMLでWEBサイトを作成する場合、複数ページを一括編集する場合は
Dreamweaver(ドリームウィーバー)のテンプレートを使用すると楽ですね。

また、2カラムや3カラムの場合、サイドバーに写真画像や宣伝用バナーを
掲載したいケースがあります。掲載後に個々の変更が出た場合は、
共通ページのテンプレートを編集することで前頁の編集が可能ですが、
テンプレートを使いたくない場合もあります。

そんな時には、IFRAMEタグを使用して、そこに表示させたいページを
別途に用意するのが良いでしょう。

例えば、サイドバーとフッター部分をIFRAMEタグを使っての表示は
良いと思います。

ただし、IFRAMEタグを使った場合は高さをきちんと設定しないと
かくれてしまいますので注意が必要です。問題は、内容量に合わせて
高さが自動的に可変すれば良いのですが、今のとことはjavascriptを
利用するような方法しかないようです。

さて、IFRAMEタグを使用した場合、IE6で見た場合に
下側のスクロールバーが表示されて見栄えが悪いというケースがあります。

このような場合は、htmlタグの横に、overflow-x:hidden;を付け足すことで、
消すことができます。お試しください。



また、外部CSSを使用した場合は、

body { overflow-x: hidden; } と記述すると良いでしょう。

WEB作成ソフト|ドリーム・ウイーバーとホームページビルダー

6月 10, 2009 - 4:50 pm コメントは受け付けていません。

WEB作成ソフト|ドリーム・ウイーバーとホームページビルダー

WEB作成においては、一般的にオーサリングツールと呼ばれるソフトを使用します。有名どころではドリーム・ウイーバー、ホームページビルダーなどがそれにあたります。

WEB作成をする場合、思い通りのWEBページを素早く的確に作れることが条件となりますね。そこで、まず、初心者向きのソフトを考えた場合、どの程度本気に使いたいか?が重要と言えるでしょう。

手軽に簡単に使用したいというのであれば、テンプレートや素材が標準装備になっているホームページビルダーがおすすめです。

ホームページビルダーには操作が簡単な画像加工ソフトも組み込んであるので、何も考えなくても一通りのページが短期間に作れるようになります。欠点といえば、ソースを自動的に直してしまうため、作者の意図しないソースになってしまうこともあることです。しかし、ここのところは、実際に制作をした方が実感するので、最初のうちは神経質にならなくても良いでしょう。

一方、DreamweaverはWEB作成についての様々な機能をカスタマイズすることができます。言わばプロご用達のソフトになります。
バージョンによっても異なりますが、プロが利用したい機能がほぼ網羅されているので、WEBデザイナーはこちらのほうを使用するケースが多いのです。

Dreamweaverは余計なテンプレート等は省いてありますし、素材集もありません。その代わり企業が望むような機能に対応できるような高度な仕組みが標準で装備されています。
このように本格的に使用したい方にはDreamweaverがオススメということになります。

現在、DreamweaverはCS4が最新バージョンになっています。
筆者はこのバージョンは使用していませんが、それまでのCS3と使い勝手がかなり変更になったようで、従来までの操作に使用に慣れた方には「新しい操作を覚える」という試練があるそうです。

Dreamweaverがより進化を迎えたのはMXあたりからです。

Macromedia Dreamweaver MX (2002年5月発売)
Macromedia Dreamweaver MX 2004 (2003年9月10日発売)
Adobe Dreamweaver CS3 (2007年6月22日発売)
Adobe Dreamweaver CS4 (2008年12月19日発売)

WEB制作時のCSSの確認用に、IE6とIE7の共存をする方法 

6月 10, 2009 - 8:18 am コメントは受け付けていません。

WEBの作成者なら、CSSの解釈の違いから各ブラウザでは表示が異なることはご存知ですね。

例えば、IE6、IE7~8についても表示が違いますし、Firefox3なども違います。
IEについては現在の最新版はIE8ですが、実際にはIE6の使用者も多く、WEB作成の観点からすると見捨てるわけにはいきませんね。

自分の場合は、IE6とfirefox3で確認をしておけば、ほぼ満たされるだとうと両者の環境でおりましたが、そろそろIE7の環境も整えておきたいと思い使用中のwindowsXP-SP3にIE6とIE7を共存させようと思いました。

ネット上で色々と検索した結果、二通りの方法があり、実際に試してみたので紹介します。

まず、第一の方法は、Virtual PC 2007にInternetExplorer7をインストールするというものです。これは、Virtual PC 2007をインストールしておき、その後にInternetExplorer7をインストールして起動させます。

IE7は英語版のため、日本語版にしなければブラウザの文字自体が□などのわけのわからない表示になり、使い物になりません・・・。

日本語化の設定手順では、IE7の画面上でマウスの右クリックから言語→japanを指定するものです。その後、dllファイル等のインストールが必要ですので、設定にはXPディスクが求められます。

しかし、途中でいくつかのファイルを求められ、CDも用意しているにも関わらず、どうにもインストールができないのです。試行錯誤を行いましたが結局は断念しました。(なぜか、サービスパック3のフォルダを認識しなかった・・なんでだろう?)

さて、第二の方法ですが、IE6にIE7をスタンドアローンで立ち上げる方法と、IE7を基本としておきIE6を起動させる方法がありました。

自分の場合はこれからのことも考えて、IE7を基本にしておき、WEBの確認用にIE6を立ち上げることにしました。

で、インストール方法は至って簡単です。

1.マイクロソフトのページからIE7のインストールファイルをダウンンロードしてインストールします。
ここで、IE6にIE7が上書され、IE7環境になりました。

2.http://browsers.evolt.org/?ie/32bit/standalone のサイトからie6eolas_nt.zip をダウンロードします。

ダウンロードしたファイルを任意のフォルダで解凍すると、フォルダ内にiexplore.exeが出現するので、それをクリックするだけでIE6が起動します。たったこれだけなので少し気が抜けたような気もしますが、WEBの確認用に使用するならバッチリですね。

詳細はこちらのサイトを参考にさせていただきました。
http://coliss.com/articles/build-websites/verification/69.html

因みに、本当にIE6が起動しているのかを検証したい場合は、以下のサイトを見ると、ブラウザによって文字色が異なるCSSを組み込んでくれていますので、間違いがないことが確認できます。

風の吹くまま 気の向くままに

http://at-shima.cocolog-nifty.com/blog/2007/07/cssie6ie7_9737.html

見逃したドラマを見る方法

1月 13, 2009 - 2:28 am コメントは受け付けていません。

今年に入って、大河ドラマを2回も見逃してしまい、途方に暮れそうになりましたが、パンドラTVにアップしてあったので、2回分をダウンドーどして見ました。やれやれです。

さて、このパンドラTVですが、韓国のサイトなんですが、なんと各国に対応しており、なんと、日本語でも見る事ができます。

●パンドラTV

http://www.pandora.tv/

アップしてある動画は1時間以上のTV番組も丸ごと載っているので、ドラマ等なら不自由しないようです。

しかも、熱心な方が居て、ドラマ放映の翌日にはアップされるという、これまた便利なサイトとして人気があるようです。

利用するかどうかは個人の判断となりますね。
このサイト、そのまま動画を見ることもできますが、超人気のせいで、繋がらないことも多く、その点が難点のようです。

朝方が繋がりやすいようです・・・。

ところが、混んでいても、ファイルをダウンロード出来る方法を見つけたのでここで紹介したいと思います。

例えば、大河ドラマで話を進めたいと思います。
パンドラTVにアクセスしてランキングを見ますと、天地人01、天地人02のサムネイル画像があります。
その画像をクリックすると、中央に動画が始まりますが、その下にURLが掲載されています。

そのURLをコピーしてください。そして、下のサイトを開きます。

●動画ダウンロード(動画共有サイト)

http://der.douga-dl.com/

このサイトの上部には、DOWNLOAD 「アドレスを貼り付ける」と文字が表示されていますが、その下のフォームにパンドラTVあkらコピーした天地人のアドレスを貼り付けます。そして、「スタート」ボタンを押すと、その下にダウンロードボタンが出現しますのでそのボタンをクリックすると無事、ダウンロードが開始します。^^

「パンドラTV」は「YOUTUBE」や「ニコニコ動画」などのサイトと同じと考えてもいいでしょう。

テレビもこのように見る事ができるんですねえ~ ^^