TOKI WOKI. Scroll ClockTOKI WOKI. Visual, dev, music, more.
ãƒã‚¤ãƒ†ãƒ³ã‚·ãƒ§ãƒ³Ajax入門 - 三ç‰å…µ
JSãŒå°‘ã—ã§ãる人ãªã‚‰ã†ã˜ã†ã˜è€ƒãˆã‚‹ã»ã©ã®ã“ã¨ã‚‚ã§ã‚‚ãªã„ï¼ ä½•ã‚‚é›£ã—ã„ã“ã¨ã¯ãªã„ï¼ã¶ã£ã¨ã‚“ã¢ã¾ã„ãªã‚ˆï¼ãƒ’ャッパーï¼ï¼ï¼ ã¨ã„ã†ãƒŽãƒªã§Ajaxã‚’å¦ã‚“ã§ã¿ã¾ã—ãŸã€‚醜ã„ã§ã™ã€‚ Ajax入門 Ajaxã¯ã„ã‚ã„ã‚ã§ãã‚‹ã‚“ã ãœï¼ 以上入門終りï¼ã‚ミã¯å®Œç’§ã ï¼æ¬¡ã„ã‘ï¼ Ajaxã¯éžåŒæœŸé€šä¿¡ã ã‹ãªã‚“ã ã‹ãã‚“ãªã‚‚ã‚“ã¯ã©ã†ã§ã‚‚ã„ã„ã‚“ã ï¼ ã©ã†ã§ã‚‚ã„ã„ï¼ãã‚“ãªã“ã¨ã‚ˆã‚Šã‚‚XMLHttpRequestオブジェクト生æˆï¼ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
JavaScript/DOM » イベント » JavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ä¸€è¦§ | PHP & JavaScript Room
onBlurï¼onFocusイベントを指定ã§ãã‚‹è¦ç´ ã¯ã€aè¦ç´ ã€areaè¦ç´ ã€labelè¦ç´ ã€inputè¦ç´ ã€selectè¦ç´ ã€textareaè¦ç´ ã€buttonè¦ç´ ã®ã¿ã§ã™ã€‚ onBlurã®ä½¿ç”¨ä¾‹ テã‚ストボックスã‹ã‚‰ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå¤–ã‚ŒãŸæ™‚ã«ã€æ•°å€¤ãƒã‚§ãƒƒã‚¯ <script type="text/javascript"> function isRegNum(obj){ /* 入力値 */ var str=obj.value; /* 数値以外ã®æ–‡å—列ãŒå«ã¾ã‚Œã¦ã„ãŸå ´åˆ */ if(str.match(/[^0-9]/g)){ /* アラート表示 */ alert (str.match(/[^0-9]/g)+'\n\nå¹´é½¢ã¯åŠè§’数値ã§å…¥åŠ›ã—ã¦ä¸‹ã•ã„'); /* テã‚ストボックスを空ã«ã™ã‚‹ */ obj.value=""; return false; } } </sc
ã€HTMLã‚¿ã‚°ã®ç°¡å˜æ¤œç´¢ã€‘TAG index - ホームページ作æˆæƒ…å ±
ページ全般 ボックス テã‚スト リンク リスト イメージ テーブル フレームフォームフィルタ CSSã®åŸºæœ¬ CSSプãƒãƒ‘ティ一覧［ABCé †ï¼½ リファレンスã«ã¤ã„㦠HTML リファレンス HTML Living Standardã«å¯¾å¿œã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ HTMLã‚¿ã‚° リファレンス HTML4ã®æ™‚代ã«ä½œæˆã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚å¤ã„Webページを更新ã™ã‚‹éš›ãªã©ã«å‚考ã«ã—ã¦ãã ã•ã„。 CSS リファレンス CSS2ã®æ™‚代ã«ä½œæˆã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ 特集記事 レンタルサーãƒãƒ¼ã®é¸ã³æ–¹ ～ 厳é¸ãŠã™ã™ã‚サーãƒãƒ¼ã‚’比較紹介 レンタルサーãƒãƒ¼ã®å®¹é‡ã¯ã©ã®ãらã„å¿…è¦ã‹ ～ 計算方法ã¨ç›®å®‰ã‚’解説
第4回　DOMスクリプティングã®ã“ã¨ã¯ã˜ã‚(2) ～ã“ã‚Œã¯ã©ã‚“ãªè¦ç´ ？～
å‰å›žã§ã¯HTML内ã«å˜åœ¨ã™ã‚‹è¦ç´ ã‚’å‚ç…§ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¦ãã¾ã—ãŸã€‚今回ã¯ï¼Œå‚ç…§ã—ãŸè¦ç´ ã®ã‚¿ã‚°åやテã‚スト，属性を調ã¹ã‚‹æ–¹æ³•ã‚’紹介ã—ã¦ãã¾ã™ã€‚ 次ã®ã‚µãƒ³ãƒ—ルHTMLを使ã£ã¦ï¼Œãã‚Œãžã‚Œã®æ–¹æ³•ã‚’見ã¦ã„ãã¾ã—ょã†ã€‚ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>W3C Document Object Model</title> </head> <body> <!-- ã“ã‚Œã¯ã‚µãƒ³ãƒ—ルã§ã™ã€‚ --> <h2 original="独自ã®å±žæ€§">Doc
DOM（Document Object Model）ã®åŸºæœ¬
サイトやブãƒã‚°ã‚’JavaScriptを使ã£ã¦å‹•ãã®ã‚るページã«ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§è¦‹æ „ãˆè‰¯ã装飾ã—ã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ コピーã—ã¦ã”自由ã«ã”利用ãã ã•ã„。 DOM（Document Object Model）ã¨ã¯ JavaScriptã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã‹ã‚‰ï¼Œ HTML/XML文書ã«ã‚¢ã‚¯ã‚»ã‚¹ã—㦠ãれをæ“作ã™ã‚‹æ–¹æ³•ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ DOMã§ã¯ã€HTML/XML文書ã®ã™ã¹ã¦ã®è¦ç´ ã¯ãƒŽãƒ¼ãƒ‰ã¨å‘¼ã°ã‚Œã‚‹ã‚ªãƒ–ジェクトã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ãƒŽãƒ¼ãƒ‰ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒ è¦ç´ ノード (element node)ã€ãƒ†ã‚ストノード (text node)ã€å±žæ€§ãƒŽãƒ¼ãƒ‰ (attribute node)㮠３ツã®ãƒŽãƒ¼ãƒ‰ãŒåŸºæœ¬ã§ã™ã€‚ DOMã¨javaScriptã®é–¢é€£ã«ã¤ã„ã¦ã¯The DOM and JavaScript ã‚’å‚考ã«ã—ã¦ãã ã•ã„。 ãƒãƒªãƒãƒƒãƒ—ï¼ãªã‚‰åˆå¿ƒè€…ã§ã‚‚å®‰å¿ƒï¼ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ç°¡å˜ä½œæˆã€€ã€Œãƒ›ãƒ ペ
第3回　DOMスクリプティングã®ã“ã¨ã¯ã˜ã‚(1) ～è¦ç´ （タグ）を狙ã„æ’ƒã¡ï½ž
DOMスクリプティングã§å‹•çš„ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’与ãˆã‚‹ãŸã‚ã«ã¯ï¼Œã¾ãšHTML上ã«å˜åœ¨ã™ã‚‹è¦ç´ ã‚’JavaScriptã‹ã‚‰ç‰¹å®šã§ããªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。ã“ã“ã§ã¯DOMã§è¦å®šã•ã‚Œã¦ã„ã‚‹å„種手法を解説ã—ã¦ã„ãã¾ã™ã€‚ DOMを使ã£ã¦HTMLã®ç‰¹å®šã®è¦ç´ ã‚’å‚ç…§ã™ã‚‹ãŸã‚ã«ï¼Œæ¬¡ã®ä¸‰ã¤ã®ãƒ¡ã‚½ãƒƒãƒ‰ã®ã„ãšã‚Œã‹ã‚’使ã„ã¾ã™ã€‚ document.getElementById('id属性値'); document.getElementsByTagName('è¦ç´ ã€ã‚¿ã‚°ã€‘å'); document.getElementsByName('name属性値'); 実ã¯HTML全体ã‹ã‚‰ç‰¹å®šã®è¦ç´ ã‚’å‚ç…§ã™ã‚‹ãŸã‚ã«åˆ©ç”¨ã§ãるメソッドã¯ï¼Œã“れら三ã¤ã—ã‹ã‚ã‚Šã¾ã›ã‚“。ãŸã£ãŸã“ã‚Œã ã‘を覚ãˆã¦ãŠãã ã‘ã§ï¼Œè‡ªç”±è‡ªåœ¨ã«ç‰¹å®šã®è¦ç´ ã«ãŸã©ã‚Šç€ãã“ã¨ãŒã§ãã¾ã™ã€‚ 次ã®HTMLを例ã«ï¼Œãã‚Œãžã‚Œã®ãƒ¡ã‚½ãƒƒãƒ‰ã®ä½¿ã„方を見ã¦ã„ãã¾ã—ょã†ã€‚ <!DOCTYPE html
Web ブラウザã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»é¢ã‚’直接編集ã™ã‚‹æ–¹æ³•
ã“ã‚Œã¯ã™ã”ã„。Web ブラウザã®ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«ä»¥ä¸‹ã‚’入力㗠Enter ã™ã‚‹ã¨ã€ 今表示ã•ã‚Œã¦ã„る内容を直接編集ã§ãる。Firefox 3.0.14 㨠IE8 ã§å‡ºæ¥ ã‚‹ã“ã¨ã‚’確èªã—ãŸã€‚ javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»é¢ã‚’直接編集ã™ã‚‹æ–¹æ³• - sanonosa　システム管ç†ã‚³ãƒ©ãƒ 集 追記(2009-10-04): 戻ã™æ–¹æ³•ã¯ãªã„ã‚‚ã®ã‹ãªã‚。‘false’ 㨠‘off’ ã§ã¯å‡ºæ¥ãªã‹ã£ãŸã€‚ 追記(2009-10-17): 「戻ã™æ–¹æ³•ã€ã¨ã„ã†ã®ã¯ã€ã€Œç·¨é›†ãƒ¢ãƒ¼ãƒ‰ã‹ã‚‰é–²è¦§ãƒ¢ãƒ¼ãƒ‰ã«æˆ»ã™æ–¹æ³•ã€ã®ã“ ã¨ã§ã™ã€‚端折ã£ãŸæ›¸ãæ–¹ã§ã™ã¿ã¾ã›ã‚“ã§ã—ãŸã€‚ã‚‚ã†å°‘ã—楽ãªæ–¹æ³•ãŒè¦‹ã¤ã‹ã£ ãŸã®ã§ã€ä»¥ä¸‹ã«è¿½è¨˜ã—ã¾ã™ã€‚ IE ã§ã¯ã€ä»¥ä¸‹ã‚’入力㗠Enter
ã€ã‚¤ãƒ³ãƒ•ã‚©ã‚·ãƒ¼ã‚¯ã€‘Infoseek ： 楽天ãŒé‹å–¶ã™ã‚‹ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
æ—¥é ƒã‚ˆã‚Šæ¥½å¤©ã®ã‚µãƒ¼ãƒ“スをã”利用ã„ãŸã ãã¾ã—ã¦ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ サービスをã”利用ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã¨ã“ã‚大変申ã—訳ã”ã–ã„ã¾ã›ã‚“ãŒã€ç¾åœ¨ã€ç·Šæ€¥ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’è¡Œã‚ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ ãŠå®¢æ§˜ã«ã¯ã€ç·Šæ€¥ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã«ã‚ˆã‚Šã€ã”迷惑をãŠã‹ã‘ã—ã¦ãŠã‚Šã€èª ã«ç”³ã—訳ã”ã–ã„ã¾ã›ã‚“。 メンテナンスãŒçµ‚了次第ã€ã‚µãƒ¼ãƒ“スを復旧ã„ãŸã—ã¾ã™ã®ã§ã€ 今ã—ã°ã‚‰ããŠå¾…ã¡ã„ãŸã ã‘ã¾ã™ã‚ˆã†ã€ãŠé¡˜ã„申ã—上ã’ã¾ã™ã€‚
ã€ã‚¤ãƒ³ãƒ•ã‚©ã‚·ãƒ¼ã‚¯ã€‘Infoseek ： 楽天ãŒé‹å–¶ã™ã‚‹ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
æ—¥é ƒã‚ˆã‚Šæ¥½å¤©ã®ã‚µãƒ¼ãƒ“スをã”利用ã„ãŸã ãã¾ã—ã¦ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ サービスをã”利用ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã¨ã“ã‚大変申ã—訳ã”ã–ã„ã¾ã›ã‚“ãŒã€ç¾åœ¨ã€ç·Šæ€¥ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’è¡Œã‚ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ ãŠå®¢æ§˜ã«ã¯ã€ç·Šæ€¥ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã«ã‚ˆã‚Šã€ã”迷惑をãŠã‹ã‘ã—ã¦ãŠã‚Šã€èª ã«ç”³ã—訳ã”ã–ã„ã¾ã›ã‚“。 メンテナンスãŒçµ‚了次第ã€ã‚µãƒ¼ãƒ“スを復旧ã„ãŸã—ã¾ã™ã®ã§ã€ 今ã—ã°ã‚‰ããŠå¾…ã¡ã„ãŸã ã‘ã¾ã™ã‚ˆã†ã€ãŠé¡˜ã„申ã—上ã’ã¾ã™ã€‚
データ ＆ アナリティクス | アクセンãƒãƒ¥ã‚¢
データ分æžã‹ã‚‰å°Žã出ã•ã‚ŒãŸã‚¤ãƒ³ã‚µã‚¤ãƒˆç„¡ã—ã«AI（人工知能）ã®æ´»ç”¨ã¯å§‹ã¾ã‚Šã¾ã›ã‚“。ç§ãŸã¡ã¯ã€å„æ¥ç•ŒçŸ¥è˜ã¨ãƒ‡ãƒ¼ã‚¿ãƒ»ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹æŠ€è¡“を駆使ã—データドリブン経営を強力ã«æ”¯æ´ã—ã¾ã™ã€‚ データã€ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã€AIã¯ä¼æ¥ã«ã¨ã£ã¦ç«¶åˆä»–社ã¨ã®å·®åˆ¥åŒ–を図るã‹ã¤ã¦ãªã„ã»ã©å¤§ããªè¦å› ã«ãªã£ã¦ã„ã¾ã™ã€‚今日ã®çµŒå–¶å¹¹éƒ¨ãŒåŠ¹çŽ‡ã‚’å‘上ã—ãªãŒã‚‰æ–°ãŸãªåŽç›Šæºã‚’é–‹æ‹“ã—ã€æ–°ã—ã„ビジãƒã‚¹ãƒ¢ãƒ‡ãƒ«ã‚’タイムリーã«æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã‚’模索ã™ã‚‹ä¸ã€ä¾¡å€¤ã‚’生ã¿å‡ºã—æˆé•·ã‚’続ã‘ã‚‹ä¼æ¥ã«ã¯ã€Œãƒ‡ãƒ¼ã‚¿æ´»ç”¨ã€ã¨ã„ã†å…±é€šé …ãŒã‚ã‚Šã¾ã™ã€‚ç§ãŸã¡ã¯ã€ç„¡æ•°ã®ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ä¼æ¥ã«ã¨ã£ã¦æœ¬å½“ã«å¿…è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’活用ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’知ã£ã¦ã„ã¾ã™ã€‚ å°†æ¥ã‚’見æ®ãˆãŸã‚ªãƒšãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ä½“制を備ãˆã¦ã„ã‚‹ä¼æ¥ã®åŠæ•°ä»¥ä¸Šï¼ˆ52％）ã¯ã€ã™ã§ã«ãƒ‡ãƒ¼ã‚¿ã¨ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã‚’大è¦æ¨¡ã«æ´»ç”¨ã—ã¦ã„ã¾ã™ã€‚データã¨AIã«é–¢ã™ã‚‹å–り組ã¿ã‚’ビジãƒã‚¹æˆ¦ç•¥ã«æ²¿ã£ã¦å®Ÿæ–½ã™ã‚‹ã“ã¨ã§æŠ•è³‡åˆ©ç›ŠçŽ‡ã‚’迅速ã«æœ€å¤§åŒ–ã—ã€æœ€çµ‚çš„ã«ã¯AIをビ
Googleã®ãƒˆãƒƒãƒ—ページを開ãã¨æ¯Žç§’100回JavaScriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã‚ˆ - å°„æ’ƒã—ã¤ã¤å‰è»¢ 改
FirefoxãŒCPUを常ã«15%ãらã„食ã†ã®ãŒæ°—ã«ãªã£ã¦ã„ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€Googleã®ãƒˆãƒƒãƒ—ページを開ãã¨ã‚‚ã®ã™ã”ã„å‹¢ã„ã§JavaScriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚具体的ã«ã¯ã€var k=t.value;k!=h&&X(0);h=k ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ãŒæ¯Žç§’100回実行ã•ã‚Œã¦ã„る。ã“ã®ã›ã„ã§ã€è‡ªåˆ†ã®ä½¿ã£ã¦ã„ã‚‹PCã ã¨ã€Googleã®ãƒˆãƒƒãƒ—ページを開ãã ã‘ã§CPU使用率ãŒ2%ãらã„上ãŒã£ã¦ã„るよã†ã 。Firefox特有ã®å•é¡Œã¨ã„ã†ã‚ˆã‚Šã¯ã€ã‚¦ã‚§ãƒ–ページå´ã®ä½œã‚Šæ–¹ã«ä¾ã‚‹ã‚‚ã®ã¿ãŸã„ã 。ãŸã¶ã‚“ä»–ã®ãƒ–ラウザã§ã‚‚å•é¡Œã¯å¤‰ã‚らãªã„ã ã‚ã†ã€‚ Googleã®ãƒˆãƒƒãƒ—ページã®å ´åˆã€ã‚³ãƒ¼ãƒ‰ã‚’調ã¹ã¦ã¿ãŸé™ã‚Šã§ã¯ã€åŽŸå› ã¯ã©ã†ã‚‚検索候補ã®è‡ªå‹•è£œå®Œç”¨ã®ã‚³ãƒ¼ãƒ‰ã¿ãŸã„ã 。ç¾åœ¨ã®å…¥åŠ›æ–‡å—列ãŒéŽåŽ»ã®è¨˜éŒ²ã¨é•ã£ãŸã‚‰è£œå®Œã®æ示をやり直ã™ã€ã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„るよã†ã«è¦‹ãˆã‚‹ã€‚ HTMLã§ã¯ãƒ†ã‚ストボックス内ã®ãƒ†ã‚ストãŒå¤‰æ›´ã•ã‚Œ
jQueryã‚’èªã‚€ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„6ã¤ã®çŸ¥è˜ : tech.kayac.com - KAYAC engineers' blog
å¤ä¼‘ã¿ã¯ã‚¿ã‚¤å¤å¼ãƒžãƒƒã‚µãƒ¼ã‚¸ã‚»ãƒŸãƒŠãƒ¼ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚agoã§ã™ã€‚ 先週日曜日若手IT勉強会ã«å‚åŠ ã•ã›ã¦ã„ãŸã ãã€jQueryã®ã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ãã¾ã—ãŸã€‚ ãã“ã§jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã¨ãã®åŸºç¤ŽçŸ¥è˜ã«é–¢ã—ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 変数ã®è¤‡æ•°åŒæ™‚宣言ã¨ä»£å…¥ ã¾ãšã€JSã§ã¯å¤‰æ•°ã®å®£è¨€ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå½¢å¼ã§è¡Œã„ã¾ã™ã€‚ var hoge; ã“ã®å ´åˆã¯å˜ä¸€ã®å¤‰æ•°ã®å®£è¨€ã§ã™ãŒã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã‚’è¡Œã†ã¨è¤‡æ•°ã®å¤‰æ•°ã‚’åŒæ™‚ã«å®£è¨€ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ var hoge, huga; ã¾ãŸã€å¤‰æ•°å®£è¨€ã¨åŒæ™‚ã«å€¤ã®ä»£å…¥ã‚’è¡Œã†ã“ã¨ã‚‚å¯èƒ½ã§ã€ãã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã«ãªã‚Šã¾ã™ã€‚ var hoge = 'test'; ã•ã‚‰ã«è¤‡æ•°ã®å¤‰æ•°å®£è¨€ã¨ã€å€¤ã®ä»£å…¥ã¯åŒæ™‚ã«è¡Œã†ã“ã¨ãŒå¯èƒ½ã§ã€ãã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã«ãªã‚Šã¾ã™ã€‚ var hoge = 'test1', huga = 'test2'; jQuery
JavaScript ã§ãƒ†ãƒˆãƒªã‚¹ã¿ãŸã„ãªã‚²ãƒ¼ãƒ を作ã‚ã†ï¼ - ã‚»ã‚ュリティ＆プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚ャンプ JavaScript 入門講座資料
HTML ã¨ã¯ HTML ã¨ã¯ã€èª¤è§£ã‚’æã‚Œãšã«è¨€ã£ã¦ã—ã¾ã†ã¨ã‚¦ã‚§ãƒ–ページ（ホームページ）を作るãŸã‚ã«ä½¿ã‚ã‚Œã¦ã„る言語ã§ã™ã€‚ 例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ãŒ HTML ã§ã™ã€‚ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出ã—</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ãƒã‚¤ãƒ‘ーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧ãã¾ã—ãŸã‹ï¼Ÿ ã§ã¯ã€ä½•æ•… HTML ã¨ã„ã†
Canvas tutorial - MDC
ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ã€ <canvas> è¦ç´ を使用ã—ã¦äºŒæ¬¡å…ƒã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æç”»ã™ã‚‹æ–¹æ³•ã‚’ã€åŸºæœ¬ã‹ã‚‰èª¬æ˜Žã—ã¾ã™ã€‚ã“ã“ã§ã®ä¾‹ã¯ã€ã‚ャンãƒã‚¹ã§ä½•ãŒã§ãã‚‹ã‹ã‚’明確ã«ç¤ºã™ã‚‚ã®ã§ã‚ã‚Šã€ç‹¬è‡ªã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作æˆã™ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ <canvas> 㯠HTML ã®è¦ç´ ã§ã‚ã‚Šã€ã‚¹ã‚¯ãƒªãƒ—ト（ãµã¤ã†ã¯ JavaScript）を使ã£ã¦ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æãã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã‚Œã¯ä¾‹ãˆã°ã€ã‚°ãƒ©ãƒ•ã‚’æã„ãŸã‚Šã€å†™çœŸã‚’åˆæˆã—ãŸã‚Šã€ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作æˆã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <canvas> 㯠Apple ㌠macOS Dashboard ã®ãŸã‚ã« WebKit ã«åˆã‚ã¦å°Žå…¥ã—ãŸå¾Œã€ãƒ–ラウザーã«å®Ÿè£…ã•ã‚Œã¾ã—ãŸã€‚ç¾åœ¨ã¯ã€ã‚らゆる主è¦ãƒ–ラウザーãŒå¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ <canvas> を使ã†ã®ã¯ãã‚Œã»ã©é›£ã—ãã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ HTML 㨠JavaScript ã®åŸºæœ¬çš„ãªç†è§£ãŒå¿…è¦ã§ã™ã€‚一部ã®
InputDrawã®ä½¿ã„ã‹ãŸ — Papasan's Home
HTMLã®è¨˜è¿° HTMLã®<head>ã‹ã‚‰</head>ã®é–“ã«æ¬¡ã®ã‚ˆã†ãªè¨˜è¿°ã‚’追記ã—ã¦ãã ã•ã„。: <script type="text/javascript" src="http://ã‚ãªãŸã®ãƒ‰ãƒ¡ã‚¤ãƒ³å/swfobject.js"> </script> <script type="text/javascript" src="http://ã‚ãªãŸã®ãƒ‰ãƒ¡ã‚¤ãƒ³å/inputdraw.js"> </script> InputDrawã®è¨˜è¿°ä¾‹ InputDrawã®ã‚µã‚¤ãƒˆã¯è‹±èªžã§ã—ãŸã®ã§ç†è§£ã«è‹¦ã—む部分ãŒã‚ã‚Šã¾ã—ãŸã€‚自分ãªã‚Šã«è‰²ã€…ã¨è©¦ã—ã¦ã¿ã¾ã—ãŸã®ã§å¿˜ã‚Œãªã„よã†ã«ï¼ˆå¿˜ã‚Œã¦ã‚‚ã„ã„よã†ã«ï¼‰ãƒ¡ãƒ¢ã€‚ Drawerã®è¨˜è¿° Viewerã®è¨˜è¿°ï¼ˆSVGデータフィールド ã‹ã‚‰è¡¨ç¤ºã™ã‚‹å ´åˆï¼‰ Viewerã®è¨˜è¿°ï¼ˆSVGデータファイル ã‹ã‚‰è¡¨ç¤ºã™ã‚‹å ´åˆï¼‰ Viewerã®è¨˜è¿°ï¼ˆã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºã®å ´åˆï¼‰ Drawerã¨Vie
PHPã¨Flashã®ãƒ‡ãƒ¼ã‚¿ã®å—ã‘渡ã—ã§è³ªå•ã§ã™ã€‚ neko.swfã‹ã‚‰inu.phpã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—トをloadã—㦠inu.php内ã®å¤‰æ•°ã‚’èªã¿è¾¼ã¿ãŸã„ã®ã§ã™ãŒã€undefinedãŒè¿”ã£ã¦æ¥ã¦ã—…
PHPã¨Flashã®ãƒ‡ãƒ¼ã‚¿ã®å—ã‘渡ã—ã§è³ªå•ã§ã™ã€‚ neko.swfã‹ã‚‰inu.phpã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—トをloadã—㦠inu.php内ã®å¤‰æ•°ã‚’èªã¿è¾¼ã¿ãŸã„ã®ã§ã™ãŒã€undefinedãŒè¿”ã£ã¦æ¥ã¦ã—ã¾ã„ã¾ã™ã€‚ onLoadを使ã£ã¦èª¿ã¹ãŸæ‰€ã€phpã¸ã®ã‚¢ã‚¯ã‚»ã‚¹è‡ªä½“ã¯æˆåŠŸã—ã¦ã„るよã†ã§ã™ã€‚ ã¾ãŸã€inu.phpã‚’å˜ä½“ã§èªã¿è¾¼ã‚€ã¨ã€Œtest=5ã€ã‚’ç”»é¢ã«å‡ºåŠ›ã—ã¾ã™ã€‚ --------------- inu.phpã®ã‚½ãƒ¼ã‚¹ <?php echo("test=5"); ?> --------------- neko.swfã®AS stop(); neko = new LoadVars(); neko.onLoad = function (ok) { if(ok){ trace("èªè¾¼ã¿æˆåŠŸ"); trace("test=" + neko.test); gotoAndPlay(2); }else{ tra
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
dfltweb1.onamae.com – ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
http://sintarohtmlcss.com/JAVASCRIPT/text07.html
http://www.phatfusion.net/slider/
{{#tags}}- {{label}}
{{/tags}}