TOKI WOKI. Scroll ClockTOKI WOKI. Visual, dev, music, more.
今ã™ãã«ä½¿ãˆã‚‹ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 入力ãƒã‚§ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ラリ·Vanadium MOONGIFT
Webフォームã‹ã‚‰é£›ã‚“ã§ããŸå€¤ã«ã¤ã„ã¦ã€å…¥åŠ›ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã‚ãªã„ã¨ã„ã†ã“ã¨ã¯ã¾ãšãªã„ã ã‚ã†ã€‚æ•°å—ã®ã¨ã“ã‚ã«æ–‡å—列ãŒå…¥ã£ãŸã‚Šã€å¿…é ˆã®ã‚‚ã®ãŒå…¥ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã“ã¨ã¯ã‚ˆãã‚る。ã ã‹ã‚‰ã“ãサーãƒã‚µã‚¤ãƒ‰ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§ãƒã‚§ãƒƒã‚¯ã¯ã™ã‚‹ã®ã ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティを考ãˆã‚‹ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚‚入力ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã„ãŸã„。 リアルタイムã§è¡Œã‚れる入力ãƒã‚§ãƒƒã‚¯ 入力ãƒã‚§ãƒƒã‚¯ã®JavaScriptを作るã€ãªã‚“ã¦ã„ã†ã¨é¢å€’ãªæ„Ÿã˜ãŒã™ã‚‹ãŒVanadiumを使ãˆã°é–‹ç™ºè€…ã®æ–¹ã§ãªãã¨ã‚‚ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ãŒå®Ÿè£…ã§ãã¦ã—ã¾ã†ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Vanadiumã€jQueryを使ã£ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰å…¥åŠ›ãƒã‚§ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ラリã 。 Vanadiumã¯å…¥åŠ›é …ç›®ã®ã‚¯ãƒ©ã‚¹ã§ãƒã‚§ãƒƒã‚¯å†…容を指定ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„る。ãã®ãŸã‚Vanadiumã•ãˆèªã¿è¾¼ã‚ã°ã€HTMLを変更ã™ã‚‹ã ã‘ã§å…¥åŠ›ãƒã‚§ãƒƒã‚¯ãŒå®Ÿè£…ã§ãるよã†ã«ãªã‚‹ã€‚å…¥åŠ›å¿…é ˆã‚„
ã€ãƒã‚¦ãƒ„ー】ã‚ã®BBCãŒä½œã£ãŸè¶…実力派JavaScriptライブラリ"Glow"を徹底解剖ã™ã‚‹ (1) BBCãŒå…¬é–‹ã—ãŸJavaScriptライブラリã€ãã®åã¯ã€ŒGlow〠| エンタープライズ | マイコミジャーナル
英国放é€å”会(BBC)ã¯7月7æ—¥(英国時間)ã€JavaScriptライブラリ「Glowã€ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹1.5.1をリリースã—ãŸã€‚Glowã¯Apache Licence Version 2.0ã®ã‚‚ã¨ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€ã‚ªãƒ¼ãƒ—ンソースソフトウェアJavaScriptライブラリ。 Glowã®ç‰¹å¾´ã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ シンプルãªDOMã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ“作ãªã© ã•ã¾ã–ã¾ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆ(AutoSuggest, Carousel, Editor, InfoPanel, Overlay, Panel, Slider, Sortable, Timetable) 明快/豊富的ãªãƒ‰ã‚ュメント BBC Browser Support Standards[http://www.bbc.co.uk/guidelines/futuremedia/technical/browser_support.s
Webサイトã®ãƒžã‚¦ã‚¹æ“作をトラッã‚ングã™ã‚‹Â·simple mouse tracking MOONGIFT
Webサイトã®é‹å–¶ã¯å¤ç‹¬ã 。ユーザã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å¾—ã‚‹ã¨ã„ã†ã®ã¯ã‹ãªã‚Šé›£ã—ã„。対é¢å¼ã§ãªã„分ã€æ™‚間や地ç†çš„æ¡ä»¶ã«æŸç¸›ã•ã‚Œãªã„ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹åé¢ã€è¨ªå•è€…ãŒä½•ã‚’考ãˆã€ã©ã†ã„ã†å‹•ãã‚’ã—ã¦ã„ã‚‹ã®ã‹ã¨ã„ã£ãŸæƒ…å ±ãŒåˆ†ã‹ã‚‰ãšãƒ¦ãƒ¼ã‚¶ãƒ“リティã®æ”¹å–„ã¯å›°é›£ã 。 ユーザã®ãƒžã‚¦ã‚¹ã®å‹•ãをトラッã‚ングã™ã‚‹ ã ãŒãƒ‡ã‚¸ã‚¿ãƒ«ã ã‘ã«ä»•çµ„ã¿ã‚’ã†ã¾ã用ã„ã‚Œã°ã‚‚ã£ã¨ãƒ¦ãƒ¼ã‚¶ã®å‹•å‘ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯simple mouse trackingã€ãƒžã‚¦ã‚¹ã®è»Œè·¡ã‚’記録ã€å†ç¾ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。 simple mouse trackingã¯JavaScriptã¨PHPã§æä¾›ã•ã‚Œã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã€æŒ‡å®šã•ã‚ŒãŸJavaScriptタグを埋ã‚込むã“ã¨ã§å‹•ä½œã™ã‚‹ã€‚埋ã‚è¾¼ã¾ã‚ŒãŸWebサイトã§ãƒžã‚¦ã‚¹ã‚’å‹•ã‹ã™ã¨ãã®è»Œè·¡ãŒè¨˜éŒ²ã•ã‚Œã€ç®¡ç†ç”»é¢ã‹ã‚‰è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ å‹•ãを追ã£ã¦ã„ã‚‹ã¨ã“ã‚
iPhoneãŒJavaScript＋SQLiteã§GPSレコーダーã«ï¼ (1/5)
JavaScriptを使ã£ã¦GPSデータをå–å¾—ã§ãるよã†ã«ãªã£ãŸiPhone OS 3.0。å‰å›žã¯ã€ç¾åœ¨ã®ä½ç½®æƒ…å ±ã‚’å–å¾—ã—ã€Googleマップã«è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã—ãŸã€‚後編ã¯ã€ä½ç½®æƒ…å ±ã¨æ—¥æ™‚をデータベースã«ã©ã‚“ã©ã‚“記録ã—ã¦ã„ãプãƒã‚°ãƒ©ãƒ を作ã£ã¦ã¿ã¾ã—ょã†ã€‚ Safariã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚’使ㆠiPhoneã«æ載ã•ã‚Œã¦ã„ã‚‹Safariã¯ã€HTML5ã§è¿½åŠ ã•ã‚Œã‚‹äºˆå®šã®API「Client-side database storageã€ã‚’先行実装ã—ã¦ãŠã‚Šã€ãƒ–ラウザーãŒç”¨æ„ã—ã¦ã„ã‚‹ãƒãƒ¼ã‚«ãƒ«ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«JavaScriptを使ã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã§ãã¾ã™ã€‚ iPhoneã®Safariã¯ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚¨ãƒ³ã‚¸ãƒ³ã¨ã—ã¦ã€ŒSQLiteã€ã‚’実装ã—ã¦ã„ã¾ã™ã€‚SQLiteã¯ã€SQLã®ã™ã¹ã¦ã®å‘½ä»¤ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ç°¡å˜ãªWebアプリケーション用途ã§ã‚ã‚Œã°å分ãªæ©Ÿèƒ½ã‚’æŒã¤ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚¨ãƒ³ã‚¸ãƒ³ã§ã™ã€‚個々ã®ãƒ†ãƒ¼ãƒ–ルã¯ã€Œ
JavaScriptã®æœ€é©åŒ–ã«ã¤ã„ã¦ã€code.google.comã®è¨˜äº‹ã®é©å½“訳 - ãれ図解ã§ã€‚・・・tohokuaikiã®ãƒãƒ©ã‚·ã®è£
GoogleãŒWeb全体ã®ã‚¹ãƒ”ードアップã«ã„よã„ã‚ˆæœ¬æ ¼çš„ã«ç€æ‰‹, 一社ã ã‘ã§ã¯ã§ããªã„ã¨å¼·èª¿ ã‹ã‚‰ãƒªãƒ³ã‚¯ã®ã‚ã£ãŸã€ http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html ãŒæ—¥æœ¬èªžã‹ã¨æ€ã£ãŸã‚‰æ—¥æœ¬èªžã˜ã‚ƒãªã‹ã£ãŸãƒ»ãƒ»ãƒ»ãƒ»ã€‚ ã„やーã€æ„外ã¨ã¨ã„ã†ã‹æ–‡å—列ã«ã¤ã„ã¦ã¯ã€å…¨ç„¶çŸ¥ã‚‰ã‚“ã‹ã£ãŸã€‚ Closureã£ã¦ä¾¿åˆ©ã ã—ã€ã€ŒãŠã‰ã€œä¿ºã£ã¦ä½¿ã£ã¦ã‚‹ã‚¸ãƒ£ãƒ³ã€ã¿ãŸã„ãªæ°—ã«ãªã‚Œã‚‹ã‹ã‚‰ã¤ã„ã¤ã„使ã£ã¡ã‚ƒã†ã‚“ã ã‘ã©ã€é«˜ã‚³ã‚¹ãƒˆãªã®ã・・・・。åçœã€‚ ã¨ã„ã†ã“ã¨ã§ã€è¶…é©å½“翻訳。ã©ã£ã‹ã®èª°ã‹ãŒæ›¸ã„ã¦ã‚‹ã‹ã‚‚。 å‰ãŠã 著者: Google Chromeã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨ã•ã‚Œã‚‹çµŒé¨“：JavaScriptã®å®Ÿè·µçš„ãªçŸ¥è˜ クライ
jQueryを使ã£ãŸé–‹ç™ºã«ä¾¿åˆ©ï¼Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ã£ã¦Webシステムを開発ã™ã‚‹éš›ã«ã¯å¿…é ˆã¨ã‚‚言ãˆã‚‹Firebug。ãã—ã¦äººæ°—ã®é«˜ã„JavaScriptライブラリã®jQuery。ã“ã®äºŒã¤ãŒçµ„ã¿åˆã‚ã•ã£ãŸã¨ãã€ã“ã‚Œã¾ã§ä»¥ä¸Šã®é…力ãŒæ„Ÿã˜ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ マウスを当ã¦ã‚‹ã¨ãã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã•ã‚Œã‚‹ ãã†ç¢ºä¿¡ã§ãã‚‹ã®ãŒFireQueryを使ã£ãŸçž¬é–“ã 。ã“ã®äºŒã¤ã®èžåˆã¯ã€JavaScriptã®é–‹ç™ºã‚’ãƒãƒ¼ã‚¹ãƒˆã—ã¦ãれるã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯FireQueryã€Firebugã¨é€£æºã™ã‚‹jQuery開発補助アドオンã 。 FireQueryã¯console.logã«åã出ã—ãŸå†…容を元ã«ã€ç”»é¢ä¸Šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ãれる。例ãˆã°console.log($('p'));ã¨å‡ºã›ã°ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«å‡ºåŠ›ã•ã‚ŒãŸ jQuery(p)ã¨ã„ã†è¡¨ç¤ºã«ãƒžã‚¦ã‚¹ã‚’当ã¦ã‚‹ã¨ã€è©²å½“部分ãŒãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã«ãªã‚‹ã€‚ã©
å¤ã„ブラウザã§ã‚‚CSS3セレクタを使ã£ã¦Webページをデザインã§ãるよã†ã«ã—ã¦ã¿ãŸ - latest log
uuCSSBoost.js 㯠uuAltCSS.js ã«åå‰ãŒå¤‰æ›´ã«ãªã‚Šã¾ã—ãŸãŒã€ä¸€éƒ¨ã®èª¬æ˜ŽãŒè¨˜äº‹ã‚’書ã„ãŸå½“時ã®å¤ã„åå‰ã®ã¾ã¾ã«ãªã£ã¦ã„ã¾ã™ã€‚最新版ã§ã¯ã€uuCSSBoost.revalidate() ã¯å»ƒæ¢ã•ã‚Œ uuAltCSS() を呼ã³å‡ºã™ã‚ˆã†ã«å¤‰æ›´ã«ãªã£ã¦ã„ã¾ã™ã€‚ コードã®è§£èª¬ã‚’追記ã—ã¾ã—ãŸã€‚ 「最新ã®è¦æ ¼ã‚’実装ã—ãŸãƒ–ラウザãŒç™»å ´ã—ã¦ã‚‚ã€IE6 ã®ã›ã„ã§è«¦ã‚ã‚‹ã—ã‹ãªã„ã®ã‹ã€ 「CSS3セレクタをå¤ã„ブラウザã§ã‚‚使ã„ãŸã„!〠ã¨ã„ã£ãŸç¾å ´ã®å£°ã«ãŠå¿œãˆã—ã¦ã€ã»ã¼å…¨ã¦ã®ãƒ–ラウザ㧠CSS3 セレクタを利用ã—ãŸãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¯èƒ½ã«ãªã‚‹JavaScript ライブラリを作ã£ã¦ã¿ã¾ã—ãŸã€‚ 特徴 軽ã„よ ã„ã‚ã‚“ãªãƒ–ラウザã§å‹•ãよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ãらã„ã®ã‚·ã‚§ã‚¢ã‚’ã‚«ãƒãƒ¼ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„
JavaScriptツール&ライブラリ50é¸ | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoriaæ°ãŒSmashing Magazineã«ãŠã„ã¦50 Fresh JavaScript Tools That Will Improve Your Workflowã®ã‚¿ã‚¤ãƒˆãƒ«ã§50ã®JavaScriptã«é–¢é€£ã—ãŸãƒ„ールやライブラリを紹介ã—ã¦ã„ã‚‹(実際ã«ã¯51)。RIA開発ã«ãŠã„ã¦JavaScriptã¯é‡è¦ãªåœ°ä½ã‚’å ã‚ã¤ã¤ã‚ã‚Šã€é©åˆ‡ãªé–‹ç™ºãƒ„ールやライブラリã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã€ãƒ—ラグインをé¸æŠžã™ã‚‹ã“ã¨ã¯ã€è¿…速ã§åŠ¹æžœçš„ãªé–‹ç™ºã‚’実ç¾ã™ã‚‹ãŸã‚ã«æ¬ ã‹ã›ãªã„。紹介ã•ã‚Œã¦ã„るツールやライブラリã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ JavaScriptツール FireUnit (Firebugå‘ã‘JavaScrip
JavaScriptã§ã§ãã‚‹ã“ã¨ãƒ»ã§ããªã„ã“ã¨
ã•ã¾ã–ã¾ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžãŒã‚ã‚Šã¾ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãã®ã‚‚ã®ã«è§¦ã‚Œã¦ã¿ãŸã„ã¨æ€ã†ãªã‚‰JavaScriptã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚Webブラウザã¨ãƒ¡ãƒ¢å¸³ãŒã‚ã‚Œã°ã€æœ¬æ ¼çš„ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«æŒ‘戦ã§ãã‚‹ã®ã§ã™ï¼ˆç·¨é›†éƒ¨ï¼‰ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã³ãŸã„ã¨æ€ã£ãŸã‚‰ 皆ã•ã‚“ã¯ã€JavaScriptã¨ã„ã†ã¨ä½•ã‚’æ€ã„æµ®ã‹ã¹ã‚‹ã§ã—ょã†ã‹ã€‚ Webã§å‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’実ç¾ã™ã‚‹ãŸã‚ã®æŠ€è¡“ã§ã—ょã†ã‹ã€‚ãã‚Œã¨ã‚‚ã€ã‚ªãƒ–ジェクト指å‘ã®ã‚¹ã‚¯ãƒªãƒ—ティング言語ã§ã—ょã†ã‹ã€‚JavaScriptã¨ã„ã†ã‚ーワードをèžã„ãŸã“ã¨ãŒã‚る程度ã¨ã„ã†æ–¹ã‚‚ã„ã‚‹ã§ã—ょã†ã€‚ JavaScriptã¯ç¾åœ¨å¤šãã®Webブラウザã«æ載ã•ã‚Œã€ã•ã¾ã–ã¾ãªå ´é¢ã§Webã®ä¸æ ¸æŠ€è¡“を支ãˆã¦ã„るスクリプティング言語ã§ã™ã€‚ 本連載ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’åˆã‚ã¦å¦ã¶äººã‚’対象ã«ã—ãŸJavaScriptã®å…¥é–€è¨˜äº‹ã§ã™ã€‚特ã«æ¬¡ã®ã‚ˆã†ãªæ–¹ã®ãŸã‚ã«åˆ†ã‹ã‚Šã‚„ã™ã解説を行ã£ã¦ã„ãã¾ã™ã€‚
Ajax開発ç‰ã«è¶…便利ãªãƒšãƒ¼ã‚¸å†…ã®å¤‰æ›´éƒ¨åˆ†ãŒä¸€ç™ºã§åˆ†ã‹ã‚‹Firefoxアドオン「Firediffã€:phpspot開発日誌
Ajax開発ç‰ã«è¶…便利ãªãƒšãƒ¼ã‚¸å†…ã®å¤‰æ›´éƒ¨åˆ†ãŒä¸€ç™ºã§åˆ†ã‹ã‚‹Firefoxアドオン「Firediff〠2009å¹´04月20æ—¥- Firediff - In Case of Stairs Ajax開発ç‰ã«è¶…便利ãªãƒšãƒ¼ã‚¸å†…ã®å¤‰æ›´éƒ¨åˆ†ãŒä¸€ç™ºã§åˆ†ã‹ã‚‹Firefoxアドオン「Firediffã€ã€‚ ã“ã‚Œã¯æ¬²ã—ã‹ã£ãŸï¼ã¨ã„ã†æ©Ÿèƒ½ãŒã¤ã„ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ インストールã«ã¯Firebug1.4ãŒå¿…è¦ã§ã€Firebug1.4a17以é™ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Firebug1.4ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰å¯èƒ½ã§ã™ã€‚ ã¾ãšã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ã€æ¬¡ã®ã‚ˆã†ã«ã€Firebugã«ChangesタブãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã§ã€å®Ÿéš›ã©ã†ã‚„ã£ã¦ä½¿ãˆã‚‹ã‹ï¼Ÿè¦‹ã¦ã¿ã¾ã—ょã†ã€‚ (1) DOMインスペクタをã„ã˜ã£ãŸçµæžœã‚’DIFF ãŸã¨ãˆã°ã€DOMインスペクタã®ä¸ã§ã€è¦ç´ を編集ã—ã¦ã¿ã¾ã™ã€‚ 2009å¹´4月16日を2009å¹´ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã™
利用者ã«å¯¾ã—éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„通知を行ã†ãŸã‚ã®JavaScriptライブラリ「Notimooã€:phpspot開発日誌
Notimo Demos site 利用者ã«å¯¾ã—éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„通知を行ã†ãŸã‚ã®JavaScriptライブラリ「Notimooã€ã€‚ 次ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ã¦ã¿ã¦ãã ã•ã„。 → 通知を表示ã—ã¦ã¿ã‚‹ ページã®å³ä¸Šã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã®ã¯ãªã‹ãªã‹ã‚¤ãƒ³ãƒ‘クトãŒå¤§ãã„ã§ã™ã。 スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚ã€ã„ã‚„ã¿ã§ã¯ãªã„æ„Ÿã˜ã«ã¡ã‚ƒã‚“ã¨ã¤ã„ã¦ãã¦ãã‚Œã¾ã™ã€‚ 使ã„方もã‹ãªã‚Šç°¡å˜ã§ã€å¿…è¦ãªJSã¨CSSã‚’èªã¿è¾¼ã‚“ã 後ã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’newã—㦠show メソッドを呼ã³å‡ºã™ã ã‘ã§ã™ã€‚ showã¯ï¼’回連続ã§å‘¼ã³å‡ºã—ã¦ã‚‚ã€ã¡ã‚ƒã‚“ã¨ï¼‘個目ã¨åŒºåˆ¥ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ
5分ã§å®Ÿè£…å¯èƒ½ãªãƒšãƒ¼ã‚¸ã®æ–‡å—サイズ変更＋クッã‚ーã«ä¿å˜ã‚µãƒ³ãƒ—ル:phpspot開発日誌
A Simple jQuery Stylesheet Switcher 5分ã§å®Ÿè£…å¯èƒ½ãªãƒšãƒ¼ã‚¸ã®æ–‡å—サイズ変更＋クッã‚ーã«ä¿å˜ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã€‚ ページã§ã€å°ãƒ»ä¸ãƒ»å¤§ã®ã‚ˆã†ã«æ–‡å—サイズを変ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ã。 asahi.com ã®å°Žå…¥ä¾‹ 実装方法ãŒã€å¾®å¦™ã«é¢å€’ã¨ã„ã†å ´åˆã‚‚ã“ã®ã‚µãƒ³ãƒ—ルを使ãˆã°ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹çˆã§ã™ã€‚ æ–‡å—サイズã«é™ã‚‰ãšã€CSSを丸ã”ã¨å¤‰ãˆã¦ã—ã¾ãˆã‚‹ã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’変更ã—ã¦ä¿å˜ã¨ã„ã†ã“ã¨ã‚‚ç°¡å˜ã«å‡ºæ¥ã¾ã™ã€‚ デモページ HTMLã¯ã€æ¬¡ã®ã‚ˆã†ã«ã€href 㯠# ã§ã™ãŒã€rel属性ã«ä»˜ã‘替ãˆãŸã„cssを指定ã—ã¦ãŠãã¾ã™ã€‚ <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg
jQuery入門（ãã®1）（1/7）：CodeZine
ã¯ã˜ã‚㫠実を言ã†ã¨ã€ç§ã¯ãšã£ã¨JavaScriptã‚’å«Œã£ã¦ã„ã¾ã—ãŸã€‚JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’書ãã®ãŒå«Œã§ã—ãŸã—ã€ã„ã‚ã„ã‚ãªãƒ–ラウザã«å¯¾å¿œã™ã‚‹ãŸã‚ã«å¤§é‡ã®ã‚¹ã‚¯ãƒªãƒ—トコードを使ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã‚‚å«Œã§ã—ãŸã€‚ãã†ã—ãŸç‚¹ã¯ä»Šã§ã‚‚変ã‚らãªã„ã®ã§ã™ãŒã€æœ€è¿‘ã«ãªã£ã¦JavaScriptã¸ã®ç†è§£ãŒæ·±ã¾ã£ãŸã“ã¨ã¨ã€jQueryã¨ã„ã†å°ã•ãªJavaScriptクライアントライブラリã®ãŠã‹ã’ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆä¸å¿ƒã®AJAXスクリプトコードを書ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ãã§ã‚‚æ怖を抱ã‹ãªããªã‚Šã¾ã—ãŸã€‚ãã‚Œã©ã“ã‚ã‹ã€ä»Šã§ã¯å–œã‚“ã§å¼•ãå—ã‘ã‚‹ã»ã©ã«ãªã£ã¦ã„ã¾ã™ã€‚クライアントãƒã‚¸ãƒƒã‚¯ãŒã‚‚ã£ã¨è¤‡é›‘ã«ãªã‚Šã€ãƒ–ラウザã®æ©Ÿèƒ½ã‚„実装ã®å¤šæ§˜åŒ–ãŒã•ã‚‰ã«é€²ã‚“ã ã¨ã—ã¦ã‚‚ã€jQueryã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ©ã‚¤ãƒ–ラリãŒã€JavaScriptã‚„HTML DOMを扱ã†éš›ã«å¿…è¦ãªæ£è¦åŒ–ã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ ç§ã¯JavaScriptã®åˆå¿ƒè€…ã¨
jQueryã¨CSSを使ã£ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®inputè¦ç´ を楽ã«æ•´åˆ—ã•ã›ã‚‹æ–¹æ³•:phpspot開発日誌
Justify elements using jQuery and CSS jQueryã¨CSSを使ã£ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®inputè¦ç´ を楽ã«æ•´åˆ—ã•ã›ã‚‹æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ãŠã‚Šã¾ã™ã€‚ 何ãŒã§ãã‚‹ã‹ï¼Ÿã¨ã„ã†ã®ã¯æ¬¡ã®å›³ã‚’見ã¦é ‚ãã®ãŒã¯ã‚„ã„ã§ã—ょã†ã€‚ ビフォア ↓↓↓↓ アフター ã“れを実ç¾ã™ã‚‹ãŸã‚ã«ã€CSSã¨ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã‚ˆã£ã¦å®Ÿç¾ã™ã‚‹ã®ãŒæ™®é€šã§ã™ãŒã€jQueryã«ã‚ˆã£ã¦ã‚‚ã£ã¨ã‚¹ãƒžãƒ¼ãƒˆã«å‡ºæ¥ã‚‹ã‚ˆã†ã§ã™ã。 具体的ã«ã¯ã€æ¬¡ã®ã‚ˆã†ã«ã€label ã®ä¸ã§ width ãŒã‚‚ã£ã¨ã‚‚大ãã„ã‚‚ã®ã®ã‚µã‚¤ã‚ºã‚’å¾—ã¦ã€ãã®ã‚µã‚¤ã‚ºã«JavaScriptã§èª¿æ•´ã—ã¡ã‚ƒã†ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
訪å•è€…é©šãã®æ‰‹ã‚ãり風ã€ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆã‚µãƒ³ãƒ—ル:phpspot開発日誌
Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪å•è€…é©šãã®æ‰‹ã‚ãり風ã€ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作æˆã§ãるサンプル。 以下ãŒãƒ‡ãƒ¢ã§ã€å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¾ã—ょã†ã€‚é©šãã®åŠ¹æžœãŒå¾—られるã¯ãšã§ã™ã€‚ HTML定義部分。分ã‹ã‚Šã‚„ã™ã„コードもé…力ã§ã™ã€‚ <!-- relevant for the tutorial - start --> <div class="grid_6 prefix_1 suffix_1" id="gallery"> <div id="pictures"> <!--ç”»åƒã®å®šç¾©éƒ¨åˆ†--> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/pictu
YUI Testを使ã£ãŸJavaScriptユニットテストã®ã™ã™ã‚
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€æ¤œç´¢äº‹æ¥éƒ¨ã®è§’ç”°ã§ã™ã€‚ ç§ãŒæ‹…当ã—ã¦ã„るプãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯PHPUnitã¨Seleniumを使ã£ã¦ãƒ†ã‚¹ãƒˆã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ãã—ã¦ã€æœ€è¿‘YUI Testã¨ã„ã†JavaScriptã«ã‚ˆã‚‹ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ©ã‚¤ãƒ–ラリを使ã„始ã‚ã€JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãŒã¨ã¦ã‚‚ã„ã„æ„Ÿã˜ã«æ€ãˆã¦ããŸã®ã§ã”紹介ã—ã¾ã™ã€‚ YUI Testã¯ã€Yahoo! Developer Networkã«ã¦å…¬é–‹ã•ã‚Œã¦ã„ã‚‹Yahoo! UI Libraryã®æ•°å¤šãã‚るコンãƒãƒ¼ãƒãƒ³ãƒˆã®ä¸ã®ä¸€ã¤ã§ã™ã€‚ãã®åã®é€šã‚Šã€JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’è¡Œã†ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚Javaã«ã‚ˆã‚‹JUnitã‚„PHPã«ã‚ˆã‚‹PHPUnitを使ã£ãŸã“ã¨ã®ã‚ã‚‹æ–¹ã§ã‚ã‚Œã°ã€ã™ãã«ä½¿ã„æ–¹
技術系サイトã«å¿…需å“ï¼ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯é®®ã‚„ã‹ã« JavaScriptã‚‚PHPã‚‚HTMLã‚‚OKï¼ã€ŒSyntax Highlighterã€ã®ä½¿ã„æ–¹
Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°/Webデザインã®ãƒã‚¿ã‚’扱ã†ãƒ–ãƒã‚°ã‚„Webサイトをé‹å–¶ã—ã¦ã„ã‚‹ã¨ã€HTMLã‚„CSSãªã©ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’掲載ã™ã‚‹ã“ã¨ãŒå¤šãã‚ã‚Šã¾ã™ã€‚ãã‚“ãªã¨ãã«ãœã²æ´»ç”¨ã—ãŸã„ã®ãŒã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã‚„ã™ã表示ã—ã¦ãれるJavaScriptライブラリã§ã™ã€‚今回ã¯ã€ãã®ã†ã¡ã®1ã¤ã€ã€ŒSyntax Highlighterã€ã®ä½¿ã„方を紹介ã—ã¾ã—ょã†ã€‚ 多ãã®è¨€èªžã®æ§‹æ–‡å¼·èª¿è¡¨ç¤ºã«å¯¾å¿œã—ãŸã€ŒSyntax Highlighter〠HTMLãªã©å„種言語ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’Webページã®ä¸ã§è¡¨ç¤ºã™ã‚‹ã®ã¯ã€HTMLã®preè¦ç´ を使ãˆã°ç°¡å˜ã§ã™ã€‚ãŸã ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ãã®ã¾ã¾è¡¨ç¤ºã™ã‚‹ã¨ã€è¦‹ãŸç›®ãŒåˆ†ã‹ã‚Šã‚„ã™ãã¯ã‚ã‚Šã¾ã›ã‚“。ãã“ã§ã€ã‚¿ã‚°ãªã©è¨€èªžã®ç‰¹å®šã‚ーワードã«è‰²ã‚’付ã‘ã¦ã€ä»–ã®éƒ¨åˆ†ã‚ˆã‚Šã‚‚強調ã—ã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ã§è¦‹ã‚„ã™ãã—ã¾ã—ょã†ã€‚ ã“ã†ã„ã£ãŸã€Œæ§‹æ–‡å¼·èª¿è¡¨ç¤ºã€ã‚’è¡Œãªã†JavaScriptã¯ã€ã„ãã¤ã‹å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
iPhone 3G用ã®Webページを作る3 [Javascript] All About![iPhone 3G用ã®Webページを作る3 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a713ecab6d4800da05c4504abbf5718b1613b04/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Site Under Maintenance
{{#tags}}- {{label}}
{{/tags}}