vista no.121.119.109.103.101.89 【ありのごとくあつまりて】

FC2ブログカスタマイズ，共有テンプレート，素材リンク集，フリーソフトの紹介など。迷子にならないブログ作りを目指し．．．何か1つでもお役に立てる情報を提供できたらいいなぁと思っています。

このページの記事目次（vista の検索結果 25 件）

ブログのリンクチェックを3分でしよう！ [2010/03/31]
Wii のインターネットチャンネルで閲覧してみた [2010/03/18]
XP×MS Pゴシックがこんなに綺麗になるとは [2010/02/12]
久々のテンプレ大改造 jQuery が面白い！ [2010/01/14]
contenteditable （直接編集）の傾向と対策 [2010/01/10]
共有テンプレートサポート専用窓口（1） [2009/10/19]

←　前のページ total 5 pages 次のページ　→

1 5

この用語を含む記事は見つかりませんでした。

ブログのリンクチェックを3分でしよう！

2010/03/31 (水) カテゴリー：アクセス解析・SEO対策

ブログの リンクチェック 行っていますか？デッドリンクを放置するのはやはりあまり良くありませんが、記事が多くなってくると、「1つ1つリンクを開いて確認する...」なんて作業は普段、なかなか出来ないですよね。

フリーソフト集　2) Webページ作成編で既に紹介しているソフトですが、ブログのリンクチェックがあっという間に終わってしまう便利なフリーソフトを紹介します。

3分の中には記事（デッドリンク）の修正時間は含めていませんが、データの準備 → リンクチェックに掛る時間をイメージしやすく書いたものです。記事数100件ちょっとの私のブログの場合、慣れると1分も掛りません。手動だったら、30分以上は掛ってしまうのではないでしょうか。。。

FC2ブログの記事内リンクチェックを一度に行う方法

必要なもの（準備）

『Link Checker』（フリーソフト）
XP Me 2000 98 などに対応。（私はXP と Vistaで使用しています。）
※Vector などには登録されていないようです。似た名前のソフトが多数ありますが、それとは別物で同名の Firefoxアドオンとも異なります。
『K2Editor』『TeraPad』（フリーソフト）などのテキストエディタ
文字コードを Shift＿JIS に変更するために使います。
※無くても出来ないことはありません。

リンクチェックの方法

まず、ブログの管理画面「ツール」にある「データのバックアップ」を選択します。

クリックで画像を拡大します。

上の画面で、全ての記事（データ）をダウンロードします。（年度別などでもOK）

そのままダウンロードすると ○○.txt というテキスト形式（文字コード EUC）の文書として保存されます。このままでもOKですが、私はこの時に ○○.html という HTML形式の文書に変えて保存しています。

保存した ○○.txt （or ○○.html）をテキストエディタで開き、文字コードを Shift_JIS に変えて再度保存します。（※見た目は変わりません。この作業は省略も可能ですが、Shift_JIS 以外の文字コードの場合、「表題」部分が文字化けして表示されます。）

Link Checker　http:// で始まる外部ファイルのリンク切れを高速でチェックできるフリーソフト

クリックで画像を拡大します

『Link Checker』を起動し、ファイル → 先程保存したファイルを選択します。（※デフォルトでは HTML形式のファイルを開く状態になっているので、テキスト形式の文書で作業する場合には右下のところで Text file or All file を選択します。）

記事内及びコメント内で使われている外部リンクが抜き出されてリスト表示されます。（コメント部分の外部リンクまでチェック出来ますよ♪）

【 ↓　続きを表示する　↓ 】

キーワード検索：リンクチェックフリーソフト

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL　http://arinogotokuatumarite.blog19.fc2.com/blog-entry-121.html

2010/03/31 ～ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

Wii のインターネットチャンネルで閲覧してみた

2010/03/18 (木) カテゴリー： TV・NET・GAME

Wiiソフトの Wi-Fi インターネット対戦や体験版ソフトのダウンロード，DSダウンロードプレイなどは使っていましたが、ブラウザは有料なんだと思っていた私。。。

2009年9月1日より、インターネットチャンネルが新しくなり、対応するAdobe Flashが、Flash 7からFlash Lite3.1（Flash 8相当）にバージョンアップしました。また、これまでは500Wiiポイントでの購入とさせていただいていましたが、すべてのWiiユーザーの皆様がお使いいただけるよう、同日より無償でダウンロードいただけるようになりました。
任天堂ホームページ　Wiiチャンネル » インターネットチャンネル - Wii より引用

とっくに無料になっていたのね。。。という訳で、Wii の「インターネットチャンネル」（専用ブラウザ Opera9.30）を使って、ネットサーフィンをしてみました。

NintendoWii × Opera　
解像度：横800px 縦472px　色数：32bit

クリックで画像を拡大します『SONY BRAVIA KDL-40X5000』

おぉ～意外とちゃんと見れる。。。上部のプルダウンメニュー（Skeleton dropdown menu をカスタマイズしたもの）もきちんと機能するし、私の使っている javascript などは全て機能しているようでした。（↑ 画像の拡大表示 lightBox ~~も動きました！~~　追記：大体は動くのですが、若干不安定な動きをするので lightBox は適応させないように変更。）

解像度横800px はインターネットチャンネル専用ブラウザ Opera9.30 の仕様で、テレビのサイズには依存しないようです。 800px というと、950px以上が最適環境の私のサイトではちょうど写真の領域くらいまでしか表示されず、かと言って 100%より小さいサイズに縮小表示してしまうと、ぼやけて読めたものではないのでちょっと残念ですが．．．画面のスクロールや移動は意外とスムーズに使えます。

OS Wii でのアクセス率は？

【 ↓　続きを表示する　↓ 】

【　続きを閉じる　】

Wii でインターネット（ネットサーフィン）する人ってまだそれ程多くはないと思いますが．．．私のサイトにもたま～にアクセスはあるようで、先月 2010年2月のアクセス解析では総数10（実質ID 7件）のアクセスがありました。こうして改めて調べてみると、PlayStation や Nintendo DSi までいて（ちゃんと閲覧できているのかは不明ですが）面白い！

WindowsXP                            7,354       56.49%  
WindowsVista                         3,625       27.84%  
Windows7                               921        7.07%  
MacOSX                                 716        5.50%  
Windows2000                            197        1.51%  
mozilla/5.0(en-us)applewebkit/          63        0.48%  
iPhone                                  34        0.26%  
Windows98                               27        0.21%  
Linux                                   18        0.14%  
iMODE                                   12        0.09%  
mozilla/5.0/sn352026020417035(          12        0.09%  
unknown                                 11        0.08%  
Wii                                     10        0.08%  
AU                                       8        0.06%  
mozilla/4.0(jigbrowser91.3.8;9           2        0.02%  
yeti/1.0(nhncorp.;http://help.           2        0.02%  
FreeBSD                                  1        0.01%  
PlayStation                              1        0.01%  
WindowsNT4.x                             1        0.01%  
internetninja6.0                         1        0.01%  
mozilla/4.0(compatible;msie6.0           1        0.01%  
mozilla/5.0(000000000;0;000000           1        0.01%  
opera/9.50(nintendodsi;opera/4           1        0.01%

Wii × Opera でネットサーフィンしてみた感想

USBキーボードなどは使っていないので、Wiiのリモコンだけで文字入力をするのは本当に大変でした。。。でも、思ったよりサクサク表示できたし、リンクのクリックなども慣れれば上手くできそうなので、今後もたまには遊んでみようと思っています。

ただ．．．細かい部分では、

リンク先のURI を表示するステータスバーのようなものがないので、安心感に欠ける。（多分... リンク先の情報表示のような機能もなさそう。。。）
title=""（ヘルプチップ）や alt=""（画像の代替テキスト，IEではデフォルトで展開されるもの）はいずれもポップアップされない。
画面の微妙なサイズ調整（←仕様）がちょっと迷惑。閲覧には問題ないし、好みによる？
フリーズした際の復帰手段がない。（電源を落とすしかなかった。。。）

など。私が気になった点は、↑ こんなところでしょうか。

ところで．．．最近の『Wiiの間』これも案外遊べます。時任三郎さんや岡村隆史さんなどの芸能人（コンシェルジュMii）が遊びに来たり、映画のCM や無料番組が観れたりします。設定した年齢が反映されるので、こどもには結構ウケています。
追記： 2012年4月30日をもって、Wiiの間のサービスは終了しています。

キーワード検索： Wii 無料ブラウザインターネットチャンネル

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL　http://arinogotokuatumarite.blog19.fc2.com/blog-entry-119.html

2010/03/18 ～ | Comment (9) tweet? | ↑ ページ先頭へ ↑ |

XP×MS Pゴシックがこんなに綺麗になるとは

2010/02/12 (金) カテゴリー：無料ソフト・フォント等

Vista を購入して以来、我が家の XPパソコンはめっきり出番が少なくなりました。が、それでも旦那とパソコン争奪戦になった場合には、しぶしぶ使うハメに。。。

XP を常用していた時にはあまり感じませんでしたが Vista でメイリオに見慣れてしまうと、MS Pゴシック（正確には "ＭＳＰゴシック"）で表示された自分のサイトを見ると、かなりギザギザが目立って、よ・読みにくい・・

gdi++ Helium版ソフト適用　
Windows XP × MS Pゴシック

ところが、あるフリーソフトを使うと、「ちちんぷいぷい！」 XP×MS Pゴシックでも、こんな風にキレイに表示できるようになっちゃいます。

『あられフォント』にそっくり＆可愛い♪

これ、結構有名なソフトらしいのですが、私は今頃その存在を知りました。

使ったのは、gdi++ というフリーソフトの後継ソフト gdi++ Helium版です。
[gdi0909.zip]　GDI++初心者用スターターパック

で、私のようなせっかちな人は「取り敢えず使っちゃえ」と急ぎがちですが、このソフトの場合はやっぱり ReadMe などにはじっくり目を通しておいた方が安全かもしれません。

gdi++ Helium （gdi0909）　
GDI++初心者用スターターパックの中身

クリックで画像を拡大します

【 ↓　続きを表示する　↓ 】

キーワード検索：フリーソフト Vista メイリオフォント

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL　http://arinogotokuatumarite.blog19.fc2.com/blog-entry-109.html

2010/02/12 ～ | Comment (2) tweet? | ↑ ページ先頭へ ↑ |

久々のテンプレ大改造 jQuery が面白い！

2010/01/14 (木) カテゴリー：ブログ雑記・その他

1つ前の記事が未完成の中、ちょっとしたことから jQuery にどっぷりハマっている私です。全く不自由を感じていなかった部分を 2箇所変更。

画像ファイルへのリンクを同じウィンドウでポップアップ風に表示する方法を Lightbox JS （旧バージョン）から、jQuery lightBox plugin に変更。
[ 詳細記事： jQuery lightBox　グループ化を操る3つの方法 ]
検索結果ページやタグ検索結果ページで使っているキーワードの強調表示（ハイライト機能）を共有テンプレートでも使わせていただいている KW強調ボタンから highlight: JavaScript text higlighting jQuery plugin に変更。 jQuery を使ったついで、というか jQuery版 lightBox と KW強調ボタンを併用する方法が探せなかったから。。。
[ 詳細記事：検索用語をハイライト（強調表示）するスクリプト ]

JavaScript text higlighting jQuery plugin を適用した検索結果ページ

クリックで画像を拡大します

結果、かなり気に入りました♪　近いうちに、情報まとめようと思いますが（･･･って、前の記事も未完成ですが。。。）取り敢えず報告まで。

しかし、こういうのって殆ど自己満足の世界。久しく使っていなかった Lightbox をまた無意味に使ってみたり。。。

【 ↓　続きを表示する　↓ 】

キーワード検索： jQuery javascript

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL　http://arinogotokuatumarite.blog19.fc2.com/blog-entry-103.html

2010/01/14 ～ | Comment (4) tweet? | ↑ ページ先頭へ ↑ |

contenteditable （直接編集）の傾向と対策

2010/01/10 (日) カテゴリー：ブログ雑記・その他

スクリプトを使わなくても Web上で文字や画像を直接編集させる方法　最近、この contenteditable="true" について新たな収穫（？）があったので載せておきます。

contenteditable="true" を使ったページ（実例）

1. ～ 3. のような使い方なら、結構使えるかと。 4. は「ブログの記事」で使ったものですが、ブログの場合同じカテゴリーや同じ月 etc、色々なところに影響を及ぼしてしまうので．．． Firefox での挙動を考えると、非推奨？？

contenteditable （コンテンツの編集許可）はブラウザによってちょっと動きが異なるようなので、私の知っている範囲でメモしておくことにします。

動作確認したブラウザは　Windows Vista ×　IE8， IE7，（IE6），（IE5.5），Sleipnir2， Firefox3， Opera9， Google Chrome2， Windows XP ×　IE7， IE6 です。 Mac × Safari でも一応。（← 電気屋さんでこっそりテストしただけ。。）

1.　IE × contenteditable="true" （Sleipnir も同様）

IE では編集可能な範囲の改行時に <p> が挿入される。（対応策あり）
http://arinogotokuatumarite.blog19.fc2.com/　のように書いてある部分があると、勝手に「リンク風」にされてしまう。なのに、リンクとしては機能しない。。。

【 ↓　続きを表示する　↓ 】

【　続きを閉じる　】

その部分の <p> が margin:0 で余計な装飾もない場合

<div contenteditable="true">
実際には、この中に入れた文字や画像が編集可能になります。
※この記事では設定していないので、過去記事などでお試しください。
</div>

その部分の <p> が margin:0 などではない場合

↑ 上の書き方のままだと、「Enter」キーなどを押した改行時に前後に余白（※）が空いてしまいます。この状態の場合、一行改行を反映させるためにはユーザーが「Shift」＋「Enter」キーを押す必要があります。それでは面倒なので・・・ ↓

<div contenteditable="true">
<div>
参考 : 編集可能な Div で行間を 1 行にする方法
http://msdn.microsoft.com/ja-jp/library/bb250508(VS.85).aspx
この書き方のように <div> </div> を入れておくと、IE でも <p>のスタイルに左右されることなく、「一行改行」がそのまま行えます。
簡単ですが、頻繁に使うなら ↓ 下の方法がお勧め。
</div>
</div>

/* 直接編集用（IE対策） */
.htmlbox p { margin:0; padding:0; }

<div class="htmlbox" contenteditable="true">
スタイルシートで予め、この範囲内の <p> を設定しておけばOK！
</div>

勝手に「リンク風」にされてしまうのは．．．

気になるけど、特に問題にもならない程度？？どうにかしたい場合は、<pre> http://arinogotokuatumarite.blog19.fc2.com/ </pre> とか書いておけば、一時的に回避出来るみたいです。[ 実際の使用例 2 ]

<pre class="htmlbox" contenteditable="true">
	/* ----------------------------------
	Template by ありのごとくあつまりて (paruparu)
	http://arinogotokuatumarite.blog19.fc2.com/
	------------------------------------- */
このような場合は、何故か 「リンク風」 にはなりにくいらしい。 不思議？？
※この記事では設定していないので、実際の使用例（2） などでお試しください。
</pre>

2.　Firefox × contenteditable="true"

クリックで画像を拡大します

Firefox では、ページ内のどこかで contenteditable="true" を使うと、その範囲以外の部分で「右クリック」をした場合の挙動がちょっとおかしくなる。（対応策不明）
IE とは異なり、<a href=" ">リンク</a> がハイパーリンクとして一応機能する。コンテキストメニュー（ショートカットメニュー）などからならリンク先を開くことができるが、クリックでは無反応。
実際の過去記事はこちら。

Firefox でページ内を右クリックした時の挙動がおかしい！！

これが、この記事を含む「ブログ記事」では危険な気がして使えない一番の理由。対応策はあるのかな？？ちなみに他のサイトでも検証済みです。

Firefox だと、見た目通りにコピー出来ないこともある！！

範囲選択 → コピーしたものを、貼り付けると．．．余計なものが加わってしまうことがある。   や " を多様した場合などに発生しやすいようですが、大丈夫な場合もあったり．．．法則は不明です。（半角スペース）や " をそのまま使えば解消されることも多いので、確認は必須です。

3.　Opera × contenteditable="true"

IE と同様、編集可能な範囲の改行時に <p> が挿入される。
<div> </div> を入れるという「IEで有効な裏技?」も使えるが、微妙にカーソル（キャレット）の位置がずれる。（対応策あり）
<a href=" ">リンク</a> 部分は、リンクとしては機能しない。

その部分の <p> が margin:0 などではない場合

/* 直接編集用（IE, Opera対策） */
.htmlbox p { margin:0; padding:0; }

<div class="htmlbox" contenteditable="true">
スタイルシートで予め、この範囲内の <p> を設定しておけばOK！
</div>

4.　Google Chrome × contenteditable="true"

かなり優秀！一番シンプルな書き方でも問題なし。
IE とは異なり、（Firefoxと同様） <a href=" ">リンク</a> がハイパーリンクとして一応機能する。コンテキストメニュー（ショートカットメニュー）などからならリンク先を開くことができるが、クリックでは無反応。

5.　W3C での構文エラー

気になると言えば、気になる。。。スクリプト（document.write）を使えば、取り敢えず回避可能ですが、何となく無駄な感じも。

当面の．．． contenteditable="true" の使い方（一案）

ブログなどとは切り離して「直接編集専用ページで」使う。
リンクは張らない。アドレスを直接書いておく方が親切。
ソースは以下のように書く。

.htmlbox {
padding:10px;
white-space:nowrap;
line-height:1.6;
overflow:auto;
overflow-x:scroll;
}
html>/**/body .htmlbox {
overflow:auto;
}
.htmlbox p {
margin:0;
padding:0;
}

<div class="htmlbox" contenteditable="true">
実際には、この中に入れた文字や画像が編集可能になります。
</div>

あくまで自分用。 CSSハック部分は結構重要。理由は ↓記事を参照してください。
[ 参考： IE7をインストールしてみた - サラリーマン白書 ]

ちなみに、「デフォルトに戻す」機能には、onclick="window.location.reload(true);" などではなく onclick="history.go(0)" を使っています。カーソルの位置を維持できる点が気に入っているのですが、Operaのデフォルト状態など、キャッシュを優先している状態では、onclick="history.go(0)" だと内容が元に戻りません。。。

キーワード検索：直接編集 contenteditable ブラウザ

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL　http://arinogotokuatumarite.blog19.fc2.com/blog-entry-101.html

2010/01/10 ～ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

共有テンプレートサポート専用窓口（1）

2009/10/19 (月) カテゴリー： FC2共有テンプレート

共有テンプレート（ari_seoシリーズ）の技術的な質問，相談窓口を設けました。カスタマイズに行き詰ったり、聞いてみたいことがあればこちらからどうぞ。また、何か不具合が見つかりましたら報告お願い致します。

追記：現在の最新版は 「サポート専用窓口（5）」 になります。

【サポート専用窓口一覧】

共有テンプレートサポート専用窓口 (1)　2009/10/19 ～ 2010/03/09
共有テンプレートサポート専用窓口 (2)　2010/03/10 ～ 2010/11/12
共有テンプレートサポート専用窓口 (3)　2010/11/15 ～ 2011/11/09
共有テンプレートサポート専用窓口 (4)　2011/11/09 ～ 2012/06/21
共有テンプレートサポート専用窓口 (5)　2012/06/23 ～　← 受付中

コメントはそのまま残すようにしていますが、このページ窓口（1）のみ、（ページがとても重くなってしまった為）コメントを大幅に整理させていただきました。

【 ↓　続きを表示する　↓ 】

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL　http://arinogotokuatumarite.blog19.fc2.com/blog-entry-89.html

2009/10/19 ～ | Comment (61) tweet? | ↑ ページ先頭へ ↑ |

←　前のページ　　次のページ　→

vista 【ありのごとくあつまりて】