Web制作ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’飛èºçš„ã«é«˜ã‚ã‚‹JavaScriptライブラリ10é¸ã‚’ä¸€æŒ™å…¬é–‹ï¼ - paiza times
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ã€‚ ã¿ãªã•ã‚“ã¯ã€ã€ŒJavaScriptライブラリã€ã‚’活用ã—ã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼Ÿ Webサイト制作ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã•ã¾ã–ã¾ãªWebアプリやサービスãªã©ã‚’開発ã™ã‚‹æ™‚ã«ã€å¤§å¹…ãªæ™‚é–“çŸç¸®ã‚„クオリティを飛èºçš„ã«ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€å›½å†…外ã§äººæ°—ãŒé«˜ãã¦èª°ã§ã‚‚ç°¡å˜ã«æ‰±ãˆã‚‹ã€ŒJavaScriptライブラリã€ã‚’厳é¸ã—ã¦ã”紹介ã—よã†ã¨æ€ã„ã¾ã™ï¼ ■多機能ãªã€Œå†™çœŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚’組ã¿è¾¼ã‚ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ â—†1.Viewer.js 複数ã®ç”»åƒã‚’表示ã™ã‚‹éš›ã«ã€ã‚ªã‚·ãƒ£ãƒ¬ãªã€Œã‚®ãƒ£ãƒ©ãƒªãƒ¼é¢¨ã€ã«å¤‰æ›ã—ã¦ãれるライブラリã§ã™ã€‚ é¡žä¼¼ã®ãƒ©ã‚¤ãƒ–ラリã¯ã„ãã¤ã‹å˜åœ¨ã—ã¾ã™ãŒã€ã€ŒViewer.jsã€ã¯ä½¿ã„æ–¹ãŒéžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§æ‰±ã„ã‚„ã™ã„ã®ã«ã€å¤šæ©Ÿèƒ½æ€§ã‚‚å‚™ãˆã¦ã„るスグレモノã¨ãªã£ã¦ã„ã¾ã™ã€‚ 基本的ãªä½¿ã„æ–¹ã¨ã—ã¦ã¯ã€HTMLファイルã«è¡¨ç¤ºã•ã›ãŸã„ç”»åƒã‚’「リストè¦ç´ ã€ã§æŒ‡
スマートフォン（iPhone/Android）ã®ãƒšãƒ¼ã‚¸å†…振り分㑠- JavaScriptテックラボ - [SMART]
ページ内ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã©ã†ã‹ã‚’判別ã—ã€è¡¨ç¤ºã‚’切り替ãˆãŸã„å ´åˆã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ JavaScriptã§iPhoneã€Androidã‚’è˜åˆ¥ã—ã¦ãã‚Œãžã‚Œã®ç«¯æœ«ã¸ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’表示ã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’使ã„ã¾ã™ã€‚ navigator.userAgent ã§å–å¾—ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆæƒ…å ±ã‹ã‚‰ã€ŒiPhoneã€ã¨ã„ã†æ–‡å—ãŒåˆã£ãŸå ´åˆã®å‡¦ç†ã‚’ã™ã‚‹å ´åˆã¯ã€ indexOf を使ã£ã¦ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ /* iPhoneã¨ã„ã†æ–‡å—ãŒè¦‹ã¤ã‹ã£ãŸå ´åˆ */ if ( navigator.userAgent.indexOf('iPhone') > 0 ){ } indexOf()メソッドã¯ã€æŒ‡å®šã—ãŸã‚ーワードã®ç™ºè¦‹ä½ç½®ã‚’è¿”ã—ã¾ã™ã€‚発見ã§ããªã‘ã‚Œã°-1ã®æ•°å€¤ã‚’è¿”ã™ã®ã§ã€å€¤ãŒ0より上ã§ã‚ã‚Œã°ã‚ーワードãŒç™ºè¦‹ã§ããŸã¨åˆ†ã‹ã‚Šã¾ã™ã€‚ iPhone/iPad/iPod/Android毎ã«å‡¦ç†ã‚’分ã‘ã‚‹ã«ã¯æ¬¡ã®ã‚ˆ
![スマートフォン（iPhone/Android）ã®ãƒšãƒ¼ã‚¸å†…振り分㑠- JavaScriptテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
シングルページãªã‚µã‚¤ãƒˆã‚’デザインã™ã‚‹ä¸Šã§ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ã‚‚ã—ã‚Œãªã„プラグインã¨ã‹è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
最近多ã„ã§ã™ãーã€1ページã§å®Œçµã™ã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚µã‚¤ãƒˆã€‚One Page Loveã®ã‚µã‚¤ãƒˆãªã‚“ã‹ã‹ã‚‰ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã®äº‹ä¾‹ã‚‚大é‡ã«è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã—ã€ãƒ‘ララックスやらフリップ型ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„やらã€ãªã‚“ã‹è‰²ã€…出ã¦ãã¦ã¦ç€ã„ã¦è¡Œãã®ãŒã‚„ã£ã¨ã§ã™â€¦ ã§ã‚‚実際シングルページをã¤ãã‚ã†ã¨ã™ã‚‹ã¨ã€ãˆï¼Ÿä½•ã“ã‚Œã©ã†ãªã£ã¦ã‚“ã®ï¼Ÿã£ã¦ç‰©ã‚‚多ãã¦ãƒ“ビるã“ã¨ã‚‚ã—ã°ã—。 ã£ã¦ã“ã¨ã§ã€ä»Šæ—¥ã¯åƒ•ãŒçŸ¥ã£ã¦ã‚‹ä¸ã§ã€ŽãŠã€ã“ã‚Œã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ä½œã‚‹æ™‚ã«ä½¿ãˆã‚‹ã‚“ã˜ã‚ƒã？ã€ã£ã¦ç‰©ã‚’å¹¾ã¤ã‹ã”紹介ã•ã›ã¦é ‚ãã¾ã™ï¼ 主ã«ã¯ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¡¨ç¾ã®å¹…を広ã’ã‚‹jQueryプラグインã®ç´¹ä»‹ã«ãªã‚‹ã‹ãªã¨æ€ã„ã¾ã™ãŒã€æ¥½ã—ã„物も多ã„ã®ã§ã€æ˜¯éžèˆˆå‘³ãŒã‚ã‚Œã°è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã¾ã›ã€œï¼ ãã‚Œã§ã¯ã„ã£ã¦ã¿ã¾ã—ã‚‡ãƒ¼ï¼ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒªãƒ³ã‚°ç³»ãƒ—ラグイン ã“ã®è¾ºã¯ä»¥å‰ã«ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã‚‹ã‚‚ã®ã°ã‹ã‚Šãªã®ã§ã€ã±ã±ãƒ¼ã£ã¨è¡Œãã¾ã™ã€‚ jQuery Waypoint
パララックスサイトã®ä½œã‚Šæ–¹ã®åˆæ©
最近パララックス（視差効果）をå–り入れãŸã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ 仕組ã¿ã‚„ç°¡å˜ãªã‚‚ã®ã‚’作れるよã†ã«ã—ã¦ãŠããŸã‹ã£ãŸã®ã§ã„ã‚ã„ã‚試ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ã‚‚ã£ã¨åŠ¹çŽ‡è‰¯ã作れる方法ã¨ã‹ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã€ä¸€ä¾‹ã¨ã„ã†ã“ã¨ã§å¾¡è¦§ãã ã•ã„。プラグインã¯ã¾ã 試ã—ãŸã“ã¨ãŒãªã„ã®ã§ ãã¡ã‚‰ã‚’使ã£ãŸã»ã†ãŒæ¥½ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 パララックス効果ã®jQueryプラグインã¾ã¨ã‚ ã‚ã¨å‹•ä½œã¯ã“ã®è¨˜äº‹æ™‚点ã§ã®Firefoxã®æœ€æ–°ç‰ˆã§ã—ã‹ç¢ºèªã¯ã—ã¦ã„ã¾ã›ã‚“。 スクãƒãƒ¼ãƒ«é‡ã‚’å–å¾—ã™ã‚‹ ã¾ãšã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å‹•ãã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ã‚’å–å¾—ã—ã¾ã™ã€‚ã¡ãªã¿ã«jQueryを使ã£ã¦ã¾ã™ã€‚ $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクãƒãƒ¼ãƒ«é‡ï¼š" + y);//表示用 }); }); サンプルペー
[JS]ã“れスゴイよï¼ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«ã•ã¾ã–ã¾ãªæ¥½ã—ã„エフェクトを与ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -ScrollMagic
スクãƒãƒ¼ãƒ«ã«åˆã‚ã›ã¦ã€ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’シンクãƒã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«æ¬¡ã€…ã«è¦ç´ を表示ã—ãŸã‚Šã€ç°¡å˜ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’åŠ ãˆãŸã‚Šã€ç‰¹å®šã®è¦ç´ をスクãƒãƒ¼ãƒ«æ™‚ã«ãƒ”ンã§ç•™ã‚ã¦è¡¨ç¤ºã—ãŸã‚Šãªã©ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç³»ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯å…¨éƒ¨ã§ãã¦ã—ã¾ã†æ„Ÿã˜ã§ã™ã€‚ スマフォãªã©ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã¯ã‚‚ã¡ã‚ã‚“ã€æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€divè¦ç´ ã®å†…å´ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãªã©ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚
jQueryã®toggleã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„タブをã•ãã£ã¨å®Ÿè£…ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚LIGフィリピン支社代表ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ 最近å‹äººã¨ã€Žä¸å¦ç”Ÿå††å±±ã€ã‚’観ã«è¡Œãã¾ã—ãŸã€‚ 女性ã«ã¯ãŠãらãç†è§£ã§ããªã„ã§ã‚ã‚ã†ã€Œç”·åä¸å¦ç”Ÿã‚ã‚‹ã‚る（主ã«ä¸‹ãƒã‚¿ï¼‰ã€ãŒç››ã‚Šè¾¼ã¾ã‚Œã¦ã„ã¦ã€ã„ã„æ„味ã§ãƒ’ドイ内容ã§ã—ãŸã€‚ã‚‚ã†ä¸€å›žè¦³ãŸã„（´ω`） ã•ã¦ã€ä»Šå›žã¯ã€ŒHTMLã¨CSSã¯ã‚ã‹ã‚‹ã‘ã©jQueryã£ã¦ãªã«ãã‚Œã€ãŠã„ã—ã„ã®ã€ã¨ã„ã†æ–¹å‘ã‘ã«ã€ä»Šæ—¥ã‹ã‚‰ä½¿ãˆã‚‹ç°¡å˜ã‹ã¤ä¾¿åˆ©ãª3ã¤ã®ãƒ¡ã‚½ãƒƒãƒ‰ã€ŒslideToggleï¼fadeToggleï¼toggleClassã€ã‚’ã”紹介ã—ã¾ã™ã€‚ ã“ã„ã¤ã‚‰ã‚’知ã£ã¨ãã¨ä¸‹è¨˜ã®ã‚ˆã†ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚。 アコーディオンメニューã€ã‚¿ãƒ–ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã‚ˆãã‚る「上ã‹ã‚‰ã‚¹ãƒ©ã‚¹ãƒ©å‡ºã¦ãるメニューã€ã¨ã‹å®Ÿè£…ã§ãã‚‹ 超シンプルãªè¨˜è¿°ãªã®ã§ã€ä»Šæ—¥ã‹ã‚‰ä½¿ãˆã‚‹ ã„やーã“ã‚Œã¯ä¾¿åˆ©ã§ã™ã。 ã¨ã„ã†ã‚ã‘ã§ã€æ—©é€Ÿè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã€ã“ã¡ã‚‰ã‚‚ãŠã™ã™ã‚】 超簡å˜jQ
[JS]æ—¢å˜ã®ãƒŠãƒ“ゲーションを簡å˜ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒˆã‚°ãƒ«åž‹ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Naver
水平型ãªã©ã€ä»Šä½¿ç”¨ã—ã¦ã„るナビゲーションをスマフォやタブレットã§è¡¨ç¤ºã—ãŸéš›ã«ã€ãƒˆã‚°ãƒ«åž‹ãƒŠãƒ“ゲーションã«è‡ªå‹•ã§å¤‰æ›´ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ スマフォ時ã®è¡¨ç¤º Naverã®ä½¿ã„æ–¹ Step 1: 外部ファイル jquery.jsã¨å½“スクリプト・スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="jquery.min.js"></script> <link rel="stylesheet" href="jquery.fs.naver.css" type="text/css" media="all" /> <script src="jquery.fs.naver.js"></script> Step 2: HTML HTMLã¯ãƒŠãƒ“ゲーションã®è¦ç´ を指定ã§ãるよã†ã«å®Ÿè£…ã—ã¾ã™ã€‚ ※ã“ã“ã§ã¯ã€navã§æŒ‡å®šã€‚ <nav> <a href="#">Home</a>
AmazonJS (WordPress Plugin)
æ¦‚è¦ AmazonJSã¯javascriptã§Amazonã®å•†å“を表示ã™ã‚‹WordPressプラグインã§ã™ã€‚ http://wordpress.org/extend/plugins/amazonjs/ WordPress 2.8以上ã€PHP5以上ã§å‹•ä½œã—ã¾ã™ 商å“データã®ã‚ャッシュã§Transients APIを使用ã—ã¾ã™(ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.8ã‹ã‚‰) ブãƒã‚°ã®ç·¨é›†ç”»é¢ã‹ã‚‰Amazon商å“を検索ã—ã¦ã€æŠ•ç¨¿ã¸è¿½åŠ ã§ãã¾ã™ 投稿ã¸è¿½åŠ ã™ã‚‹æ™‚ã«javascriptを使ã£ã¦å‹•çš„ã«è¡¨ç¤ºã™ã‚‹ã®ã‹ã€javascriptを使ã‚ãšã«WP-Amazon互æ›ã®ç°¡å˜ãªãƒªãƒ³ã‚¯ã‚’表示ã™ã‚‹ã‹é¸æŠžã§ãã¾ã™ jQuery templateを使ã£ãŸè¡¨ç¤ºã®æ‹¡å¼µãŒã§ãã¾ã™(javascriptãŠã‚ˆã³jQuery templateã®çŸ¥è˜ãŒå¿…è¦ã§ã™) RSSフィードã§ã‚„javascriptãŒã‚ªãƒ•ã®å ´åˆã¯ã‚µãƒ¼ãƒãƒ¼å´ã§ã‚·ãƒ³ãƒ—ルãªãƒªãƒ³ã‚¯ã‚’è¿½åŠ ã—
Unity - Game Engine
ドメインウェブã®è¨å®šãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ 考ãˆã‚‰ã‚Œã‚‹åŽŸå› ドメインウェブã®è¨å®šãŒã¾ã è¡Œã‚ã‚Œã¦ã„ãªã„。 ドメインウェブã®è¨å®šãŒã¾ã åæ˜ ã•ã‚Œã¦ã„ãªã„。(åæ˜ ã«ã¯æ•°æ™‚間～24時間ã‹ã‹ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™) ドメインウェブ・DNSã®è¨å®šãŒèª¤ã£ã¦ã„る。 アカウントãŒå˜åœ¨ã—ãªã„ã€å¥‘ç´„ãŒçµ‚了ã—ã¦ã„ã‚‹ã€å‰Šé™¤ã•ã‚Œã¦ã„る。
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
Webサイトã®èªã¿è¾¼ã¿ä½“感速度ãŒ2秒ãらã„上ãŒã‚‹ã‹ã‚‚。SNSボタンã¯å¾Œã‹ã‚‰èªã¿è¾¼ã‚ï¼ - Webå¦ã³
2012å¹´ 6月 13æ—¥ æ–°ã—ã„サーãƒãƒ¼ã§ãƒ–ãƒã‚°ã‚’リニューアルã—ã¦æ°—ãŒã¤ã„ãŸã€SNSボタンã®æœ‰ç„¡ã§ã‹ãªã‚Šèªã¿è¾¼ã¿é€Ÿåº¦ã«å·®ãŒã‚る。ã¨ã„ã£ã¦ã‚‚2,3秒ã»ã©ã§ã™ãŒã€ã“ã‚Œã¯çµæ§‹å‘½å–ã‚Šã ã£ãŸã‚Šã—ã¾ã™ã€‚ ã¾ãç§ã‚‚ãã‚“ãªã«è©³ã—ã„ã‚ã‘ã§ã¯ãªã„ã®ã§æ–言ã§ãã¾ã›ã‚“ãŒã€‚ ・訪å•è€…ã¯ãã®æ•°ç§’ã§ã‚µã‚¤ãƒˆã‹ã‚‰é€ƒã’ã‚‹ ・Googleã¯ãã®æ•°ç§’を評価基準ã«å…¥ã‚Œã‚‹ ãŸã—ã‹é…延ãƒãƒ¼ãƒ‰(Lazy Load)ã¨ã‹ã„ã†æŠ€è¡“ã§ã™ã。 ã‚ã‚Šã¨ãƒãƒ”ュラーãªã‚³ãƒ¼ãƒ‰ã§ä½•ã¨ã‹ãªã£ãŸã®ã§æ›¸ã„ã¨ãã¾ã™ã€‚ ピュアãªJavaScriptã§ã¯ãªãã€jQuery使ã„ã¾ã™ã。 方法ãã®ï¼‘ 時é™å¼èªã¿è¾¼ã¿ bodyé–‰ã˜ã‚¿ã‚°ã®å‰ã‚ãŸã‚Šã«æ›¸ãã¾ã™ã€‚ . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ã“ã“ã«ã€SNSã®ã‚³ãƒ¼ãƒ‰ã‚’書ã' + '一行ã§ã¤ãªã’ã¦ã‚‚良ã„ãŒè¦‹ã«
スマホã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’一気ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ラリ「QUOjsã€:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’一気ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ラリ「QUOjs〠タップã€ãƒ€ãƒ–ルタップã€ãƒ›ãƒ¼ãƒ«ãƒ‰ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—上下左å³ã€ãƒ‰ãƒ©ãƒƒã‚°ã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’実装ã™ã‚‹ã®ã«ä½¿ãˆãㆠモãƒã‚¤ãƒ«ã¨ã„ã†ã“ã¨ã§3G回線ã«ã‚‚é…æ…®ã—ãŸ13KBã¯å¬‰ã—ã„。 今後ã¯ãƒãƒ¼ãƒ†ãƒ¼ãƒˆã‚„ピンãƒã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆã«ã‚‚対応予定ã ãㆠ実装ã¯jQueryライクã§è¶…ç°¡å˜ã€‚ 関連エントリ ãŸã£ãŸ2KBã§å‹•ä½œã™ã‚‹ã‚¹ãƒžãƒ›ç”¨ãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ãƒ©ã‚¤ãƒ–ラリ「Hammer.js〠スマートフォンã§ã®æŒ‡ã‚¸ã‚§ã‚¹ãƒãƒ£ã®èª¬æ˜Žã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€ŒCueã€
Google AJAX Feed APIを使ã£ã¦ã€é™çš„ページã«å¤–部ブãƒã‚°ã®RSSã‚’å–得・表示ã•ã›ã‚‹ã‚„ã¤ã‚’ç§ã‚‚試ã—ã¦ã¿ãŸ
#2016.07.21追記 Google Feed APIã®é‹ç”¨ã¯ã€2016å¹´9月29æ—¥ã«çµ‚了ã™ã‚‹ã¨ã®å…¬å¼ç™ºè¡¨ãŒã‚ã‚Šã¾ã—ãŸã€‚今後ã¯ã“ã®è¨˜äº‹ã®æƒ…å ±ã¯ä½¿ãˆã¾ã›ã‚“ã®ã§ã”了承ãã ã•ã„。 å‚考：Google Developers Japan: Google Feed API æ供終了ã®ãŠçŸ¥ã‚‰ã› ã¨ã‚る案件ã§ã€é™çš„サイトã®ä¸€éƒ¨ã«WordPressã‚’å°Žå…¥ã—ã¦ã€ãã®æ–°ç€æƒ…å ±ã‚’æ—¢å˜ã‚µã‚¤ãƒˆã®index.htmlã«è¡¨ç¤ºã•ã›ã‚‹ã€ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€Googleã§å…¬é–‹ã•ã‚Œã¦ã‚‹Google AJAX Feed APIを使ã£ã¦RSSã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚ 1.APIã‚ーをå–å¾— ã¾ãšå‰æã¨ã—ã¦ã€GoogleアカウントãŒå¿…è¦ã§ã™ã€‚ ã“ã“ã‹ã‚‰åˆ©ç”¨ã§ãã¾ã™ã€‚ http://code.google.com/intl/ja/apis/loader/signup.html ##2013.8.8追記 APIã‚ー
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery マウスオーãƒãƒ¼ã—ã¦ã„ãªã„ç”»åƒéƒ¨åˆ†ãŒè–„ããªã‚‹ã‚¹ã‚¯ãƒªãƒ—ト | CSS Lecture
Lightbox風ã®ã‚¹ã‚¯ãƒªãƒ—ト FancyBox | CSS Lecture
html5-memo.com
http://syslog.shimy.net/?p=619
KataPad.com is for sale | HugeDomains
chrome-life.com
http://www.adamrocker.com/blog/107/google_ajax_feed_api_rss_reader.html
{{#tags}}- {{label}}
{{/tags}}