Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
【カテゴリー】 ActionScript ( 5 ) AIR ( 2 ) AjaSQL ( 10 ) Ajax ( 561 ) Arax ( 1 ) canvas ( 10 ) CSS ( 10 ) ( 5 ) DLNA ( 1 ) Dojo ( 17 ) DOM ( 45 ) ES4 ( 4 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 46 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 112 ) GPS ( 41 ) HTTPヘッダサンプル ( 9 ) Internet ( 1 ) IPv6 ( 1 ) 漫画 ( 1 ) Java ( 44 ) JavaScript ( 248 ) jKamo ( 8 ) jQchart ( 1 ) jQuery ( 106 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 46 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 15 ) Mac ( 8 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 3 ) Movable Type ( 57 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 7 ) P2P ( 2 ) Perl ( 7 ) PHP ( 37 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 21 ) ROBOT ( 1 ) RSSリーダー ( 14 ) Ruby on Rails ( 7 ) Spry ( 6 ) SQLite ( 11 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 15 ) TRON ( 1 ) Video ( 1 ) VML ( 1 ) Webサービス ( 96 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 29 ) XML ( 30 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 62 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) WinTips ( 2 ) こりゃすごい ( 3 ) チューニング ( 21 ) ダイナミックロード関数 ( 7 ) リファレンス ( 13 ) ライブラリ ( 107 ) レーダー雨量表示 ( 1 ) ハード ( 20 ) ペンギン ( 2 ) ブラウザ ( 71 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 1 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 11 ) クロスブラウザ関数 ( 7 ) スマートフォン ( 8 ) セキュリティ ( 106 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 47 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 22 ) 牛久大仏 ( 8 ) 携帯 ( 118 ) 言語 ( 18 ) 故障 ( 2 ) 洪水警報システム ( 2 ) 今日のひと言 ( 5 ) 仕様 ( 55 ) 雑談 ( 219 ) 実装 ( 1 ) 書籍 ( 17 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【info】有料サポート(ベータ)限定 承り中 多忙につき、一時、新規受付停止 閉店中 /【JSサポート(仮称)】 

【費用】 とりあえず、言い値で承ります。ただし、できる範囲での限定受付です。込み具合等によりお受けできない場合がありますのであらかじめご了承ください。サポートにご納得いただけなければ料金は不要です。 逆に感動したら多くても構いません(^^;;;。

【できること】 たとえば、かも日記で無料配布されているコードのカスタマイズや、あるいは、JavaScript/Ajax全般+Webサーバーとの連携などのアドバイス&サンプル作成等 。A:jQchartなどでWeb用グラフ設置(エクセル→CSVやデータベースからWebグラフ生成)などのアドバイスやカスタマイズサンプル作成。B:ツリーメニューなどのカスタマイズサンプル。C:Google Mapsのカスタマイズ。etc...

【できないこと】 腕立て伏せ200回

【ライセンス】 私が今まで「かも日記」等で提供してきたコードの大半は、商用利用、改造、自由、連絡不要で、今後もそれらは変わりません。そして、この有料サポートによりカスタマイズコードなどが提供される場合でも、同様に、それらを商用利用しても改造しても自由です。ただし、制限のきついライブラリなどを使う場合は、各ライブラリのライセンスに準拠せざるを得ない場合があります。

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いですが、何卒、ご了承ください ( _ _ b

【MySQL このページ内へのリンク】
【セキュリティ】IPAがSQLインジェクション脆弱性の検出ツールを公開
【チューニング】max_connectionsとApacheの調整
【jQuery】jsgt.org 最新アクセス 10件
【MT】Ajaxで動的に最新記事のデータを取得し、ツリーメニューを生成する
【MT】MTのDBから最近10件分のentry_idを取得する
【MySQL】MySQL 5.0正式版リリース
【MySQL】MySQL Activity Report
【LAMP】LAMPってなん?
【Ajax】AjaSQLを作ろうっと
Movable Type でアクセスグラフ

[ MySQL ]

2008年04月19日

【セキュリティ】IPAがSQLインジェクション脆弱性の検出ツールを公開

AjaSQL 】 , MySQL 】 , PostgreSQL 】 , SQLite 】 , セキュリティ 】 , 開発ツール ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


「ウェブサイトのSQLインジェクション脆弱性の検出ツール」を公開
〜ウェブサーバのアクセスログを解析して脆弱性検出を簡易に行うツールiLogScanner〜
http://www.ipa.go.jp/security/vuln/iLogScanner.html

投稿者 tato : 01:35

2008年02月20日

【チューニング】max_connectionsとApacheの調整

MySQL 】 , チューニング ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


jsgt.orgで、my.cnfのmax_connections設定がうまくいっていなくて、というか、なぜか設定できず、Apacheの接続数をさばききれていないようなので、Apacheを絞ってみました。

とりあえず、さっきからずーっとロードアベレージ0.00 ではありますが、どうでしょう。

投稿者 tato : 10:12

2008年02月03日

【jQuery】jsgt.org 最新アクセス 10件

Ajax 】 , JavaScript 】 , MySQL 】 , PHP 】 , jQuery 】 , ライブラリ ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


ログをtailなどで見るのが億劫で、PHPで掘り返そうと思っていたところへ、Apacheモジュールのmod_log_sqlが眼にとまったので、ちょと入れてみました。

新しいのを使わずに、パッチのあるmod_log_sql-1.99を入れて、hogehogeしたら、なにか作ってみたくなったので、jsgt.org 最新アクセス 10件というコンテナをページの上のほうに作ってみました。こんな名前のです→【jsgt.org 最新アクセス 10件 html ,php,cgiのみ 】(1分更新)

一応、今のところ、html ,php,cgiのみを1分更新で10件だけ表示してはリフレッシュしていますが、phpやcgiだと余計なWebサービス関連のデータなどを拾ってしまうのがアレです。htmlファイルだけにしようかなあ、、、。

追記:2008.2.4 htmlファイルだけにしました。
追記:2008.2.5 一度に書き換えるとレイアウトが動いて読みにくいので、1行ずつ逐次処理に変えてみました。で、レイアウトが動かないと1分待つのも暇なので30秒更新にしました。
追記:2008.2.6 しばらく接続の様子をみていたら、ほぼ常時接続状態になっていくケースが増えてくると負荷に影響が出るので、試しに、30秒更新/Max接続30分 にしてみます。
メモ
wget http://www.outoforder.cc/downloads/mod_log_sql/mod_log_sql-1.99.tar.gz
#パッチ
wget http://www.outoforder.cc/downloads/mod_log_sql/mod_log_sql-1.99.diff
patch -p0 < mod_log_sql-1.99.diff
wget http://www.outoforder.cc/downloads/mod_log_sql/mod_log_sql-1.99-2.diff
patch -p0 < mod_log_sql-1.99-2.diff

$ tar -jxf mod_log_sql-1.99.tar.gz
$ cd mod_log_sql-1.99/
$ ./configure --with-apxs=/usr/sbin/apxs  --with-mysql= /usr/bin/mysql
$ make
# make install 2>&1 | tee install.log

#httpd.conf の編集 
vi /PathToYour/httpd.conf

LoadModule log_sql_module       modules/mod_log_sql.so
LoadModule log_sql_mysql_module modules/mod_log_sql_mysql.so

LogSQLLoginInfo mysql://loguser:xxxxx@localhost/apachexxxlogs
LogSQLCreateTables on
LogSQLDBParam socketfile /tmp/mysql.sock
LogSQLTransferLogTable access_log

#httpd.confここまで

#テスト
/usr/sbin/apachectl configtest
#再起動
/usr/sbin/apachectl restart
投稿者 tato : 23:41

2007年10月02日

【MT】Ajaxで動的に最新記事のデータを取得し、ツリーメニューを生成する

Ajax 】 , JavaScript 】 , Movable Type 】 , MySQL 】 , Yahoo! UI 】 , jslb_ajax ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


ここまで来たら、ほぼ今までの組合わせだけで、Mobable Typeを経由せずにAjaxで動的な出力インターフェイスをとりあえず作れる、ということだけ確認してみます。

ページ構築後に、下に現れるボタンをクリックすると、動的にDBから最新データを受け取り、JavaScript側でツリーメニューに加工して出力します。

つまり、これを応用すれば、SQLへの問い合わせを取り換えるだけでさまざまなツリーメニューをダイナミックに作成することが可能になるはず、なわけです。



投稿者 tato : 19:26

【MT】MTのDBから最近10件分のentry_idを取得する

Ajax 】 , JavaScript 】 , Movable Type 】 , MySQL 】 , jslb_ajax ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


Mobable TypeのDBから動的に最近の10件分のエントリーIDとタイトルを取得します。

SQLはこんな感じ。6桁で0埋めして受け取ります。
SELECT  
LPAD(entry_id,6,'0') AS 'エントリーID' , entry_title
FROM mt_entry 
WHERE entry_blog_id = ブログID
    AND entry_status = 2 
    AND entry_author_id = 自分のID
ORDER BY entry_id DESC 
LIMIT 10;



ソースはこんな感じ。
<div id="1709"></div>

<script type="text/javascript" 
  src="http://jsgt.org/lib/ajax/051/jslb_ajax0512_c.js"  
  charset="utf-8"></script>

<input  type ="button" 
    value ="ID取得" 
    onclick="
  sendRequest( function (oj){

     var htm =''
              +'<table><tr><td>'
              +decodeURIComponent(oj.responseText)
              .split('\n').join('</td></tr><tr><td>')
              .split('\t').join('</td><td>')
              +'</td></tr></table>';
     document.getElementById('1709').innerHTML=htm;

  } ,'','GET','./junking2.php');"
><input  type ="button" 
         value    ="JavaScript側で加工してみる" 
         onclick ="
  sendRequest( function (oj){

     var path ='http://jsgt.org/mt/archives/01/',
         spx  ='.html',
         htm  ='',
         lists  =decodeURIComponent(oj.responseText).split('\n');

     for (var i=1;i<lists.length-1;i++)
       htm+='<a href=\''+path+lists[i].split('\t')[0]+spx+'\'>'
              +lists[i].split('\t')[1]+'</a><br>'

     document.getElementById('1709').innerHTML=htm;

  } ,'','GET','./junking2.php');">
投稿者 tato : 16:44

2005年11月16日

【MySQL】MySQL 5.0正式版リリース

MySQL ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


祝! 正式リリース MySQL 5.0/PostgreSQL 8.1
http://www.atmarkit.co.jp/fdb/rensai/dbwatch2005/dbwatch200511_2.html

MySQL 5.0 Downloads
http://dev.mysql.com/downloads/mysql/5.0.html
1.6.1. What's New in MySQL 5.0
http://dev.mysql.com/doc/refman/5.0/en/mysql-5-0-nutshell.html

投稿者 tato : 06:48 | トラックバック (0)

2005年10月31日

【MySQL】MySQL Activity Report

MySQL ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


MySQL Activity Report
http://gert.sos.be/en/projects/mysqlar/http://gert.sos.be/demo/mysqlar/

MySQLのレポートをとるツールです。デモのSELECT見ると圧倒的だなぁ、、、。AjaSQLはSELECTだけのLite版があっても良いかも(^^;?安心ですし。<そりゃ、アプリによりけり。

投稿者 tato : 16:04 | トラックバック (0)

2005年06月21日

【LAMP】LAMPってなん?

Ajax 】 , Linux 】 , MySQL 】 , PHP 】 , Perl 】 , SQLite ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


Internet上では、昔とは異なり、無数の言語が共通のI/O仕様やプロトコルの上でコミュニケーションするようになってきています。Ajaxもそうですが、この「LAMP」という命名もそういう流れかもしれません。

「LAMP」とは、ようするに、Linux,Apache,MySQL,+P(PHP,Perl,Python)なんだそうです。ま、日本人的には、BSDは?とか、PGSQLはどうよ?とか、私的には、SQLiteやAjaxもね?とか、いろいろありそうですが(^^;、、、なんにしても、これらが、驚くほど手軽で、しかも、かなり役に立つことは、確かです。

LAMPの挑戦を受けて立つマイクロソフト
http://japan.cnet.com/news/ent/story/0,2000047623,20084494,00.htm


LAMPとは、Linux OS、ウェブサーバのApache、データベースのMySQL、そしてスクリプティング言語のPHP、Perl、あるいはPythonの組み合わせを指す

注目集める「LAMP」--Javaや.NETに次ぐ第3の潮流になるか
http://japan.cnet.com/news/ent/story/0,2000047623,20084497,00.htm


 LAMPスタックの各コンポーネントは、どれも特別新しいものというわけではない。しかし、ベンダーやユーザー、ベンチャー投資家などは、そうしたコンポーネントの集合体(あるいは、同様のオープンソーススタック)を、ビジネスアプリケーション開発/稼働のための統合的なプラットフォームとして認識するようになってきた。

ここでいう「スタック」は、各層が別の層の上に重ねられているという、垂直的な構造を指すのではない。LAMPスタックは、組み合わせることで多様なWebアプリケーションを作ることができる基礎的なコンポーネントを、比較的柔軟な形で1つにまとめたものなのだ。
  :
 「.NETやJ2EEの世界では、最上位に君臨する1つの組織が決定を下している。良い決定が下される場合もあれば、そうでない場合もある」とMySQLのCEO、Marten Mickosは言う。「それに対し、LAMPには進化する力が備わっている。その結果、LAMPの世界では最高のコンポーネントだけが生き残る。これはソフトウェアに関する哲学の違いだ」(Mickos)

「LAMP」って何?――企業コンピューティングの新潮流なのか
http://hotwired.goo.ne.jp/nwt/050621/

投稿者 tato : 06:18 | トラックバック (0)

2005年06月03日

【Ajax】AjaSQLを作ろうっと

AjaSQL 】 , Ajax 】 , JSON 】 , JavaScript 】 , MySQL 】 , SQLite ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


 Ajaxはバックエンドでサーバーと通信できるわけですから、SQL処理に使うのは必然?という気がしてます。というわけ(自分の思いこみ)で、自分が欲しい機能を持った、フリーでAjaxなSQLツールを作ってみようと思います。

 目標 :
         
  • 1.JavaScriptからSQL文をAjax発行しJSONで受け取る。
            (たとえば、こんな感じ)
  •      
  • 2.MySQL,SQLiteは、デフォルトで使えるようにする(PGSQL他は後日)。
  •      
  • 3.各SQL言語の関数もJavaScriptから渡せるようにする。
  •      
  • 4.MySQL等の認証パスワードは、デフォルトではJavaScriptから送らない。
たとえば、、、
var sql="select * from table1 ;" sendSQLmitaina(sql)
 のように送信して、下記のようなJSONで受け取ります。
{ "id":"1", "name":"test", "msg":"test", "date":2005.05.04 13:16:30" }
投稿者 tato : 06:36 | トラックバック (0)

2004年07月02日

Movable Type でアクセスグラフ

JavaScript 】 , MySQL 】 , PHP 】 , jsGadget 】 , アクセスグラフ 】 , アクセスグラフ ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


Movable Type でPHPを埋め込む方法 がうまくいったので、アクセス推移をグラフにしてみました。アクセスのたびに生成しては有用性対負荷のコストパフォーマンスが悪いので1日の変わり目に1度だけ生成するようにしました。

あとはもっと種類を増やしてJavaScriptでさくさく閲覧できるようにいじれば出来上がりの予定。アクセスデータも今回作ったものは簡易なものなのでMySQLかSQLiteに保存するようにしようと思うですよ。 #完成したらここにまとめます。 

がしかし、、、

2004.7.10 「.htmlをPHP化すると重い...」ってことで、PHPとJavaScriptのハイブリッド版になりました。
アクセス推移
( 連続アクセス無効 && TOPページのみこのページのみ )

( 新-高速 ) PHPとJavaScriptのハイブリッド版

//画像生成とカウンターセット
<script charset="EUC-JP" src="http://jsgt.org/mt/01/cntx.php"></script>
<table><tr><td>
//画像表示
<img src="http://jsgt.org/mt/archives/01/cntgraph.png">
</td><td>
//カウンター表示
<script charset="EUC_JP" >
<!--
var msg1 ="今日は"+ d0+"人<br /> "
msg1 +="昨日は "+ d1+"人<br />"
msg1 +="2日前 "+ d2+"人<br />"
msg1 +="3日前 "+ d3+"人<br />"
msg1 +="4日前 "+ d4+"人<br />"
msg1 +="5日前 "+ d5+"人<br />"
msg1 +="6日前 "+ d6+"人<br />"
msg1 +="累計 "+ ruikei+"人<br />"
document.write(msg1)
//-->
</script>
</td></tr></table>


( 旧-低速 ) PHP埋め込み版

//画像生成とカウンターセット
<? include_once("/var/www/jsgt.org/html/mt/01/cnt.php"); ?>
<table><tr><td>
//画像表示
<img src="http://jsgt.org/mt/archives/01/cntgraph.png">
</td><td>
//カウンター表示
今日は<?echo $d0;?>人
昨日は <?echo $d1;?>人
2日前 <?echo $d2;?>人
3日前 <?echo $d3;?>人
4日前 <?echo $d4;?>人
5日前 <?echo $d5;?>人
6日前 <?echo $d6;?>人
累計 <?echo $ruikei;?>人
</td></tr></table>
投稿者 tato : 16:58 | トラックバック (0)
【info】有料サポート(ベータ)限定 承り中 多忙につき、一時、新規受付停止 閉店中 /【JSサポート(仮称)】 

【費用】 とりあえず、言い値で承ります。ただし、できる範囲での限定受付です。込み具合等によりお受けできない場合がありますのであらかじめご了承ください。サポートにご納得いただけなければ料金は不要です。 逆に感動したら多くても構いません(^^;;;。

【できること】 たとえば、かも日記で無料配布されているコードのカスタマイズや、あるいは、JavaScript/Ajax全般+Webサーバーとの連携などのアドバイス&サンプル作成等 。A:jQchartなどでWeb用グラフ設置(エクセル→CSVやデータベースからWebグラフ生成)などのアドバイスやカスタマイズサンプル作成。B:ツリーメニューなどのカスタマイズサンプル。C:Google Mapsのカスタマイズ。etc...

【できないこと】 腕立て伏せ200回

【ライセンス】 私が今まで「かも日記」等で提供してきたコードの大半は、商用利用、改造、自由、連絡不要で、今後もそれらは変わりません。そして、この有料サポートによりカスタマイズコードなどが提供される場合でも、同様に、それらを商用利用しても改造しても自由です。ただし、制限のきついライブラリなどを使う場合は、各ライブラリのライセンスに準拠せざるを得ない場合があります。

【jsgt.org関連 最新アクセス 10件 htmlファイルのみ 】(30秒更新/Max接続30分 リピートなし)