世界ä¸ã®ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ã‚’æ¤œç´¢ã™ã‚‹ãŸã‚ã®ãƒ„ールをæä¾›ã—ã¦ã„ã¾ã™ã€‚ã•ã¾ã–ã¾ãªæ¤œç´¢æ©Ÿèƒ½ã‚’活用ã—ã¦ã€ãŠæŽ¢ã—ã®æƒ…å ±ã‚’è¦‹ã¤ã‘ã¦ãã ã•ã„。
Google
世界ä¸ã®ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ã‚’æ¤œç´¢ã™ã‚‹ãŸã‚ã®ãƒ„ールをæä¾›ã—ã¦ã„ã¾ã™ã€‚ã•ã¾ã–ã¾ãªæ¤œç´¢æ©Ÿèƒ½ã‚’活用ã—ã¦ã€ãŠæŽ¢ã—ã®æƒ…å ±ã‚’è¦‹ã¤ã‘ã¦ãã ã•ã„。
ページã«ä»•è¾¼ã¾ã‚ŒãŸJavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’全部見ãˆã‚‹åŒ–出æ¥ã‚‹ãƒ–ックマークレット「Visual Eventã€:phpspot開発日誌
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryプラグイン「Slider Kit... 次ã®è¨˜äº‹ ≫：ã‹ãªã‚Šã„ã„æ„Ÿã˜ã®WordPressãƒ†ãƒ¼ãƒžï¼’ï¼ Allan Jardine | Reflections | Visual Event ページã«ä»•è¾¼ã¾ã‚ŒãŸJavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’全部見ãˆã‚‹åŒ–出æ¥ã‚‹ãƒ–ックマークレット「Visual Eventã€ã€‚ JavaScript ã§é–‹ç™ºã—ã¦ã„ã¦ã€jQueryç‰ã®å„種フレームワークやã€on〜 を使ã£ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚’埋ã‚込むã“ã¨ã¯å¤šã„ã§ã™ã。 後ã«ãªã£ã¦ã€ã©ã“ã«ã‚¤ãƒ™ãƒ³ãƒˆãŒã‚ã‚‹ã®ã‹ã‚’ã™ã見ãˆã‚‹åŒ–ã—ã€ã©ã®ã‚ˆã†ãªå‡¦ç†ãŒè¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã€ç¢ºèªã™ã‚‹ã“ã¨ã®ã§ãるブックマークã®ã”紹介ã§ã™ã€‚ 当サイトã«ã¯ãã‚Œã»ã©ã‚¤ãƒ™ãƒ³ãƒˆãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã¾ã›ã‚“ã®ã§ã€Yahoo! Japanã®ãƒˆãƒƒãƒ—ページã§è©¦ã—ã¦ã¿ã¾ã™ã€‚ ブックマークレットを起動ã™ã‚‹ã¨ã€ã‚°ãƒ¬ãƒ¼ã‚¢ã‚¦ãƒˆã•ã‚Œã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ä¸Š
ç”»åƒã‚’使ã£ãŸã„ã‚ã„ã‚ãªjQueryプラグイン224個ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ç”»åƒã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã¦æ‹¡å¤§è¡¨ç¤ºã—ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’作ã£ãŸã‚Šã€ãƒ„ールãƒãƒƒãƒ—ã§è¡¨ç¤ºã—ãŸã‚Šã€ã¨ã„ã†ã‚ˆã†ãªç”»åƒã‚’使用ã—ãŸjQueryプラグインãŒæ²¢å±±ã‚ã‚‹ã®ã¨ã€æŽ¢ã—ã¦ã‚‹æ–¹ãŒç›´ãã«è¦‹ã¤ã‘られるよã†ã«ã€ã¨ã„ã†äº‹ã§ãƒªãƒ³ã‚¯é›†ã‚’作りã¾ã—ãŸã€‚ ã¨ã„ã†è¨³ã§ã€é›†ã¾ã£ã¦ã„ã‚‹jQueryã®ãƒ—ラグインã®å…±é€šç‚¹ã¯ç”»åƒã‚’使ã£ã¦ã„ã‚‹ã€ã¨ã„ã†äº‹ã ã‘ã§ã™ã€‚一貫性無ã„ã¨ã„ãˆã°ç„¡ã„ã§ã™ãŒã€å€‹äººçš„ã«ã‚‚å¿…è¦ã¨ã™ã‚‹äº‹ãŒå¤šã„ã®ã§è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ã‚·ã‚§ã‚¢ã€‚ 日本語 English çµæ§‹ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã¯ã„ã„åŠ æ¸›ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšã”了承下ã•ã„。画åƒã˜ã‚ƒãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒãƒ»ãƒ»ã¿ãŸã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒ‡ãƒ¢ã§ç”»åƒã‚’使ã£ã¦ã‚‹ã€ç”»åƒã¨ç›¸æ€§ãŒè‰¯ã•ãã†ã€ã¿ãŸã„ãªã‚‚ã®ã¯åŸºæœ¬çš„ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ リンクã«ãƒžã‚¦ã‚¹ä¹—ã›ã‚Œã°ã‚ャプãƒãƒ£ãŒå‡ºã¾ã™ã€‚ Lightbox Lightbox風ã«ç”»åƒã‚’表ç¾ã§ãã‚‹jQueryã„ã‚ã„ã‚ Lightbox2 / ベーシックãªã‚¿ã‚¤ãƒ—。
Amazonã‚„Flickrã®ã‚ˆã†ã«ã€ç”»åƒã«ç¯„囲を指定ã—ã¦ãƒ¡ãƒ¢ã‚„URLã‚’åŠ ãˆã‚‹äº‹ãŒå¯èƒ½ãªjQuery-Notes - ã‹ã¡ã³ã¨.net
Amazonã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚„ Flickrã®ã‚ˆã†ã«ç”»åƒã«ç¯„囲を指定 ã—ã¦ã€ãã“ã«ãƒ¡ãƒ¢ã‚„URLã‚’åŠ ãˆã‚‹ 事ãŒå¯èƒ½ãªjQueryプラグイン〠jQuery-Notesã‚’ã”紹介ã—ã¾ã™ã€‚ Amazonã‚„Flickrã¯ã‚ャプションã ã‘ã§ã—ãŸã£ã‘・・（忘れãŸï¼‰éƒ¨åˆ†çš„ã«ãƒªãƒ³ã‚¯ã‚‚付ã‘られるã®ã¯ãªã‹ãªã‹ä¾¿åˆ©ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ライセンスã¯NonCommercial-ShareAlikeã®CCライセンスã€ãƒªãƒ³ã‚¯ã‚·ã‚§ã‚¢&商用ä¸å¯ã¨ãªã£ã¦ã„ã¾ã™ã€‚使ã‚ãªãã¦ã‚‚コードç‰ãŒå‚考ã«ãªã‚Šãã†ã§ã™ã。
サイトをã‹ã£ã“よãã™ã‚‹ãŸã‚ã®jQueryプラグイン25+ – creamu
サイトã«ã‹ã£ã“ã„ã„UIを実装ã—ãŸã„。 ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž25+ Best jQuery Plugins To Beautify Your Websiteã€ã€‚サイトをã‹ã£ã“よãã™ã‚‹ãŸã‚ã®jQueryプラグイン集ã§ã™ã€‚ åˆã‚ã¦è¦‹ã‚‹ã‚‚ã®ã‚‚ã‚ã£ã¦ã„ã„æ„Ÿã˜ã§ã™ã€‚ YoxView lightboxç³»ã®ç”»åƒã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã‚¹ã‚¯ãƒªãƒ—ト。ナビゲーションã¨ã‚ャプションãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã—ãŸã‚Šã¨ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ãŒæ°—æŒã¡ã„ã„ã§ã™ Fade In and Out Tooltips for Prototype and Scriptaculous フェードイン&アウトã§è¡¨ç¤ºã•ã‚Œã‚‹ãƒ„ールãƒãƒƒãƒ— Sweet Titles Transparent and Fading Tooltips ページãƒãƒ¼ãƒ‰æ™‚ã«ã€ç”»åƒã‚’フェードインã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト Captify Displays Pretty Image Captions
40分ã§è¦šãˆã‚‹ï¼jQuery速習講座 (1/6)
ã„ã¾ã‚„Web制作ã«æ¬ ã‹ã›ãªããªã£ãŸJavaScript。ã§ã‚‚ã€ã€ŒJavaScriptã¯ã»ã¨ã‚“ã©â€œã‚¢ãƒªãƒ¢ãƒŽâ€ã§æ¸ˆã¾ã›ã¦ã„ã‚‹ã€ã¨ã„ã†æ–¹ã‚‚多ã„ã®ã§ã¯ï¼Ÿ ãã“ã§ã€Webデザイナーやマークアップエンジニアãªã©ã®Web制作者ã®æ–¹å‘ã‘ã«ã€ã„ã¾ä¸€ç•ªäººæ°—ã®JavaScriptライブラリー「jQueryã€ã®åŸºæœ¬ã‚’å¦ã¹ã‚‹ç‰¹åˆ¥ãƒ¬ãƒƒã‚¹ãƒ³ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚é¡Œã—ã¦ã€ã€Œ40分ã§è¦šãˆã‚‹jQueryã€ã€‚è¦ç‚¹ã ã‘ã«ãŽã‚…ã£ã¨çµžã£ã¦è§£èª¬ã—ã¾ã™ã®ã§ã€æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰ä»Šã™ãjQueryを始ã‚ã¾ã—ょã†ã€‚ ã€0分目：導入編】 jQueryã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨åˆ©ç”¨æ–¹æ³• jQueryã®ãƒ©ã‚¤ãƒ–ラリー本体（JavaScriptファイル）ã¯å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€headè¦ç´ ãªã©ã«scriptè¦ç´ を書ã„ã¦èªã¿è¾¼ã¿ã¾ã™ã€‚
データ ＆ アナリティクス | アクセンãƒãƒ¥ã‚¢
データ分æžã‹ã‚‰å°Žã出ã•ã‚ŒãŸã‚¤ãƒ³ã‚µã‚¤ãƒˆç„¡ã—ã«AI（人工知能）ã®æ´»ç”¨ã¯å§‹ã¾ã‚Šã¾ã›ã‚“。ç§ãŸã¡ã¯ã€å„æ¥ç•ŒçŸ¥è˜ã¨ãƒ‡ãƒ¼ã‚¿ãƒ»ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹æŠ€è¡“を駆使ã—データドリブン経営を強力ã«æ”¯æ´ã—ã¾ã™ã€‚ データã€ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã€AIã¯ä¼æ¥ã«ã¨ã£ã¦ç«¶åˆä»–社ã¨ã®å·®åˆ¥åŒ–を図るã‹ã¤ã¦ãªã„ã»ã©å¤§ããªè¦å› ã«ãªã£ã¦ã„ã¾ã™ã€‚今日ã®çµŒå–¶å¹¹éƒ¨ãŒåŠ¹çŽ‡ã‚’å‘上ã—ãªãŒã‚‰æ–°ãŸãªåŽç›Šæºã‚’é–‹æ‹“ã—ã€æ–°ã—ã„ビジãƒã‚¹ãƒ¢ãƒ‡ãƒ«ã‚’タイムリーã«æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã‚’模索ã™ã‚‹ä¸ã€ä¾¡å€¤ã‚’生ã¿å‡ºã—æˆé•·ã‚’続ã‘ã‚‹ä¼æ¥ã«ã¯ã€Œãƒ‡ãƒ¼ã‚¿æ´»ç”¨ã€ã¨ã„ã†å…±é€šé …ãŒã‚ã‚Šã¾ã™ã€‚ç§ãŸã¡ã¯ã€ç„¡æ•°ã®ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ä¼æ¥ã«ã¨ã£ã¦æœ¬å½“ã«å¿…è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’活用ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’知ã£ã¦ã„ã¾ã™ã€‚ å°†æ¥ã‚’見æ®ãˆãŸã‚ªãƒšãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ä½“制を備ãˆã¦ã„ã‚‹ä¼æ¥ã®åŠæ•°ä»¥ä¸Šï¼ˆ52％）ã¯ã€ã™ã§ã«ãƒ‡ãƒ¼ã‚¿ã¨ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã‚’大è¦æ¨¡ã«æ´»ç”¨ã—ã¦ã„ã¾ã™ã€‚データã¨AIã«é–¢ã™ã‚‹å–り組ã¿ã‚’ビジãƒã‚¹æˆ¦ç•¥ã«æ²¿ã£ã¦å®Ÿæ–½ã™ã‚‹ã“ã¨ã§æŠ•è³‡åˆ©ç›ŠçŽ‡ã‚’迅速ã«æœ€å¤§åŒ–ã—ã€æœ€çµ‚çš„ã«ã¯AIをビ
ã‚‚ã†ã“ã‚Œã§å分。HTML上ã§ãƒ†ãƒ¼ãƒ–ルを表示ã™ã‚‹ãªã‚‰Â·Sigma Grid MOONGIFT
æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹éš›ã«ã€ä¸€è¦§è¡¨ã‚’表示ã™ã‚‹ã¨ã„ã†å‡¦ç†ã¯å¤šã„。ãã—ã¦ãã®ãƒ‡ãƒ¼ã‚¿ã‚’並ã¹æ›¿ãˆãŸã‚Šã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’入れãŸã‚Šã—ãŸã„ã¨ã„ã†ãƒ‹ãƒ¼ã‚ºã‚‚多ã発生ã™ã‚‹ã€‚å ´åˆã«ã‚ˆã£ã¦ã¯ã‚«ãƒ©ãƒ を並ã¹æ›¿ãˆãŸã‚Šã€ä¸€æ‹¬æ›´æ–°ã—ãŸã„ãªã‚“ã¦è¨€ã‚れるã“ã¨ã‚‚ã‚る。 ソートも並ã¹æ›¿ãˆã‚‚ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚‚全部ã“ã¿ã“ã¿ ãれを一ã¤ä¸€ã¤å®Ÿè£…ã—ã¦ã„ã¦ã¯éžå¸¸ã«å·¥æ•°ãŒã‹ã‹ã£ã¦ã—ã¾ã†ã€‚ãã“ã§ä½¿ã„ãŸã„ã®ãŒã“ã®Sigma Gridã 。 Sigma Gridã¯ãƒ†ãƒ¼ãƒ–ルã®è¡¨ç¤ºã¨ã‚½ãƒ¼ãƒˆã€ãƒ‡ãƒ¼ã‚¿ç·¨é›†ãªã©ã‚’å¯èƒ½ã«ã™ã‚‹è¶…豪è¯ãƒ©ã‚¤ãƒ–ラリã 。LGPLライセンスã®ä¸‹ã«å…¬é–‹ã•ã‚Œã¦ã„るオープンソース・ソフトウェアã 。 Sigma Gridã¯ãƒ‡ãƒ¼ã‚¿ã®è¡¨ç¤ºã«éš›ã—ã¦JSONã§ãƒ‡ãƒ¼ã‚¿ã‚’渡ã™å¿…è¦ãŒã‚る。ãã®ãŸã‚æ—¢å˜ã®ã‚·ã‚¹ãƒ†ãƒ ã«ãã®ã¾ã¾çµ„ã¿è¾¼ã‚€ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œãªã„。ã ãŒãã®å¤‰æ›´ã—ã¦ã‚‚ã‚ã¾ã‚Šã‚るメリットを享å—ã§ãã‚‹ã«é•ã„ãªã„。 ç”»åƒè¡¨ç¤ºã¨ã‚¯ãƒªãƒƒã‚¯ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ä¾‹ ã¾ãšã‚«ãƒ©ãƒ ã”ã¨
ウェブ制作ã«ä¾¿åˆ©ãã†ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ16é¸ | IDEA*IDEA
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’サービスã®é‹å–¶ã€GTDã®ç›£è¨³ã€å°ç²‹ãªiOSアプリã®é–‹ç™ºã€‚ã¨ãã©ãライフãƒãƒƒã‚¯ã€‚æ–‡ç« ã¯AIã§æ›¸ã„ã¦ã¾ã›ã‚“（詳ã—ã„プãƒãƒ•ã‚£ãƒ¼ãƒ«ï¼‰ã€‚
jQueryã§ä½œã‚‹â€œAmazon風â€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ (1/5)
「最近ã€ã©ã“ã§ã‚ˆãè²·ã„物ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã€â€•â€•ã“ã†èžã‹ã‚Œã¦ã€ŒAmazonï¼ã€ã¨ç”ãˆã‚‹æ–¹ã‚‚å°‘ãªããªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“（特ã«æœ¬èªŒèªè€…ã§ã‚ã‚Œã°ï¼‰ã€‚当åˆã¯æ›¸åº—ã®åº—é ã§å…¥æ‰‹ãŒé›£ã—ã„書ç±ã®è³¼å…¥ãªã©ã«é‡å®ã—ã¦ã„ãŸAmazonã§ã™ãŒã€å–扱商å“ãŒå¢—ãˆãŸä»Šã§ã¯ã€ãƒšãƒƒãƒˆãƒœãƒˆãƒ«ã®æ°´ã‹ã‚‰ãƒ‘ソコンã¾ã§ä½•ã§ã‚‚è²·ãˆã‚‹ä¾¿åˆ©ãªECサイトã¨ã—ã¦ã€ãƒãƒƒãƒˆåˆ©ç”¨è€…ã®ç”Ÿæ´»ã«å®šç€ã—ã¾ã—ãŸã€‚ ã‚‚ã£ã¨ã‚‚ã€Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ç«‹å ´ã‹ã‚‰è¦‹ã‚‹ã¨ã€Amazonã®é…力ã¯å“æƒãˆã‚„サービスã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³é¢ã‹ã‚‰Amazonを見ã¦ã‚‚優れãŸç‚¹ã¯å¤šæ•°ã‚ã‚Šã€å®Ÿéš›ã€å›½å†…外ã®éžå¸¸ã«å¤šãã®ECサイトãŒAmazonã‚’ãŠæ‰‹æœ¬ã«ã—ãŸUIを採用ã—ã¦ã„ã¾ã™ã€‚今回ã¯ã€ã€ŒAmazon.co.jpã€ã‚’å‚考ã«ã•ã›ã¦ã‚‚らã„ã¾ã—ょã†ã€‚ 今回ã®ãŠæ‰‹æœ¬ã‚µã‚¤ãƒˆï¼šã€ŽAmazon.co.jp〠米アマゾン・ドットコムã®æ—¥æœ¬æ³•äººã‚¢ãƒžã‚¾ãƒ³ã‚¸ãƒ£ãƒ‘ンãŒ2000å¹´ã‹ã‚‰é‹å–¶ã™ã‚‹ECサイト。ç¾
ã¾ã˜ã§ä½¿ãˆã‚‹Javascriptライブラリ75é¸ | CREAMU
Javascriptã§å„ªã‚ŒãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’実装ã—ãŸã„。 ãã‚“ãªã‚ãªãŸã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž75 (Really) Useful JavaScript Techniquesã€ã€‚ã¾ã˜ã§ä½¿ãˆã‚‹Javascriptライブラリ75é¸ã 。 以下ã«ã„ãã¤ã‹ã”紹介。 » Lightview スムーズã«ç”»åƒã‚’拡大ã—ã¦ãれる » FancyUpload アップãƒãƒ¼ãƒ‰ä¸ã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ã‚’表示ã—ã¦ãれる » SWFObject Javascriptを使ã£ãŸFlashプレーヤ » JavaScript tabifier ç°¡å˜ã«Javascriptã§åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã‚¿ãƒ–インターフェースãŒä½œã‚Œã‚‹ » FancyZoom 1.1 ç°¡å˜ãªã‚¨ãƒ³ãƒ™ãƒƒãƒ‰ã§ã‚¹ãƒ ーズã«ç”»åƒã‚’拡大ã—ã¦ãれる » SimpleModal オーãƒãƒ¼ãƒ¬ã‚¤ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚° » A Mac OS X-style Dock In JavaScript
表示法ãŒæ–°ã—ãセクシーãªLightBox「SexyLightBoxã€:phpspot開発日誌
SexyLightBox - www.coders.me 表示法ãŒæ–°ã—ãセクシーãªLightBoxã€ãã®åも「SexyLightBoxã€ã€‚ 次ã®ã‚ˆã†ãªã€è§’丸ã§ã€è¡¨ç¤ºæ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹LightboxãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 実装法もLightbox風ã«ã€ã‚¢ãƒ³ã‚«ãƒ¼ã‚¿ã‚°ã«å±žæ€§ã‚’ã¤ã‘ã‚‹ã ã‘ã§OKã¿ãŸã„。 関連エントリ スライドショー付ãLightBox風イメージアルãƒãƒ ã®ã‚µãƒ³ãƒ—ル jQueryベースã®LightBoxクãƒãƒ¼ãƒ³ã€ŒprettyPhoto〠ＵＩãŒã‚¯ãƒ¼ãƒ«ã§ã‚µã‚¯ã‚µã‚¯ä½¿ãˆã‚‹Macウェブギャラリー風画åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ŒqGallery〠画åƒã‚’åŒä¸€Window内ã§ã‚¹ãƒ ーズã«ã‚ºãƒ¼ãƒ ã—ã¦ãれるJSライブラリ色々 LightBox風ã«è§’丸ã§å¯æ„›ãç”»åƒã‚’ãƒãƒƒãƒ—アップã—ã¦ãれる「Facebox〠YUIを使ã£ã¦LightBoxを実ç¾ã™ã‚‹ã‚µãƒ³ãƒ—ル 自動ã§ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå¯èƒ½ãªLightBox風ライブラリ
ã¾ã‚‹ã§photoshopï¼JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚«ãƒ©ãƒ¼ãƒ”ッカー[prototype.js]
完全ã«photoshopã¨åŒæ§˜ã®æ©Ÿèƒ½ 以下ã«ã‚µãƒ³ãƒ—ル。 サンプルデモ ã©ã†ã¿ã¦ã‚‚使ã„慣れãŸãƒ”ッカーã«ã—ã‹è¦‹ãˆãªã„。 ã™ã”ã„ã®ãŒãƒ‰ãƒ©ãƒƒã‚°ã¨ã‹è‰²ã€…ã§ãã¦ã€ã‚¹ãƒ ーズã«è‰²ã‚‚変化ã—ã¦ã„ã点。 実物ã¨æ¯”較ã—ã¦ã‚‚é•ã„ãŒã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“。 対応ブラウザも多数 ã“ã®ä½œè€…ã®ã‚¨ãƒ³ãƒˆãƒªã‹ã‚‰ã€å¯¾å¿œãƒ–ラウザãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ・IE5.5 ・IE6 ・IE7 ・firefox2 ・Opera 9 ・Safari 2 幅広ã„ã‚«ãƒãƒ¼çŽ‡ã§ã™ã€‚ ã§ã‚‚ã€1ã¤ã ã‘å•é¡Œã€‚ 一応ダウンãƒãƒ¼ãƒ‰ã—ã¦ãƒãƒ¼ã‚«ãƒ«ã§ç¢ºèªã—ãŸã¨ã“ã‚ãã¡ã‚“ã¨å‹•ãã¾ã—ãŸãŒã€ã¾ãŸã‚‚ã‚„ç§ã®ãƒ¬ãƒ³ã‚¿ãƒ«ã—ã¦ã„るサーãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ã—ã¦ã‚‚å‹•ã‹ãªã„ã¨è¨€ã†ç—‡çŠ¶ãŒç¾ã‚Œã¾ã—ãŸã€‚ ãŸã ã€ä½¿ãˆã‚‹äººã‚‚多数ã„るよã†ãªã®ã§ã€ã”紹介ã ã‘ã¯ã—ã¦ãŠãã¾ã™ã。 皆ã•ã‚“も一応使ã†ã¨ãã¯ã”確èªã‚’。 ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ãƒšãƒ¼ã‚¸ã®ä»¥ä¸‹ã®ç”»åƒã‚’å‚ç…§ã—ã¦ãã ã•ã„。 PhotoShop-like JavaScript
![ã¾ã‚‹ã§photoshopï¼JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚«ãƒ©ãƒ¼ãƒ”ッカー[prototype.js]](https://cdn-ak-scissors.b.st-hatena.com/image/square/74ad25fd2988937e6c7bf78487687476f1ee9145/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-21.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200805061422.jpg)
PHPカンファレンスã§ã‚®ãƒ¼ã‚¯ãŸã¡ãŒå›žç”「PHPã®æ¬¡ã«å¦ã¶è¨€èªžã¯ï¼Ÿã€ï¼šCodeZine
7月21æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸã€ŒPHPカンファレンス2008ã€ã§ã¯ã€åˆå¾Œã®ãƒ¡ã‚¤ãƒ³ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«ã€Œæ¿€è«–ï¼ PHPã®æ¬¡ã«å¦ã¶è¨€èªžã¯ã“ã‚Œã ã€ã¨é¡Œã—ãŸãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚パãƒãƒ©ãƒ¼ã¨ã—ã¦ç™»å ´ã—ãŸã®ã¯ã€Perlã‹ã‚‰Shibuya.pmã®ç«¹è¿«è‰¯ç¯„æ°ã€æ—¥æœ¬Rubyã®ä¼šã®é«˜æ©‹å¾ç¾©æ°ã€æ—¥æœ¬Pythonユーザ会ã®æŸ´ç”°æ·³æ°ã€Javaã‹ã‚‰ã¯Seasarプãƒã‚¸ã‚§ã‚¯ãƒˆã®ã²ãŒã‚„ã™ã‚’æ°ã€ãã—ã¦JavaScriptã¯ã‚ã¾ã¡ã‚ƒã‚“（id:amachang）æ°ï¼ˆShibuya.js）ã¨ã„ã†è±ªè¯ãªé¡”ã¶ã‚Œã¨ãªã£ãŸã€‚å¸ä¼šã¯PHPユーザ会ã®å€‹ã€…一番æ°ãŒæ‹…当ã—ãŸã€‚ PHPã¯å‹•çš„ãªã‚¦ã‚§ãƒ–ページ制作用ã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ»ã‚¹ã‚¯ãƒªãƒ—ト言語ã¨ã—ã¦æ´å²ã‚‚ã‚ã‚Šã€åˆå¿ƒè€…ã‹ã‚‰å¤§è¦æ¨¡é–‹ç™ºã‚’手ãŒã‘るプãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¾ã§åºƒã„層ã«æ”¯æŒã•ã‚Œã¦ããŸã€‚ã—ã‹ã—一方ã§ã€PHPユーザーã«ã¯PHPã—ã‹çŸ¥ã‚‰ãªã„（他ã®ã‚³ãƒ³ãƒ”ュータ言語を利用ã—ãŸã“ã¨ãŒãªã„）ã²ã¨ãŒå¤šã„ã®ã§ã¯ãªã„ã‹ã¨
ãŸã£ãŸ6è¡Œã§Webサイトã®UIをガラッã¨å¤‰ãˆã‚‹
「ã“ã‚“ãªé•·ã„Webページã€ã¾ã£ãŸãèªã‚€æ°—ãŒã—ãªã„ã€ã€‚Webサイトを閲覧ã—ã¦ã„ã¦ã“ã‚“ãªçµŒé¨“ã‚’ã—ãŸã“ã¨ã¯èª°ã—ã‚‚ã‚ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚一方ã§ã€Webサイトを作るå´ã«ã¨ã£ã¦ã¯ã€ã©ã“ã¾ã§ã‚’1ページã«ã¾ã¨ã‚ã‚‹ã‹ã¯å¸¸ã«æ‚©ã‚€ã¨ã“ã‚ã ã¨æ€ã†ã€‚é•·ã„ã‹ã‚‰ã¨ã„ã£ã¦ã‚€ã‚„ã¿ã«ãƒšãƒ¼ã‚¸ãŒåˆ†å‰²ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚考ãˆã‚‚ã®ã§ã€ä»Šåº¦ã¯ã€Œæ¬¡ã®ãƒšãƒ¼ã‚¸ã¸ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã®ãŒé¢å€’ã«ãªã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ãŒãŸã¾ã‚‹ã€‚ CogniTom Academic DesignãŒä½œã£ãŸã€Œbookreader.jsã€ã¯ã€ãã‚“ãªæ‚©ã¿ã‚’解決ã—ã¦ãれるã‹ã‚‚ã—ã‚Œãªã„。bookreaderã¯ã€æœ¬ã‚„雑誌をã‚ãるよã†ãªæ„Ÿè¦šã§ã€Webページã®æœ¬æ–‡ã‚’横ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹JavaScriptライブラリã 。 「bookreader.jsã€ã®Webサイト。サイト自体ãŒbookreader.jsを使ã£ãŸãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’å…¼ãã¦ã„る。ä¸å¤®ã«ã‚ã‚‹ [<] [>] をクリックã™ã‚‹ã¨1ページãšã¤ã€
js-users.jp - 日本㮠JavaScript ユーザã®ãŸã‚ã®ãƒãƒ–サイト
YAPC::Asia 2008 㧠Michael Schwern ã¯ã€ŒSEO ã«æœ‰åŠ¹ãªç‹¬è‡ªãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’å–ã£ã¦ã€ã‚‚ã£ã¨ Perl åˆå¿ƒè€…ãŒé›†ã¾ã‚Šã‚„ã™ã„ nice 㪠Perl ã®æƒ…å ±ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆã‚’作れï¼ã€ã¨ã„ã£ãŸãã†ã§ã™ã€‚ãã—ã¦ã€ŒPerl-users.jp - 日本ã®Perlユーザã®ãŸã‚ã®ãƒãƒ–サイトã€ãŒã§ãã¾ã—ãŸã€‚ãã‚Œã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¦as-users.jpも出æ¥ãŸã‚‰ã—ã„。 ã“れ㯠JavaScript ã‚‚åŒã˜ã§ã¯ãªã„ã®ã‹ï¼Ÿ ãã†æ€ã£ã¦ js-users.jp ドメインをå–ã‚Šã€ã“ã“ã« js-users.jp を開始ã—ã¾ã™ã€‚完全㫠as-users.jp ã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¦ã„ã¾ã™ã€‚本当ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ノープランã§ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ± ajax Experience http://ajaxexperience.techtarget.com/html/index.html 2008å¹´
Re:一晩ã§è¦šãˆã‚‹jQueryã®é€†å¼•ã基礎サンプル7㤠(ã§ãƒã¹ã‚ã£ã±ãƒ¼ãšãƒ»ã•ã„ã©)
一晩ã§è¦šãˆã‚‹jQueryã®é€†å¼•ã基礎サンプル7ã¤*ホームページを作る人ã®ãƒã‚¿å¸³ jQueryã«æ›¸ãã¨ã»ã£ã¦ã‚“ã¨ã‚Šå…¥ã‚Šã§ãるらã—ã„ã®ã§ä¾¿ä¹—。ã¨ã„ã†ã‹ãƒªãƒ³ã‚¯å…ˆã§ç´¹ä»‹ã•ã‚Œã¦ã„るサンプルコードã«ã¡ã‚‡ã£ã¨æ„義異è°ã‚り。 一個ã®ã‚µãƒ³ãƒ—ルã¯éžå¸¸ã«å˜ç´”ãªæ§‹é€ ã«ãªã£ã¦ãŠã‚Šã¾ã™ã‚†ãˆã€jQueryã‚’ã™ã§ã«ã‚„ã£ãŸã“ã¨ãŒã‚る人ã«ã¨ã£ã¦å¿…è¦ãªã„ã‚‚ã®ã ã¨ã„ã†ã“ã¨ã‚’ã‚らã‹ã˜ã‚ã”了承ãã ã•ã„ã¾ã›ã€‚ ã¨ã„ã†ã“ã¨ã§ã‚ã‚Œã°ã€ã€ŒjQueryらã—ã„ã€æ›¸ã方をã—ãŸæ–¹ãŒè‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ã§ã€åƒ•ãªã‚‰ã“ã†æ›¸ãã£ã¦ã“ã¨ã§ã€‚ 全般的ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹$(document).ready(fn)ã¯ã€$(fn)ã§ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã§ãã¾ã™ã€‚ $(document).ready(function(){alert('hoge');}) ã¯ã€ $(function(){alert('hoge');}) ã“ã†æ›¸ã‘ã‚‹ã¨ã€‚ ã¾ã‚ã€ã“ã‚Œã¯ã©ã†ã§ã‚‚ã„ã„や。çŸã書ã‘ã‚‹ã£ã¦
一晩ã§è¦šãˆã‚‹jQueryã®é€†å¼•ã基礎サンプル7ã¤*ホームページを作る人ã®ãƒã‚¿å¸³
一個ã®ã‚µãƒ³ãƒ—ルã¯éžå¸¸ã«å˜ç´”ãªæ§‹é€ ã«ãªã£ã¦ãŠã‚Šã¾ã™ã‚†ãˆã€jQueryã‚’ã™ã§ã«ã‚„ã£ãŸã“ã¨ãŒã‚る人ã«ã¨ã£ã¦å¿…è¦ãªã„ã‚‚ã®ã ã¨ã„ã†ã“ã¨ã‚’ã‚らã‹ã˜ã‚ã”了承ãã ã•ã„ã¾ã›ã€‚ エフェクト関係ã¨ã‹ãれ以å‰ã«ã€ã©ã‚“ãªã“ã¨ã‚’ã™ã‚Œã°ã©ã†ãªã‚‹ã®ã‹ã¨ã„ã†åŸºç¤Žçš„ãªã‚µãƒ³ãƒ—ルã§ã™ã€‚ プラグイン関係ã¯ä»¥å‰æ›¸ã„ãŸè¨˜äº‹ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 jQueryã§web制作をã™ã‚‹æ™‚ã«ã‚ープã—ã¦ãŠããŸã„30リスト ãã‚‚ãもｊQueryã£ã¦ä½•ã§ã™ã‹ã¨ã„ã†äººã¯ä»¥ä¸‹ã‚’。 今更ã§ã™ãŒã€jQueryã«ã¯ã¾ã‚Šã¾ã—㟠追記：ã»ã‚“ã¨ã™ã„ã¾ã›ã‚“ãƒãƒ¼ã‚«ãƒ«ã§å‹•ä½œç¢ºèªã—ãŸã¨ã“ã‚å‹•ãã®ã§ã™ãŒã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã¯firefoxã—ã‹å‹•ä½œç¢ºèªã›ãšã«å…¬é–‹ã€‚ IE7ã§ã¯ä¸Šã®4ã¤ãŒå‹•ãã¾ã›ã‚“。 ã„ãã¤ã‹ç¢ºèªã—ãŸã®ã§ã™ãŒã€ã©ã†ã—ã¦ã‚‚IE7ã§JavaScriptエラー。ダメã™ãŽã‚‹è‡ªåˆ†ãƒ»ãƒ»ãƒ»ã€‚ 追記2：ã¾ã„ã‚Šã¾ã—ãŸã€‚ä»–ã®ã‚µã‚¤ãƒˆã®è¨˜è¿°ã‚’見ã¦ã‚‚ミスãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“。言語å•é¡Œã§ã—ょã†ã‹ãƒ»ãƒ»ãƒ»ã‚¢ã‚¯
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chrome拡張入門
特集：Firefox 3ã¨Firebugã§å§‹ã‚ã‚‹JavaScript開発｜gihyo.jp … 技術評論社
{{#tags}}- {{label}}
{{/tags}}