MOONGIFT: » 圧巻ï¼AJAX DHTMLã®ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリ「Timeplotã€:オープンソースを毎日紹介
グラフを作るニーズã¯å¤šã„。ã¾ãŸã€ãã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリも多種多様ã«å˜åœ¨ã—ã¦ã„る。PHPã‚„Javaãªã©ã®ãƒ—ãƒã‚°ãƒ©ãƒ 言語ã«ã‚ˆã‚‹ã‚‚ã®ã€JavaScriptã§ä½œã‚‹ã‚‚ã®ã€Flashã§ä½œã‚‹ã‚‚ã®ã¨ã„ã£ãŸå…·åˆã 。 ãã®ä¸ã«ã‚ã£ã¦ã€ã“ã‚Œã®å®Œæˆåº¦ã¯éžå¸¸ã«é«˜ã„。ã¾ã•ã«åœ§å€’ã•ã‚Œã¦ã—ã¾ã†ç¶ºéº—ã•ã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Timeplotã€AJAX+DHTMLã§ä½œã‚‰ã‚ŒãŸã‚°ãƒ©ãƒ•ä½œæˆãƒ©ã‚¤ãƒ–ラリã 。 Timeplotã¯å˜ç´”ãªäºŒæ¬¡å…ƒã®æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ç”¨ã®ãƒ©ã‚¤ãƒ–ラリã§ã€éžå¸¸ã«ç´°ã‹ãæç”»ãŒè¡Œã‚れる。特ã«ã‚°ãƒ©ãƒ•ã®ä¸Šã‚’マウスã§ãªãžã£ãŸæ™‚ã«å„数値ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ãŒç´ 晴らã—ã„。 åŒã˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®å¹´è¡¨ã‚’作り出ã™Timelineå½¢å¼ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã€‚å ´åˆã«ã‚ˆã£ã¦ä½¿ã„分ã‘ãŸã‚Šã€è¦‹ã›æ–¹ã‚’変ãˆãŸã‚Šã¨ä¾¿åˆ©ã«ä½¿ãˆãã†ã 。グラフã«å‚™è€ƒã‚’ã¤ã‘ã‚‹ã“ã¨ã‚‚ã§ãã€ç‰¹å®šã®å ´æ‰€ã‚’クリックã™ã‚‹ã¨èª¬æ˜Žæ–‡ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ サンプルã¯æ•°å¤šã登録ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€
MOONGIFT: » 超美麗ãªã‚°ãƒ©ãƒ•ã‚’æãJavaScriptライブラリ「WT Toolkitã€:オープンソースを毎日紹介
システム開発ã¯ä½•ã‚‰ã‹ã®å‡ºåŠ›ã‚’ã‚‚ã£ã¦å®Œçµã™ã‚‹ã€‚メールé€ä¿¡ã™ã‚‹å ´åˆã‚„ã€ç”»é¢å‡ºåŠ›ç‰ãŒã‚る。æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ç³»ã§ã‚ã‚Œã°ã€å¸³ç¥¨ã‚„一覧表も考ãˆã‚‰ã‚Œã‚‹ã€‚ãã®ä¸ã§ã‚ˆãè¦æœ›ã«æŒ™ãŒã‚‹ã®ãŒã‚°ãƒ©ãƒ•è¡¨ç¤ºã ã‚ã†ã€‚ グラフ用ã®ãƒ©ã‚¤ãƒ–ラリを導入ã—ãŸã‚Šã€è¡¨ç¤ºã®ãƒ—ãƒãƒƒãƒˆãŒé¢å€’ã ã£ãŸã‚Šã—ã¦ã€æœ€çµ‚çš„ã«ã¯è¡¨è¨ˆç®—ソフトウェアã«é€ƒã’ã¦ã—ã¾ã†ã“ã¨ãŒå¤šã„。既å˜ãƒ‡ãƒ¼ã‚¿ã¸ã®ã‚°ãƒ©ãƒ•è¡¨ç¤ºæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã®ã«JavaScriptã¨ã„ã†é¸æŠžè‚¢ã¯ã„ã‹ãŒã ã‚ã†ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯WT Toolkitã€ã‚°ãƒ©ãƒ•è¡¨ç¤ºã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ãƒªãƒƒãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æä¾›ã™ã‚‹JavaScriptライブラリã 。 ã¾ãšã¯ä½•ã¨ã„ã£ã¦ã‚‚グラフ表示機能ã ã‚ã†ã€‚デモã§è¦‹ã‚‰ã‚Œã‚‹ã®ã¯3D円グラフã€æ£’グラフã•ã‚‰ã«ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆãªã©ã€‚ã©ã‚Œã‚‚Webブラウザ上ã§å‹•çš„ã«å¤‰æ›´ã§ãる。ãŸã ã—日本語ã¯ã‚°ãƒ©ãƒ•ä¸Šã¯æ–‡å—化ã‘ã™ã‚‹ã®ã§ã”注æ„ã„ãŸã ããŸã„。 ä»–ã«ã‚‚ツリービューや表計算風シートã®
æ°—ã«ãªã£ãŸã®ã§ã¾ã¨ã‚（添削よã‚ã—ã） (#1137421) | Fortifyã€Ajaxã®ã‚»ã‚ュリティå•é¡Œã«è¦é˜ | スラド
å‰æ JSONã§ãƒ‡ãƒ¼ã‚¿ã‚’ã‚„ã‚Šã¨ã‚Šã—ã¦ã„る。 データä¸ã«ç§˜å¯†æƒ…å ±ãŒå«ã¾ã‚Œã‚‹ã€‚ 影響 ç§˜å¯†æƒ…å ±ãŒç›—ã¾ã‚Œã‚‹ã€‚ 攻撃シナリオ JSONを使用ã—ã¦ã„るサイトã«ã‚ˆã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãŒèªè¨¼ã•ã‚Œã‚‹ã€‚ èªè¨¼çŠ¶æ…‹ã«ã‚るユーザãŒæ‚ªæ„ã‚るサイトを訪れる。 悪æ„ã‚るサイトã«è¨ç½®ã•ã‚ŒãŸJavaScriptã«ã‚ˆã‚Šã€JSONデータãŒç›—ã¾ã‚Œã‚‹ã€‚ 回é¿ç– (サーãƒã‚µã‚¤ãƒ‰)HTTP REFERERã‚’ãƒã‚§ãƒƒã‚¯ã—ã€æœŸå¾…ã—ãŸãƒ‰ãƒ¡ã‚¤ãƒ³ã§ãªã„ã¨ãã¯ãƒ‡ãƒ¼ã‚¿ã‚’é€å‡ºã—ãªã„。 (サーãƒã‚µã‚¤ãƒ‰ï¼‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰)JSONデータã«ç´°å·¥ã‚’æ–½ã—ã€<script src="JSONã®URL">ã§èªã¿è¾¼ã‚“ã ã¨ãã«æ£ã—ã動作ã—ãªã„よã†ã«ã™ã‚‹ã€‚ JSONã‚’ã‚„ã‚ã¦XMLã«ã™ã‚‹ã€‚ ユーザã¨ã—ã¦ã®å›žé¿ç– ä¿¡é ¼ã§ãるサイトã§ã®ã¿JavaScriptを使用ã™ã‚‹ã‚ˆã†ã«ãƒ–ラウザをè¨å®šã™ã‚‹ã€‚ ＃ ã“ã®ç¨‹åº¦ã«JavaScript Hijackingã¨å付ã‘ã‚‹ã®ã¯ç¾Šé 狗肉ã«æ€ãˆã‚‹ã€‚
Yahoo! UI Library 2.2.0 リリース: ã‚ã‚‹ SE ã®ã¤ã¶ã‚„ã
YUI Version 2.2.0 Released(Ajaxian) JavaScriptã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆé›†ã§ã‚ã‚‹ã€Yahoo! UI Library ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.2.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã¨ã®ã“ã¨ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã€0.12.2 ã‹ã‚‰ 2.2.0 ã¸ã®å¤§å¹…アップã§ã™ãŒã€èˆˆå‘³æ·±ã„機能ã¯ã€ã€ŒBrowser History Managerã€ã¨ã€ŒDataTable Controlã€ã§ã™ã€‚ â—†Browser History Manager Browser History Manager ã¯ã€Ajaxã§ç”»é¢æ“作をã—ã¦ã„ã‚‹ã®ã«ã€æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§æ“作å‰ã®çŠ¶æ…‹ã«æˆ»ã‚Œã‚‹æ©Ÿèƒ½ã§ã™ã€‚ スナップショットを見るã¨è‰¯ã分ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ・最åˆã®ç”»é¢ ・"ipsum"タブクリック後 ・戻るボタンクリック後 Ajaxアプリケーションã®æ¬ 点ã¨ã—ã¦ã€æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§ä»¥å‰ã®æ“作ã«æˆ»ã‚Œãªã„ã“ã¨ãŒã‚ã‚Šã¾ã—ãŸãŒã€ãã®æ¬ 点を解消ã—ãŸã‚ˆã†
ソースã®è‰²ã¥ã‘を復活 | js | site | prog - 氾濫原
pre ã ã‘色付ã‘ã™ã‚‹ã‚ˆã†ã«ã—ãŸã€‚ å‰ã« Pure JavaScript ã§è‰²ã¤ã‘ã¦ã„ãŸã“ã¨ãŒã‚ã£ãŸã‘ã©ã€ã‚ã‹ã‚‰ã•ã¾ã«ãƒ–ラクラã ã£ãŸã€‚ã§ã€ãªã‚“ã¨ãªãæ€ã„ã¤ã„ãŸã®ã§ã‚‚ã£ã‹ã„別ã®æ–¹æ³•ã§å®Ÿè£…ã—ã¦ã¿ãŸã€‚ ãªã‚“ã¦ã„ã†ã‹éžå¸¸ã«ãƒãƒ¼ãƒ†ã‚¯ã¨ã„ã„ã¾ã™ã‹ä»–力本願ãªæ–¹æ³•ã§ã—ã¦ã€PEAR::Text_Hightlighter ã« Ajax ã§ä¸¸æŠ•ã’ã¨ã„ã†ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã§ã”ã–ã„ã¾ã™ã§ã™ã€‚ <?php header("content-type: text/xml"); require_once 'Text/Highlighter.php'; require_once 'Text/Highlighter/Renderer/Html.php'; $options = array( 'numbers' => HL_NUMBERS_LI, 'tabsize' => 4, ); $renderer =& new Text_Hi
Ajaxを勉強ã—よã†
ã“ã®ãƒšãƒ¼ã‚¸ã¯Ajaxを勉強ã—ã¦ã¿ãŸã„人å‘ã‘ã®å¦ç¿’用ページã§ã™ã€‚サーãƒãƒ¼ã‚’入れ替ãˆãŸãŸã‚一部CGIを使用ã—ãŸã‚‚ã®ãŒå‹•ä½œã—ã¦ã„ã¾ã›ã‚“。時間ã®ã‚る時ã«ä¿®æ£ã—ã¾ã™ã€‚ã¾ãŸã€æ›¸ã„ã¦ã‹ã‚‰ã€ã‹ãªã‚Šæ™‚é–“ãŒçµŒéŽã—ã¦ã„ã‚‹ãŸã‚内容的ã«å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ã”了承ãã ã•ã„。 Ajaxã§åˆ©ç”¨ã•ã‚Œã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«é–¢ã—ã¦ã¯åˆ¥ãƒšãƒ¼ã‚¸(Ajax Effect)ã«ç§»å‹•ã—ã¾ã—ãŸã€‚ Ajax関連書ç±ã«é–¢ã—ã¦ã¯Ajax関連書ç±ä¸€è¦§ãƒšãƒ¼ã‚¸ã‚’用æ„ã—ã¾ã—ãŸã€‚ Prototype系ライブラリ サンプルプãƒã‚°ãƒ©ãƒ ã€New !!】ã®ãƒšãƒ¼ã‚¸ã‚’用æ„ã—ã¾ã—ãŸã®ã§ã€Prototypeç³»ã®ãƒ©ã‚¤ãƒ–ラリを利用ã—ã¦ã„ã‚‹æ–¹ã¯å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„。 ミスや間é•ã„ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@po.shiojiri.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ ç¬¬ä¸€ç« ã€€Ajaxã£ã¦ï¼Ÿ Ajaxã¨RIA Ajaxã¨DHTML Ajaxã¨Flash Ajaxã«å¿…è¦ãªçŸ¥è˜ã¨æŠ€è¡“ Aja
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScriptã§ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ （jsProgressBarHandler） - youmos
IBM Developer
{{#tags}}- {{label}}
{{/tags}}