|
ココのブログシステムの改良もネタ（やる事）が無くなってきた。
新しいサイトのイメージとかアイデアとか湧いてきているので、この本（Amazonのリンク）に載っていたサンプルを改良してjavascriptの実験をしてみた。
ここからドンドンと発展させていこうかと…。
応用が利くような具体的なプログラムが載っていたりと、数冊読んだAjaxの本の中では一番良かったですので読んでみてください（Amazonはここをクリック）。
GoogleMaps風のドラッグして動かすプログラムです。
全ウィンドウに対応したりとか、div要素のプライオリティや透過がどうなるのか…とか、下記のURLで色々テスト。
IE/FireFox/Operaに対応（Safariも動くはずですが、持って無いので未確認です。誰かチャンと動くのか教えてください←Safariでも動作確認しました）。
※ついでに、canvasタグを使って3Dの描画もテスト。IEにはcanvasがないので『excanvas.jp』を使ってます。この辺も面白い使い方できそうだけど、もう少し後で…。
ココで動きます（↓）。
http://imgsearch.selfip.com/test/googlemaps.php
通信してるわけじゃないので「Ajax」ではありません。
ただの普通のjavascriptです。
divタグの使い方把握したので、次は違う見せ方で…。
~~~~
IE8（β版）でテストしてみたところ、『excanvas.jp』部分が描画されない…。
実験サイトでもexcanvasを使ってたりするので、困った（ http://jp.link.hobby-site.com ）。
調べてみると…。
DOCTYPE宣言を取ればいいみたい（ま、いいでしょ）。
…という事で、IE8でもcanvas系表示されました（よかった）。
他には、<meta http-equiv="X-UA-Compatible" content="IE=7">というmetaタグを入れるやり方も有り（ココに書いてあります）。
~~~~
javascriptの隠蔽化という事をやってみた。
クライアント側にダウンロードして実行させる物なので基本的には隠せないのだが、単純には見れない様にしてみた。
ココのコメントスパム対策（記事）した時と少し似てるやり方で対処（…と、プラスして２つの方法で対策）。
実際には隠蔽化したjavascriptがある方法では簡単に見れてしまって「アレレ？」という感じなのだが、まぁこれで精一杯ってとこかな（クライアントが実行するプログラムなので完全に隠すのは絶対無理）。
※ 『javascript』に繋がる関連物を 視覚的に探しだせるサイトを作ってみました（よろしければクリックしてみてくださいね）。
リンク元：
(1) : http://www.google.co.jp/search?q=javascript+googlemap%E9%A2%A8&lr=lang_ja&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&client=firefox-a
(1) : http://www.google.co.jp/search?q=googlemap%E9%A2%A8+javascript&btnG=%E6%A4%9C%E7%B4%A2&hl=ja&lr=lang_ja&client=firefox-a&rls=org.mozilla%3Aja%3Aofficial&hs=4UQ&sa=2
(1) : http://www.google.com/search?hl=ja&lr=&ie=UTF-8&oe=UTF-8&num=50&q=excanvas+%E4%BD%BF%E3%81%84%E6%96%B9
(1) : http://www.google.co.jp/search?hl=ja&rlz=1C1GGLS_jaJP352&q=googlemap%E9%A2%A8&start=10&sa=N
ページ閲覧者数：11人
[ javascript ] 一覧へ
|
RSS2.0
