jQueryã§è¦ªè¦ç´ ã‚’å–å¾—ã™ã‚‹.parent() .parents() .closest()ã®ä½¿ã„分ã‘解説ï¼ï½œãƒ„ーブãƒãƒƒã‚«
フィードã‹ã‚‰ã‚¿ã‚¤ãƒˆãƒ«ã‚„エントリをå–å¾— - Google AJAX Feed API入門
APIを使ã£ã¦ãƒ•ã‚£ãƒ¼ãƒ‰ã®å–å¾—ã«æˆåŠŸã—ãŸå¾Œã¯ã€ãƒ•ã‚£ãƒ¼ãƒ‰ã‹ã‚‰ã‚¿ã‚¤ãƒˆãƒ«ã‚„エントリãªã©å¿…è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’å–り出ã—ã¦åˆ©ç”¨ã—ã¾ã™ã€‚ã“ã“ã§ã¯ãƒ•ã‚£ãƒ¼ãƒ‰ã‹ã‚‰å¿…è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’å–り出ã™æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ 1.フィードã«å«ã¾ã‚Œã‚‹ãƒ—ãƒãƒ‘ティã®ç¨®é¡ž 2.フィードã«é–¢ã™ã‚‹æƒ…å ± 3.エントリã«é–¢ã™ã‚‹æƒ…å ± 4.サンプル フィードã®å–å¾—ã«æˆåŠŸã—ãŸå ´åˆã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®å€¤ã§ã‚ã‚‹JSONå½¢å¼ã‚’指定ã—ã¦ã„ãŸå ´åˆã¯ã€Œfeedã€ãƒ—ãƒãƒ‘ティã®å€¤ã®ä¸ã«ãƒ•ã‚£ãƒ¼ãƒ‰ã®å†…容ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚「feedã€ãƒ—ãƒãƒ‘ティã®å€¤ã¯æ¬¡ã®ã‚ˆã†ãªæ§‹æˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ feed feedUrl title link description author entries[] mediaGroup title link content contentSnippet publishedDate categories[] ã§ã¯é †ã«å„値をå–å¾—ã—ã¦ã¿ã¾ã™ã€‚
JavaScript 㧠DOM è¦ç´ ã®çµ¶å¯¾åº§æ¨™ã‚’å–å¾—ã™ã‚‹æ–¹æ³• | tmlife
備忘録. スペニット的ã«ä½¿ã£ã¦ã‚‚らãˆã‚Œã°å¹¸ã„ã§ã™. DOM è¦ç´ ã®çµ¶å€¤åº§æ¨™ã‚’å–å¾—ã™ã‚‹ element.scrollTop ã¨ã‹ã ã¨è¦ªã‹ã‚‰ã®ç›¸å¯¾å€¤ã«ãªã£ã¡ã‚ƒã„ã¾ã™. getBoundingClientRect() を使ãˆã°çµ¶å¯¾åº§æ¨™ã‚’å–å¾—ã§ãã¾ã™. window.onload = function() { var element = document.getElementById('hoge'); // hoge ã¨ã„ã†IDãŒã¤ã„ãŸã‚„ã¤ã‚’å–å¾—ã™ã‚‹ var rect = element.getBoundingClientRect(); console.log(rect.left); // x座標(絶対座標) console.log(rect.top); // y座標(絶対座標) console.log(rect.width); // å¹… console.log(rect.height); /
YouTube Data APIを使ã£ã¦å‹•ç”»ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ï½œä»Šæ‘ã ã‘ãŒã‚ˆãã‚ã‹ã‚‹ãƒ–ãƒã‚°
Youtubeã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹å‹•ç”»ã®å†ç”Ÿå›žæ•°/コメント数/公開日ãªã©ã‚’ã€å¤–部ã®Webサイトã«è¡¨ç¤ºã™ã‚‹æ¡ˆä»¶ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã«æ–¹æ³•ã‚’メモ書ãã¾ã—ãŸã€‚機会ãŒã‚ã‚Šã¾ã—ãŸã‚‰ã€ã”å‚考ãã ã•ã„。 Youtube APIを使ã†å‹•ç”»æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã«ã¯ã€Googleã‹ã‚‰æä¾›ã•ã‚Œã¦ã„る「YouTube Data APIã€ã€ŒYouTube Analytics APIã€ãªã©ã‚’使ã†ã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„ã§ã™ã€‚ã¨ã„ã†ã‚ã‘ã§ã€ä½¿ã£ã¦ã¿ã¾ã—ょã†ï½žã€‚ Google APIコンソールã§ä½œæ¥ã¾ãšã¯å‰æº–備をã—ã¾ã™ã€‚Googleアカウントã§ãƒã‚°ã‚¤ãƒ³æ¸ˆã¨ã—ã¦Google APIコンソールを開ãã¾ã™ã€‚（GoogleアカウントãŒãªã„æ–¹ã¯ã€ã“ã¡ã‚‰ã§ä½œæˆã§ãã¾ã™ï¼‰ APIを有効化ã™ã‚‹æ¬¡ã«ã€Google APIコンソールを開ã„ãŸã‚‰ã€å·¦å´ã«ã€ŒAPIsã€ãŒã‚ã‚‹ã®ã§ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ APIã®ä¸€è¦§ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã®ã§ã€ä¸‹ã®ç”»åƒã«ã‚るよã†ã«ã€ŒYouTube
Youtube API ã‹ã‚‰å‹•ç”»ã®ãƒ‡ãƒ¼ã‚¿ã‚’å—ã‘å–る方法ã¨ãƒ•ã‚£ãƒ¼ãƒ‰ã®ç¨®é¡ž | memocarilog
YouTube API を使ã£ã¦å‹•ç”»æƒ…å ±ã‚’å–å¾—ã—ãŸã‚Šã™ã‚‹ã“ã¨ã‚’ã‚„ã£ã¦ã¿ãŸã®ã§ã€å–å¾—ã§ãるデータã®ç¨®é¡žã‚„使ã„æ–¹ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ sponsored link ãƒã‚°ã‚¤ãƒ³ä¸ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ‡ãƒ¼ã‚¿ã‚’å—ã‘å–ã£ãŸã‚Šä½•ã‹ç™»éŒ²ã—ãŸã‚Šã™ã‚‹å ´åˆã«ã¯èªè¨¼ãŒå¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯èªè¨¼ãŒå¿…è¦ãªã„ã€å‹•ç”»å†ç”Ÿã«é–¢ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã®å—ã‘å–ã‚Šã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚ å…¬å¼ãƒ‰ã‚ュメント 日本語ã®å…¬å¼ãƒ‰ã‚ュメントもã‚ã‚Šã¾ã™ã€‚ デベãƒãƒƒãƒ‘ー ガイド: Data API プãƒãƒˆã‚³ãƒ« – YouTube — Google Developers å‚考サイト YouTube API を知るã®ã«å‚考ã«ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚ 第3回　Youtube APIã¨jQueryを使ã„ã“ãªã™ï¼šjQueryã§ã¯ã˜ã‚ã‚‹Ajax｜gihyo.jp … 技術評論社 YouTube Data APIã§å–å¾—å¯èƒ½ãªãƒ•ã‚£ãƒ¼ãƒ‰ï½œYouTubeAPI｜音声・動画é…ä¿¡
ã¨ãã©ãWEB | スマホやブラウザã®ç”»é¢ã‚µã‚¤ã‚ºã‚„å‘ãã‚’å–å¾—ã—ã¦ã‚„んよ!!!
アプリケーションを実行ã—ã¦ã„るスマホã®ç”»é¢ã‚µã‚¤ã‚ºã‚„å‘ãã‚’å‹•çš„ã«å–å¾—ã§ãã‚Œã°ã€ãã‚Œã«å¿œã˜ã¦è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を調整ã§ãã¾ã™ã‚ˆã。 ç”»é¢ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹ JavaScriptã§ç”»é¢ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹ãŸã‚ã®ãƒ—ãƒãƒ‘ティãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ウィンドウサイズをå–å¾—ã§ãる関数 screen.width document.write(screen.width); ç”»é¢ã®å¹…ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ screen.height document.write(screen.height); ç”»é¢ã®é«˜ã•ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ç”»é¢ã‚µã‚¤ã‚ºã¨ã‚¿ã‚¹ã‚¯ãƒãƒ¼ã‚’除ã„ãŸã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é ˜åŸŸã‚’å–å¾—ã§ãる関数 window.innerWidth document.write(window.innerWidth); ウィンドウ内å´ã®æ¨ªå¹…ã‚’ã€å–å¾—ã—ãŸã„å ´åˆã«ä½¿ç”¨ã€‚ ※ スクãƒãƒ¼ãƒ«ãƒãƒ¼é ˜åŸŸã‚’å«
JavaScript:ãƒãƒƒã‚·ãƒ¥(#)ã‚’å«ã¾ãªã„ç¾åœ¨ã®ãƒšãƒ¼ã‚¸ã®URLã‚’å–å¾—ã™ã‚‹
イントãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ ãƒãƒƒã‚·ãƒ¥(#)ã‚’ URL ã«ä»˜ä¸Žã—ã¦ã€Web ページ内ã®ç‰¹å®šã®ã‚¢ãƒ³ã‚«ãƒ¼ã«ã‚¸ãƒ£ãƒ³ãƒ—ã™ã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚Œã¯éžå¸¸ã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãŒã€ç¾åœ¨è¡¨ç¤ºã—ã¦ã„ã‚‹ Web ページ㮠URL を基ã«ã€JavaScript ãªã©ã§ä½•ã‚‰ã‹ã®å‡¦ç†ã‚’è¡Œã†å ´åˆã«ã¯ã€ã“ã® URL ã®ãƒãƒƒã‚·ãƒ¥(#)を考慮ã—ã¦ã„ãªã„ã¨å›°ã£ãŸã“ã¨ãŒèµ·ã“ã£ãŸã‚Šã—ã¾ã™ã€‚ URL ã«ãƒãƒƒã‚·ãƒ¥(#)ãŒä»˜ä¸Žã•ã‚Œã¦ã„ã‚‹ã¨ã€åŒã˜Webページを示ã—ã¦ã„ã‚‹URLãªã®ã«ã€å˜ç´”ãªæ–‡å—列比較ã§ã¯åˆ¥ã® Web ページã®ã‚ˆã†ã«è¦‹ãˆã¦ã—ã¾ã†ã‹ã‚‰ã§ã™ã€‚ 今回ã¯ã€ç¾åœ¨ãƒ–ラウザã§è¡¨ç¤ºã—ã¦ã„ã‚‹ Web ページ㮠URL ã«ãƒãƒƒã‚·ãƒ¥ãŒ(#)ãŒä»˜ä¸Žã•ã‚Œã¦ã„ã‚‹å ´åˆã§ã‚‚ã€ãƒãƒƒã‚·ãƒ¥(#)ã‚’å«ã¾ãªã„ URL ãŒå–å¾—ã§ãる方法ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚
メディアファイル（画åƒãªã©ï¼‰ã®è¡¨ç¤º | Web Design Leaves
WordPress ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸç”»åƒã¯ã€ãƒ˜ãƒƒãƒ€ãƒ¼ç”»åƒã‚‚å«ã‚ã¦ã€Œãƒ¡ãƒ‡ã‚£ã‚¢ã€â†’「ライブラリã€ã§ä¸€å…ƒç®¡ç†ã•ã‚Œã¦ã„ã¦ã€ç”»åƒã«é–¢ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã¯æŠ•ç¨¿è¨˜äº‹ã¨åŒã˜ã‚ˆã†ã«ãƒ«ãƒ¼ãƒ—を使用ã—ã¦å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãる。 記事本文ã«ã€Œç”»åƒã‚’挿入ã€ã—ãªãã¦ã‚‚ã€æŠ•ç¨¿ï¼ˆå›ºå®šãƒšãƒ¼ã‚¸ï¼‰ç”»é¢ã‹ã‚‰ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ãŸæ™‚点ã§ã€ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ©ã‚¤ãƒ–ラリã«ç¾åœ¨ã®è¨˜äº‹ã®å記事ã¨ã—ã¦æ·»ä»˜ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¯¾å¿œã™ã‚‹ã€‚ 記事ã®æ·»ä»˜ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ•ã‚¡ã‚¤ãƒ«ã‚’出力ã™ã‚‹ï¼ˆget_children） get_children テンプレートタグã§å記事ã¨ã—ã¦ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å–å¾—ã—ã€å–å¾—ã—ãŸè¤‡æ•°æžšã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¿ã‚¤ãƒˆãƒ«ã€ç”»åƒã€èª¬æ˜Žã‚’ foreach ã«ã‚ˆã£ã¦ãƒ«ãƒ¼ãƒ—ã•ã›ã€å…¨ã¦ã®æ·»ä»˜ãƒ¡ãƒ‡ã‚£ã‚¢ã‚’出力ã•ã›ã‚‹ä¾‹ã€‚ <?php while(have_posts()): the_post(); ?> <h1><?php the_title(); ?></h1> <?php t
è¦ç´ ã®å¹…サイズをã™ã¹ã¦å–å¾—ã™ã‚‹æ–¹æ³•ã®ãƒ¡ãƒ¢ã€jQuery】
è¦ç´ ã®å¹…ã‚’å–å¾—ã—ãŸã„時ã«ã€jQueryã§ã¯width()ã§ãã®è¦ç´ ã®å¹…ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚（時ã¨å ´åˆã«ã‚ˆã£ã¦ã¯ã€outerWidth()ã‚„innerWidth()を使ã„ã¾ã™ã€‚） 例ãˆã°ã§ã™ãŒã€ä¸‹è¨˜å›³ã®ã‚ˆã†ãªãƒˆãƒ”ックパスã®ãƒªã‚¹ãƒˆï¼ˆliè¦ç´ ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸå ´åˆï¼‰ã®å¹…ã‚’å–å¾—ã—ãŸã„å ´åˆã«ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«æ›¸ãã¾ã™ã€‚ jQuery(function($) { $("#topic-path li").width(); }); ã—ã‹ã—ã€width()ã¯è©²å½“ã™ã‚‹è¦ç´ ã®æœ€åˆã«ãƒžãƒƒãƒã—ãŸè¦ç´ ã®å¹…ã—ã‹å–å¾—ã™ã‚‹ãŒã§ãã¾ã›ã‚“。ãªã®ã§ã€ä¸€ç•ªæœ€åˆã®ã€ãƒ›ãƒ¼ãƒ 】ã¨æ›¸ã‹ã‚Œã¦ã„ã‚‹è¦ç´ ã—ã‹å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“。 ãã“ã§ã€ã™ã¹ã¦ã®å¹…ã‚’å–å¾—ã™ã‚‹ãŸã‚ã«ã¯ä»¥ä¸‹ã®ã“ã¨ã‚’è¡Œã„ã¾ã™ã€‚ å–å¾—ã—ãŸå¹…ã‚µã‚¤ã‚ºã‚’æ ¼ç´ã™ã‚‹ãŸã‚ã«é…列を作る å¹…å–å¾—ã®ãŸã‚ã«ç¹°ã‚Šè¿”ã—å‡¦ç† å–å¾—ã—ãŸå¹…サイズをé…列ã«åŠ ãˆã‚‹ å–å¾—ã—ãŸå¹…ã‚µã‚¤ã‚ºã‚’æ ¼ç´ã™ã‚‹ãŸã‚ã«é…列を作る å–å¾—
1
ランã‚ング
メンテナンス
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Google Earth COM API åº§æ¨™æƒ…å ±ãƒªãƒãƒ¼ã‚¹ãƒ»ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼Google Earth COM API ï½œç´ äººãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãƒ–ãƒã‚°ã‚µã‚¤ãƒˆè£½ä½œæ–¹æ³•ã®ä½œæˆãƒ¡ãƒ¢
flickr APIã®ä½¿ã„æ–¹ã¾ã¨ã‚(サンプルコード付ã)
{{#tags}}- {{label}}
{{/tags}}