CP B | Advertising & Design Factory
When it comes to communicating effectively, building a brand, making something famous or creating a cultural phenomenon of any type, the old rules no longer apply. In today’s world, creating anything worth a damn means focusing every ounce of energy not on what has come before, but building the new. This is what we believe at Crispin Porter + Bogusky. ​ We are new era creative thinkers and makers.
ãƒã‚¤ãƒ†ãƒ³ã‚·ãƒ§ãƒ³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
ã‚ッãƒãƒ³ãƒ»ã‚·ã‚¹ãƒ†ãƒ ã‚ッãƒãƒ³ | TOYO KITCHEN STYLE | トーヨーã‚ッãƒãƒ³ã‚¹ã‚¿ã‚¤ãƒ«
ABOUT US 「ä½ã‚€ã€ã‚’エンターテインメント ã‚ッãƒãƒ³ã¯èª¿ç†ã‚’ã™ã‚‹ã ã‘ã®ã‚‚ã®ã§ã¯ãªã〠生活を豊ã‹ã«ã™ã‚‹å ´æ‰€ã§ã‚ã£ã¦ã»ã—ã„。 ç§ãŸã¡ã¯ã‚ッãƒãƒ³ã‚’ä¸å¿ƒã« ä½å®…ã™ã¹ã¦ã®ã‚¤ãƒ³ãƒ†ãƒªã‚¢ã¾ã§ã”æ案ã—ã¾ã™ã€‚
30分ã§ã§ãã‚‹ï¼Webサイトを高速化ã™ã‚‹6大原則 (1/4)
Webサイトを制作ã™ã‚‹ã¨ãã€ã€Œãƒ‘フォーマンスã€ã‚’æ°—ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã ã‚ã†ã‹ï¼Ÿã€€ã‚‚ã—ã¾ã£ãŸãæ°—ã«ã—ãŸã“ã¨ãŒãªã„ãªã‚‰ã€æ°—ã‚’ã¤ã‘ãŸæ–¹ãŒã„ã„。閲覧ã«æ™‚é–“ã®ã‹ã‹ã‚‹â€œé…ã„Webサイトâ€ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã€é–²è¦§ã‚’ã‚„ã‚ã•ã›ã¦ã—ã¾ã†æã‚ŒãŒã‚る。 下記ã®ã‚°ãƒ©ãƒ•ã¯ã€ã€ŒSimple-Talkã€ã¨ã„ã†æµ·å¤–ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¡ãƒ‡ã‚£ã‚¢ã§ç™ºè¡¨ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼èª¿æŸ»ã®çµæžœã 。アンケートページã®è¡¨ç¤ºã«ã‹ã‹ã‚‹æ™‚é–“ã‚’æ„図的ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã€è¡¨ç¤ºæ™‚é–“ã«ã‚ˆã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ„Ÿã˜ã‚‹ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®é•ã„を調ã¹ãŸã‚‚ã®ã 。 縦軸ãŒãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆ10段階）ã€æ¨ªè»¸ãŒè¡¨ç¤ºã¾ã§ã®æ™‚間を表ã—ã¦ã„る。1～5秒以内ã«ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚ŒãŸäººã«æ¯”ã¹ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã¾ã§ã«5秒以上ã‹ã‹ã£ãŸäººã¯2å€ä»¥ä¸Šã‚‚フラストレーションを感ã˜ã¦ã„る。フラストレーションãŒã‚ã¾ã‚Šã«é«˜ã‘ã‚Œã°ã€ã›ã£ã‹ã何らã‹ã®ç›®çš„ã‚’æŒã£ã¦è¨ªã‚Œã¦ããŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚å¾…ã¡åˆ‡ã‚Œãšã«ãƒ–ラウザーを閉ã˜ã¦ã—ã¾ã†
JavaScriptコーディングã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„パフォーマンスç‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹é›†:phpspot開発日誌
最近発見ã—ãŸã€JavaScriptコーディングã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„パフォーマンスç‰ã®å‚考ã«ãªã‚Šãã†ãªã‚¨ãƒ³ãƒˆãƒªã‚’リファレンスをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Avoiding Problems With JavaScript’s getElementById Method in Internet Explorer 7 | Impressive Webs IE7ã®getElementByIdã§èµ·ã“ã‚‹å•é¡Œã‚’é¿ã‘ã‚‹ãŸã‚ã®TIPS集。 How to add a CSS Link programmatically using JavaScript <link>ã‚¿ã‚°ã‚’JavaScriptã«ã‚ˆã£ã¦å‹•çš„ã«ä½œæˆã—ã¦CSSã‚’å‹•çš„ã«è¨å®šã™ã‚‹ã‚³ãƒ¼ãƒ‰ä¾‹ JavaScript CSS Selector Benchmarks CSSセレクタã§DOMã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹éš›ã®å„フレームワークã§ã®é€Ÿåº¦ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯æ¯”較 6 Ways To Wor
［気ã«ãªã‚‹ï¼½JSONPã®å®ˆã‚Šæ–¹
XSSã«CSRFã«SQLインジェクションã«ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒˆãƒ©ãƒãƒ¼ã‚µãƒ«â€¦â€¦Webアプリケーションã®ãƒ—ãƒã‚°ãƒ©ãƒžãŒçŸ¥ã£ã¦ãŠãã¹ã脆弱性ã¯ã„ã£ã±ã„ã‚ã‚Šã¾ã™ã€‚ãã“ã§æœ¬é€£è¼‰ã§ã¯ã€ãã®ã‚ˆã†ãªãƒ¡ã‚¸ãƒ£ãƒ¼ãªã‚‚ã®â€œä»¥å¤–â€ã‚‚掘り下ã’ã¦ã„ãã¾ã™ （編集部） JSONPã ã£ã¦ã€ã‚»ã‚ュリティを気ã«ã—ã¦ã»ã—ㄠ皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€ã¯ã›ãŒã‚よã†ã™ã‘ã§ã™ã€‚今回ã¯ã€JSONPを使用ã™ã‚‹å ´åˆã®ã‚»ã‚ュリティã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ょã†ã€‚ JSONPã¨ã¯ã€JSON with Paddingã®å称ãŒç¤ºã—ã¦ã„ã‚‹ã¨ãŠã‚Šã€JSONå½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã®å‘¼ã³å‡ºã—ã®ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚’ä»˜åŠ ã™ã‚‹ã“ã¨ã§ã€ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§ãƒ‡ãƒ¼ã‚¿ã®å—ã‘渡ã—を実ç¾ã™ã‚‹ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿å½¢å¼ã§ã™ã€‚JavaScriptã‹ã‚‰ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§ã®ãƒ‡ãƒ¼ã‚¿ãŒç°¡å˜ã«æ‰±ãˆã‚‹ã“ã¨ãªã©ã‚’ç†ç”±ã«ã€å¤šæ•°ã®Webアプリケーションã§APIã®ä¸€éƒ¨ã¨ã—ã¦JSONPå½¢å¼ã§ãƒ‡ãƒ¼ã‚¿ã®æä¾›ãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ 具体的ãªä¾‹ã‚’見
有機野èœã‹ã‚‰ç„¡æ·»åŠ 食å“ãªã©ã‚’å®…é… å¸‚æ°‘NGOä¼æ¥ 大地を守る会
ã§ãã‚‹ã ã‘農薬を使ã‚ãªã„ãŠã„ã—ã„野èœãªã©ã‚’週ã«1度ã€çŽ„関先ã¾ã§ãŠå±Šã‘ã—ã¾ã™ã€‚カラダã¨å¤§åœ°ã®ãŸã‚ã«ã€é£Ÿã¹ã‚‹ã“ã¨ã‹ã‚‰ã‚¨ã‚³ã‚·ãƒ•ãƒˆã¯ã˜ã‚ã¾ã›ã‚“ã‹ã€‚ãŠã„ã—ã„オーガニックé©å‘½ã®æ案ã§ã™ã€‚有機農æ¥ã®ãƒ‘イオニアã‚ãŸã—ãŸã¡å¤§åœ°ã‚’守る会ã®è‡ªå·±ç´¹ä»‹ã‚’ã„ãŸã—ã¾ã™ã€‚ è²·ã†äººã¨ä½œã‚‹äººã¨åœ°çƒã®å¥åº·ã€ãã®ã¿ã£ã¤ã¨ã‚‚ã‚’åŒæ™‚ã«å®ˆã‚‹å•†å“。大地を守る会ã®å•†å“ã®ã”案内。 家æ—ã®ã“ã¨ã‚’誰よりも想ã†ã‚ãªãŸã«ã€å¤§åœ°ã‚’守る会をオススメã™ã‚‹ç†ç”±ã‚’ã”案内。
BLOG THE DESIGNIUM : デザイニウムブãƒã‚°
æ ªå¼ä¼šç¤¾ãƒ‡ã‚¶ã‚¤ãƒ‹ã‚¦ãƒ ã¯ã€ä¼šæ´¥è‹¥æ¾å¸‚を本社ã¨ã—ã¦åœ°åŸŸDXã¨XR（AR/VR/MRï¼‰é ˜åŸŸã®é–‹ç™ºã‚’å¾—æ„ã¨ã™ã‚‹é–‹ç™ºä¼šç¤¾ã§ã™ã€‚ Designium Inc., a development firm based in Aizuwakamatsu City, specializes in Community Digital Transformation (DX) and Extended Reality (XR) technologies, driving digital innovation for local community support and crafting XR solutions for diverse industries.
JSONPを使ã£ã¦JavaScriptã ã‘ã§ãƒžãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€Yahoo!地図ã®é–‹ç™ºã‚’担当ã—ã¦ã„ã¾ã™å‰ç”°åšæ•ã§ã™ã€‚ 今回ã¯ã€JavaScriptã‹ã‚‰å¤–部サイトã®Web APIを直接呼ã³å‡ºã™ã“ã¨ãŒã§ãã‚‹ã€JSONPã¨ã„ã†æ‰‹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã•ã›ã¦ã„ã ã•ãã¾ã™ã€‚ JSONPã¨ã¯ JSONPã¨ã¯ã€JavaScriptã®å¤–部ファイルèªã¿è¾¼ã¿ï¼ˆã€Œscriptã€ã‚¿ã‚°ã¨ãã®ã€Œsrcã€æŒ‡å®šï¼‰ã‚’利用ã—ã¦ã€ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ç•°ãªã‚‹å¤–部サイトã®ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚€æ‰‹æ³•ã®ã“ã¨ã‚’言ã„ã¾ã™ã€‚ JSONPを利用ã™ã‚‹ã«ã¯ã€å‘¼ã³å‡ºã•ã‚Œã‚‹å´ã®Web APIãŒJSONPå½¢å¼ã«å¯¾å¿œã—ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ Yahoo!デベãƒãƒƒãƒ‘ーãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ç¾åœ¨ã®ã¨ã“ã‚ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒAPIã¨ã‚·ãƒ§ãƒƒãƒ”ングAPIãŒã€JSONPå½¢å¼ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚
[JS]æ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã«ã‚½ãƒ¼ãƒˆã€ãƒã‚¤ãƒ©ã‚¤ãƒˆã€åˆ†å‰²æ©Ÿèƒ½ãªã©ã‚’è¿½åŠ ã§ãるスクリプト
æ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã«ã‚½ãƒ¼ãƒˆã€ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã€ãƒ‡ãƒ¼ã‚¿åˆ†å‰²ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã‚‹ã€é«˜æ€§èƒ½ãªè¶…軽é‡ï¼ˆ2.5KB）スクリプトをLeigeberã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ TinyTable JavaScript Table Sorter demo ã“ã®ã‚¹ã‚¯ãƒªãƒ—トã¯ã€ä»¥å‰ç´¹ä»‹ã—ãŸã€Œè¨ç½®ã‚‚ç°¡å˜ãªãƒ†ãƒ¼ãƒ–ルã®ãƒ‡ãƒ¼ã‚¿ã‚’ソートã™ã‚‹è¶…軽é‡ã®ã‚¹ã‚¯ãƒªãƒ—トã€ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—版ã§ã€ä¸»ãªæ©Ÿèƒ½ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ æ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã«ç°¡å˜ã«è¨ç½®ãŒå¯èƒ½ã€‚ 2.5KBã®è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト（他ã®ã‚¹ã‚¯ãƒªãƒ—トã¸ã®ä¾å˜ç„¡ã—）。 列を交互ã«è‡ªå‹•ãƒã‚¤ãƒ©ã‚¤ãƒˆã€‚ é¸æŠžã—ãŸè¡Œã®ãƒã‚¤ãƒ©ã‚¤ãƒˆã€‚ データã®è¡¨ç¤ºä»¶æ•°ã‚’コントãƒãƒ¼ãƒ«ã€‚ 分割ã—ãŸãƒ‡ãƒ¼ã‚¿ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¨ç½®ã€‚
jQueryã§XMLã‚’æ“作ã—ã¦ã¿ã‚‹ï¼’
以å‰ã«ã€XMLã‚’jQueryã§æ‰±ã†å‹‰å¼·ã‚’ã—ãŸã€ŒjQueryã§xmlã‚’æ“作ã—ã¦ã¿ã‚‹ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’書ã„ãŸã®ã§ã™ãŒã€ãªãœã‹ä»Šã§ã‚‚検索ã§è¦‹ã«æ¥ã‚‹äººãŒå¤šã„…ãã‚“ãªã«ãƒ‹ãƒ¼ã‚ºãŒã‚ã‚‹ã‚“ã ãªãƒ¼ã¨ã€æ¯Žæœˆé©šã„ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€å…ˆæ—¥ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸã€ŒExcelã‚’XMLã§æ›¸ã出ã—ãŸã‚‚ã®ã‚’WEBã§æ‰±ã†æ™‚ã®æ³¨æ„ã€ã§æ›¸ã„ãŸã‚ˆã†ã«ã€Excelã§ä½œã£ãŸãƒ‡ãƒ¼ã‚¿ã‚’XMLã§æ›¸ã出ã—ã€ãã®ãƒ‡ãƒ¼ã‚¿ã‚’利用ã—ãŸã‚µãƒ³ãƒ—ルã§ã‚‚一ã¤ç´¹ä»‹ã—ã¦ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ã¾ã™ã€‚ XMLデータ 今回ã®XMLã®ãƒ‡ãƒ¼ã‚¿ã¯ç°¡å˜ã«å‡ºæ¥ã‚‹ã‚ˆã†ã«Excelを使ã£ã¦æ›¸ã出ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚Excelデータã¯ç°¡æ˜“çš„ã«ä¸‹è¨˜ã®ã‚ˆã†ã«ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹ã¨ãã«XMLå½¢å¼ã«ã—ã¦ä¿å˜ã™ã‚‹ã€‚書ã出ã—ã¦æ–‡å—ã‚³ãƒ¼ãƒ‰ã‚’åŠ ãˆãŸãƒ‡ãƒ¼ã‚¿ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªã‚‚ã®ã«ãªã‚‹ã€‚データã¯ä¸€éƒ¨ã ã‘表示ã—ã¦ã„ã¾ã™ã€‚ ■今回利用ã™ã‚‹XMLデータ(一部çœç•¥) <?xml version="1.0"
CSSã‚„JSã€ç”»åƒãªã©ã‚’一括ã§èªã¿è¾¼ã‚“ã§èªã¿è¾¼ã‚“ã 後ã«function実行ã§ãる「xLazyLoaderã€:phpspot開発日誌
CSSã‚„JSã€ç”»åƒãªã©ã‚’一括ã§èªã¿è¾¼ã‚“ã§èªã¿è¾¼ã‚“ã 後ã«function実行ã§ãる「xLazyLoader〠2009å¹´02月19æ—¥- xLazyLoader - ajaxsoft - Lightweight js, css and images loader - Google Code CSSã‚„JSã€ç”»åƒãªã©ã‚’一括ã§èªã¿è¾¼ã‚“ã§èªã¿è¾¼ã‚“ã 後ã«function実行ã§ãる「xLazyLoaderã€ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 次ã®ã‚ˆã†ã«ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’一括èªè¾¼ã¿ã®å¾Œã€loadメソッドãŒå®Ÿè¡Œã§ãã¾ã™ã€‚jQueryプラグインã§ã™ã€‚ $.xLazyLoader({ js: ['ui.core.js','ui.dialog.js'], css: ['ui.core.css', 'ui.dialog.css'], image: ['your_image.jpg', 'your_image1.jpg', 'your_i
プレビュー付ãエディタ『Google AJAX APIs Playgroundã€ã‚’使ã£ã¦ã¿ãŸ
ã™ã”ã„ãã“ã‚Œã»ã‚“ã¨ã™ã”ã„。ã£ã¦ã‹ä»Šã¾ã§çŸ¥ã‚‰ãªã‹ã£ãŸã“ã‚“ãªã®ã‚ã‚‹ãªã‚“ã¦ãƒ»ãƒ»ãƒ»ã€‚ Learn & Test Google’s APIs Easilyã§æŽ²è¼‰ã•ã‚Œã¦ã¦æœã‹ã‚‰è‰²ã€…触ã£ã¦ã¾ã—ãŸã€‚ ãã®ç°¡å˜ãªãƒ¬ãƒãƒ¼ãƒˆã§ã™ã€‚ GoogleAPIãŒè‰²ã€…サンプルåŽéŒ²ã•ã‚ŒãŸã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã£ã¦æ„Ÿã˜ã§ã—ょã†ã‹ã€‚ AJAX APIs Playground é¢ç™½ã„ãªã。ã‚ãã‚ãã™ã‚‹ãªã。 手ã£å–ã‚Šæ—©ãRSSリーダーã¿ãŸã„ãªã®ã‚’作ã£ã¦ã¿ã‚‹ã¨ ã“ã®æ™‚点ã§ã€ä¸‹ã®ã»ã†ã«ãƒ—レビューãŒç”Ÿæˆã•ã‚Œã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„仕様を見ãªãŒã‚‰é¸ã¹ã‚‹ã®ãŒç‰¹å¾´çš„。 ã™ã”ã便利ー。 後ã¯ã‚ーã®éƒ¨åˆ†ã‚„ã€å–å¾—ã™ã‚‹RSSã®URLã‚’ã¡ã‚‡ã“ã£ã¨å¤‰ãˆã¦ã‚³ãƒ¼ãƒ‰ã‚’コピペã™ã‚Œã°ã€ã‚ãªãŸã®ã‚µã‚¤ãƒˆã§ç°¡å˜ã«RSSリーダãŒè¨ç½®ã§ãã¾ã™ã。 APIã‚ーã«ã¤ã„ã¦ã¯ã€å…¬å¼ã§ç¢ºèªã™ã‚‹ã®ãŒä¸€ç•ªã§ã™ãŒã€ãã‚Œãžã‚Œã®ã‚µãƒ¼ãƒ“スを使ã†ç‚ºã«ã€APIを使ã†URLã‚’Googleã«ç”³è«‹ã—ã¦ã€Žã‚ーã€ã‚’発行ã—ã¦ã‚‚らã†å¿…
csv2tablejQuery ã§CSVをテーブル表示
ã‚ã¨ã€æœ€è¿‘ã®ãƒ–ãƒã‚°ã¯ã“ã“ JavaScript++ã‹ã‚‚日記 Facebookã®ä»®æƒ³é€šè²¨Libra/DiemãŒæ¥æ˜¥ãƒªãƒªãƒ¼ã‚¹ã‚‰ã—ã„ã®ã§ä¹…ã—ã¶ã‚Šã«è§¦ã£ã¦ã¿ã¦ã¾ã™ Facebookã®ä»®æƒ³é€šè²¨Libra/Diem関連 |Blog | Demo | Facbook JavaScript部 | jQuery › Downloads › Plugins › csv2table | ( ccchart/ jQchart ) nightly- testing themeroller width jQuery 1.3. test-tm.htm blog デフォルトCSSã®ãƒªã‚»ãƒƒãƒˆæ–¹æ³• Reset the CSS ( default style sheet of csv2table ) csv2tableã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSをリセットã—ã€è‡ªç”±ã«CSSè¨å®šã™ã‚‹ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã«$.csv2table.cssReset(
[JS]ãƒãƒ§ãƒ¼ç°¡å˜ã«ã‚µã‚¤ãƒˆã‚’AJAX対応ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -com.bydust.ajax | コリス
com.bydust.ajaxã¯ã€ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ãªã‚µã‚¤ãƒˆã§ã‚‚WordPressã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã§ã‚‚ã€ãƒšãƒ¼ã‚¸å…¨ä½“ã®ãƒãƒ¼ãƒ‰ã‚’ã›ãšã«å¿…è¦ãªç®‡æ‰€ã®ã¿ãƒãƒ¼ãƒ‰ã—ã¦è¡¨ç¤ºã™ã‚‹AJAX対応ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ com.bydust.ajax demo デモサイトã§ã¯ã€å³ã®ãƒŠãƒ“ゲーションやå„記事ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’クリックã™ã‚‹ã¨ã€é€šå¸¸ã®ãƒšãƒ¼ã‚¸é·ç§»ã¨ã¯ç•°ãªã‚Šå¿…è¦ãªç®‡æ‰€ã®ã¿éžåŒæœŸé€šä¿¡ã‚’è¡Œã„表示ã—ã¾ã™ã€‚ ※外部リンクãªã©ã¯è‡ªå‹•èªè˜ã—ã¦ã€åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§è¡¨ç¤ºã—ã¾ã™ã€‚ サイトをAJAX対応ã«ã™ã‚‹æ–¹æ³• サイトをAJAX対応ã«ã™ã‚‹åŸºæœ¬çš„ãªã‚¹ã‚¯ãƒªãƒ—トã®è¨ç½®æ–¹æ³•ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ 下記ã¯ã€å¯¾è±¡ã¨ãªã‚‹å…¨ãƒšãƒ¼ã‚¸ã«é©ç”¨ã—ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸï¼’ã¤ã®ã‚¹ã‚¯ãƒªãƒ—ト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ HTMLã®åŸºæœ¬æ§‹é€ ã¯ã€ã€Œid="page"ã€ã‚’親è¦ç´ ã¨ã—ã¦ã€ã€Œid=
ã€æµ·å¤–事例ã«å¦ã¶ã€‘インタラクティブãªUIã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を見ã›ã‚‹éš›ã®æ³¨æ„点 (ユーザビリティ実践メモ)
Jonesæ°ã¯ã€Ajaxを使ã£ãŸã‚¿ãƒ–切り替ãˆãªã©ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ示ã™ã‚‹UIを用ã„ãŸéš›ã®ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティやビジãƒã‚¹åŠ¹æžœ(ユーザã®èª¬å¾—)ã¨ã„ã£ãŸè¦³ç‚¹ã§ã®æ³¨æ„点を紹介ã—ã¦ã„ã¾ã™ã€‚以下ã§ã¯ã€ãã®ä¸ã‹ã‚‰2ã¤ã®äº‹ä¾‹ã‚’ã”紹介ã„ãŸã—ã¾ã™ã€‚ ユーザビリティã¸ã®é…æ…® コンテンツをå‚ç…§ã—ã«ããã—ã¦ã„ãªã„ã‹ï¼Ÿ Ajaxã«ã‚ˆã‚Šã€ãƒšãƒ¼ã‚¸é·ç§»ã‚’ã—ãªã„コンテンツã®è¦‹ã›æ–¹ãŒæ™®åŠã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚よã見られるケースã¨ã—ã¦ã‚¿ãƒ–å½¢å¼ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™(図1)。ã“ã®ã‚¿ã‚¤ãƒ—ã®UIã§ã¯ã€ç´ æ—©ã„コンテンツã®åˆ‡ã‚Šæ›¿ãˆãŒã§ãã‚‹åé¢ã€åˆ‡ã‚Šæ›¿ãˆãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒšãƒ¼ã‚¸ã¨ã—ã¦å˜åœ¨ã—ãªã„ãŸã‚ã€å¾Œã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãŒå‚ç…§ã—ã¥ã‚‰ã„デメリットãŒç”Ÿã˜ã‚‹ã“ã¨ã‚’Jonesæ°ã¯æŒ‡æ‘˜ã—ã¦ã„ã¾ã™ã€‚例ãˆã°ã€ãƒ¦ãƒ¼ã‚¶ãŒã‚るタブã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‹é”ã¨å…±æœ‰ã—ãŸã„ã¨æ€ã£ã¦ã‚‚ã€ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒšãƒ¼ã‚¸ã¨ã—ã¦å˜åœ¨ã—ãªã„ãŸã‚ã€ãƒªãƒ³ã‚¯ã‚’é€ã£ãŸã ã‘ã§ã¯å‹é”ã¯åˆ¥ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を見ã¦ã—ã¾
jQuery 関連記事ã¾ã¨ã‚ - Cyokodog::Diary
ã¯ã¦ãƒ–ã ã¨åŸ‹ã‚‚れるã®ã§ã“ã¡ã‚‰ã«æ›¸ã足ã—ã¦ãã¾ã™ã€‚ jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者å‘ã‘メモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ HTML/CSS, jQuery, WordPressãªã©ã‚¦ã‚§ãƒ–制作者ã®ãŸã‚ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé›† - coliss ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ»é–¢é€£æƒ…å ± ã¯ã˜ã‚ã¦ã® jQuery jQueryã®ãƒ—レゼンVIDEO - JAM LOG 第1回　Silverlight vs. jQuery＋ASP.NET AJAX - @IT ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« jQuery 入門 - openspc2 jQuery を使ã£ã¦ Ajax 開発をå˜ç´”化ã™ã‚‹ - IBM jQueryã®é”法 - All About jQuery ã§ã¯ã˜ã‚
Flashã§ã¯ãªãjQueryã§ï¼ã‚¤ãƒ³ãƒ‘クトã®ã‚ã‚‹UIを作ã‚ㆠ(1/5)
ã‚‚ã†é–“ã‚‚ãªã投開票を迎ãˆã‚‹ç±³å›½ã®å¤§çµ±é ˜é¸æŒ™ã€‚候補者ã§ã‚る共和党ã®ã‚¸ãƒ§ãƒ³ãƒ»ãƒžã‚±ã‚¤ãƒ³æ°ã€æ°‘主党ã®ãƒãƒ©ãƒƒã‚¯ãƒ»ã‚ªãƒãƒžæ°ã®ä¸¡è€…ã®Webサイトを見るã¨ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’é‡è¦ãªé¸æŒ™ãƒ„ールã¨ã—ã¦ä½ç½®ã¥ã‘ã¦ã„ã‚‹ã“ã¨ãŒä¼ºãˆã¾ã™ã€‚ãƒãƒƒãƒˆã‚’使ã£ãŸé¸æŒ™æ´»å‹•ãŒåˆ¶é™ã•ã‚Œã¦ã„る日本ã¨ã¯äº‹æƒ…ãŒç•°ãªã‚‹ã›ã„ã‚‚ã‚ã‚‹ã§ã—ょã†ãŒã€ä¸¡è€…ã¨ã‚‚ã«å…¬å¼ã‚µã‚¤ãƒˆã®å……実ã¶ã‚ŠãŒã™ã”ã„ã®ã§ã™ã€‚ブãƒã‚°ã‚„å‹•ç”»ã®æ´»ç”¨ã¯å½“ãŸã‚Šå‰ã€‚グッズã®ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ã€ã‚µãƒãƒ¼ã‚¿ãƒ¼å‘ã‘ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ©Ÿèƒ½ãªã©ã€ã¡ã‚‡ã£ã¨ã—ãŸãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã®ã‚ˆã†ãªå‡ã£ãŸä½œã‚Šã§ã™ã€‚ ãã‚“ãªæ°—åˆã®å…¥ã£ãŸWebサイトã ã‘ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®é¢ã§ã‚‚å‚考ã«ãªã‚‹é¢ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚今回ã¯ç‰¹ã«ã€Ajaxを活用ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æŒã¤ã€ã‚ªãƒãƒžå€™è£œã®å…¬å¼ã‚µã‚¤ãƒˆã‚’ãŠæ‰‹æœ¬ã¨ã•ã›ã¦ã„ãŸã ãã¾ã—ょã†ã€‚ 今回ã®ãŠæ‰‹æœ¬ã‚µã‚¤ãƒˆï¼š 『Barack Obama and Joe Biden〠11月4æ—¥ã«é–‹å‚¬ã•ã‚Œã‚‹ç±³å›½å¤§çµ±é ˜é¸æŒ™ã«
jQuery ListNav Plugin
This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter. Hovering over a letter (optionally) shows a count above the letter, indi
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2009/01/slide.html
{{#tags}}- {{label}}
{{/tags}}