SQLの窓

2011年11月30日


Panoramio の貼り付けコードを作成するWEBサービスと、それを呼び出す IE 拡張

<script
	type="text/javascript"
	src="http://www.panoramio.com/wapi/wapi.js?v=1&hl=ja_JP.utf8"
></script>
『文字の繰り返しを表す正規表現演算子が不正です』というエラーが出る場合は、wapi.js を
ページの他のスクリプトより前に記述する必要があるようです。
高確率で出ているので、最初のスクリプト要素としてページに貼り付ける必要があります



上記スクリプトのインストールは、ダウンロードしてエクスプローラからダブル
クリックでインストールされます。

IE 拡張をインストールした後、いったん全ての IE を終了して Panoramio のページ
へ移動して、以下の赤い場所で右クリックして『Panoramio 取得』を実行して下さい。
( アンインストールは、CTRL と SHIFT を押しながら実行 )




実行すると、IE が起動されて以下のページへと移動します。
http://toolbox.winofsql.jp/panoramio.php



※ このページでユーザーID と Photo ID を入力してもかまいません。
※ プレビューでコードのテストが可能です。

▼ 貼り付けサンプル
貼り付けコード取得


posted by lightbox at 2011-11-30 14:41 | Google | このブログの読者になる | 更新情報をチェックする

2011年11月26日


JS : 自分用名前空間を使ってページのロードイベントを登録

IE8 までは、attachEvent しかありませんでしたが、IE9 では
addEventListener が使えるのでこんな感じでいいかと思います

window['文字列'] は、
var 文字列 と同等です。その中に {} でオブジェクトを作成して onload
プロパティを定義しています。中身は function で無名関数を登録です。

※ 使用時は、lightbox.onload で参照しています
<script type="text/javascript">
window['lightbox'] = { onload: function() {
		alert('ロードされました');
	}
};

if ( window.addEventListener ) {
	window.addEventListener('load', lightbox.onload, false);
}
else {
	window.attachEvent('onload', lightbox.onload);
}
</script>


posted by lightbox at 2011-11-26 22:45 | JavaScript オブジェクト | このブログの読者になる | 更新情報をチェックする

2011年11月23日


IE10までは、開発者ツールで、ソースを表示する時のエディタを変更できました

IE11 では、レジストリ変更する必要があります。

ドキュメントを見る限り、IE8 も IE9 も同じようです。
( F12 開発者ツールを使用する )

IE10 のスクリーンショット



規定のビューアが選択されていると思います。その他を選択するとファイルを選択するダイアログが表示されるので、任意のエディタを選びます。エディタを変更する場合は、「その他」を再度選択します


IE8 のスクリーンショット




更新履歴
2013/03/11 : IE10 のスクリーンショット追加と、それに合わせて文言を多少変更。



posted by lightbox at 2011-11-23 17:38 | IE開発者ツール | このブログの読者になる | 更新情報をチェックする

Excel 2007 : 標準のフォントの変更

列番号や行番号などの Excel 標準のフォントを変更します






posted by lightbox at 2011-11-23 17:23 | Microsoft Office | このブログの読者になる | 更新情報をチェックする

2011年11月19日


各ブラウザの現在の「document.charset」と「document.characterSet」




ブラウザ document.charset document.characterSet 
IE6 euc-jp undefined
IE8 euc-jp undefined
IE9 euc-jp euc-jp
Firefox 8 undefined EUC-JP 
Opera 11.52 euc-jp euc-jp
Chrome 15 EUC-JP EUC-JP
Sasfari 5.1.1 EUC-JP EUC-JP
昔から、Opera は IE ライクですが、Chrome と Safari が同じなのは「おっ」と
思いましたが、大文字小文字の違いは何なんだろうと思います。そんな中、Firefox
は独自路線です。

HTML5 では一番解りやすいブラウザ(Firefox)なんで期待しています。



posted by lightbox at 2011-11-19 22:32 | WEBブラウザ | このブログの読者になる | 更新情報をチェックする

2011年11月12日


Object.prototype が window オブジェクトに適用されるおはなし

このコードが IE9 で動きました。IE以外では全部動いてます。


<script type="text/javascript">
Object.prototype.myVersion = "lightbox 1.1"
Object.prototype.log = function(str){try{console.log(str)}catch(e){}}

window.log(window.myVersion);
window.log("おーーい");
</script>


posted by lightbox at 2011-11-12 15:10 | JavaScript オブジェクト | このブログの読者になる | 更新情報をチェックする

2011年11月11日


Google Books API で本を読むコンテンツを埋め込むコード

コードはいたって簡単で、ブログの個別ページに全て埋め込んで利用できます。ここで、XbXdKx1EMfIC は、Google が管理している ID で、左上の書籍の小さな画像を右クリックすると URL の中に含まれています。

ユニークになるはずなのでそのまま DIV の ID として利用しています。
<div id="XbXdKx1EMfIC" style="width: 600px; height: 750px"></div> 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("books", "0", {"language": "ja"}); 
google.setOnLoadCallback(function () {
	var viewer = new google.books.DefaultViewer(document.getElementById('XbXdKx1EMfIC'));
	viewer.load('XbXdKx1EMfIC');
});
</script>

書籍は、「目次」でインデックスページに Jump しますが、てのひらカーソルでページをドラッグして上下に動かし、いわゆるリンク時に表示される人さし指の立ったカーソルでクリックするそのページへ Jump します。

API で、直接任意のページへ移動する事も可能です。
数値を入力
Developer's Guide - Embedded Viewer API - Google Code


posted by lightbox at 2011-11-11 19:52 | Google | このブログの読者になる | 更新情報をチェックする

JavaScript 用の文字列を作成するサービス

JavaScript 用文字列変換



例えば以下のようなコードをページのロード時に動的に発生したい場合は、これらを全て文字列化して、document.write します( こうする事で、条件によっては実行しないようにできます )
<script type="text/javascript">
alert("OK");
</script>


<script type="text/javascript">
str="";
str+="<"+"script type="text/javascript"> \n";
str+="alert("OK"); \n";
str+="</"+"script> ";
document.write(str);
</script>



しかし、このような文字列を作成するのは手作業では大変なので、アプリケーションで変換します


posted by lightbox at 2011-11-11 15:11 | WEBサービス | このブログの読者になる | 更新情報をチェックする

2011年11月10日


ブラウザの URL の最大長

IE6 のころは、以下のようなドキュメントがあったのですが、

[IE] URL に使用可能な文字数は最大 2,083 文字

IE8 や IE9 は実際どの程度になっているか調べてみましたが、正式なドキュメントは見つけられずに以下のようなページをみつけました。

How long an URL can Internet Explorer 9 take? - Stack Overflow

このページでは、IE9 の URL の有効な最大長を A 要素の href 属性を使ってカウントしていました。その結果は、5120 だそうです。

で、IE8 でも実行してみると、4097 です。

さっそく Firefox や Chrome でも試したのですが、どちらも応答がありません。そこで調べてみると、IE6 当時の Firefox ですら少なくとも 2G くらいあるような記事がありました。実際測定したようです。

▼ WEBアーカイブになります
TIPS ≫ Blog Archive ≫ URL の最大長は何文字?

Chrome は解りませんが、かなり長いと思われます。


関連する記事

IE : URLに使用可能な文字数



タグ:IE
posted by lightbox at 2011-11-10 00:24 | IE | このブログの読者になる | 更新情報をチェックする

2011年11月02日


抜粋。プロバイダ別ブロードバンド月額料金

前回チェックした時(3ケ月前)より、ADSL が NTT よりイーアクセスに殆
ど移行してしまいました( いくつか残っていますが )
そんな中でたぶん理由があって移行できない、BBエキサイトの商品説明は
かなり無理のある記述となっています。(実際の月額ページ)

それと、au だけが横綱商売を続けるような感じです。
( 詳細は未調査ですが )

2000円前後のところは皆イーアクセスのはずです。NTT ではその価格には絶対な
りません。YahooBB! のみがイーアクセスと同じ業者としてギリギリの最安値を
保っていますが、YahooBB! の他のプランを眺めると、いろいろ事情があるよう
にも思えます。、光を NTT に移行したり、ADSL で黒字出すのは難しいらしいです
から。


ADSL は各社の詳細を確認しないと解りませんが、基本「イーアクセス」
経由のようで、@nifty では、フレッツADSL も利用できるのですが相当
割高になっています。

そもそも、ADSL は、線路距離長やその他の要因で個別に速度が違うので、
簡単に比べる事はできませんが、それでも IP 電話は可能で、実際インタ
ーネットを使う上で支障のあるものでも無いので割安です。

もちろん、プロバイダによっていろいろなサービスやキャンペーンがそれ
ぞれなので、細かいところまで良く比べないといけませんし、「評判」と
いうものもあります。この中では小さい感のある、TikiTiki インターネ
ットでは、小さいからこそトラブル対応のサービスがいいというクチコミ
もあります。

光の場合、どこも似たりよったりという感じでそれこそプロバイダの特徴
をきっちり調べるといいと思います。WiMAX は、UQ WiMAX の事を指すと
思いますが、まだ実際どの程度使えるか解らないですが、速さ的には「イー
モバイル」とは比べ物にならないような気がします

@nifty WiMAX powered by UQ WiMAX

プロバイダ名

       

資本金

 

光ファイバー
・戸建て

光ファイバー・
マンション

ADSL

WiMAX

 

@nifty

5,460(au)
6,269(フレッツ)
 

4,305

2,093

3,854

37億

ASAHIネット

5,460

3,991

1,871

 

6億

BB.excite

5,985(NTT東)
5,744(NTT西)

3,938

 NTTのみ
なので高い
 

32億

BIGLOBE

6,720

4,358

2,076

3,801

104億

au one net

6,097

4,410

4,389

WiMAX搭載

1,418億

eo光(関西限定)

4,900

3,700

  3,680

330億

hi-ho

6,720

4,348

2,100

 

2億

OCN

6,720

4,411

2,121

 

2,117億

ODN

5,386

4,761

受付終了

 

1億

ぷらら

6,720

4,410

 NTTのみ
なので高い
 

95億

楽天ブロードバンド

6,457

4,358

1,992

 

109億

So-net

5,460

4,358

2,093

5,160

79億

TikiTiki インターネット

6,510

4,463

1,953

 

8千万

Yahoo! BB

6,720

4,410

1,897

 

1,000億

※ 西日本と東日本では微妙に少しだけ違って来ます。
※ 光ファイバーのプロバイダ別月額一覧(PDF)

関連する記事

ブロード( Broad ) という言葉と、ブロードバンド
では、ブロードバンドルータとは何でしょう
インターネットの使いみち




posted by lightbox at 2011-11-02 15:08 | 記録 | このブログの読者になる | 更新情報をチェックする
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定> 詳細設定> ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。

Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。

また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。

※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです

対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。


※ エキスパートモードで表示しています

アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります

<% if:page_name eq 'archive' -%>
アーカイブページでのみ表示される内容
<% /if %>

<% if:page_name eq 'category' -%>
カテゴリページでのみ表示される内容
<% /if %>

<% if:page_name eq 'tag' -%>
タグページでのみ表示される内容
<% /if %>
この記述は、以下の場所で使用します


Windows
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり