RSS（XML）ã®åå‰ç©ºé–“ã‚„CDATAã®å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³• - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
サイトを熟æˆã•ã›ã‚‹ã“ã¨ãŒã‚¢ã‚¯ã‚»ã‚¹ã‚¢ãƒƒãƒ—ã«åŠ¹æžœçš„ - Cre'ps design lab
ã“ã‚“ã«ã¡ã¯ã€‚WEBコンテンツ･プランナーã®ä¸å³¶ã§ã™ã€‚ 今回ã€è‡ªåˆ†ã®å‚™å¿˜éŒ²ã¨ã—ã¦ã®ãƒ¡ãƒ¢ã‚‚å«ã‚ã€ã‚µã‚¤ãƒˆåˆ¶ä½œã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’紹介ã—ã¦ã„ãシリーズ展開ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ​ 今回ã¯ã€ãƒ–ãƒã‚°ç‰ã‚’展開ã—ã¦ã„る人ãŒã€è‡ªåˆ†ã®ãƒ›ãƒ¼ãƒ ページ㫠ブãƒã‚°ã‚µã‚¤ãƒˆãªã©ã®RSSã‚’å–り込んã§ç”»åƒã‚‚一緒ã«è¡¨ç¤ºã•ã›ã‚‹ フィード機能ã«ã¤ã„ã¦ã”案内ã—ã¾ã™ã€‚ RSSã®URLを入れã“ã‚€ã ã‘ã§JavaScriptを書ãã§ã—ã¦ãれる便利ãªæ©Ÿèƒ½ã®ãƒ¢ãƒŽã‚‚ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ カスタマイズã§ããªã„物ãŒå¤šã見られã¾ã™ã€ã¨è¨€ã†ã‹ã€ å…¨ã¦ãŒãƒ‘ッケージ化ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ãªã®ã§è‡ªç”±ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã›ã‚“。 （誰ã§ã‚‚ç°¡å˜ã«ä½¿ç”¨ã§ãるよã†ã«ã—ã¦ã„ã‚‹ãŸã‚仕方ã®ãªã„ã“ã¨ã ã¨æ€ã„ã¾ã™ï¼‰ ã‹ãªã‚Šé«˜æ©Ÿèƒ½ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³çš„ãªéƒ¨åˆ†ã«ç›®ã‚’ã¤ã¶ã‚‰ãªã‘ã‚Œã°ãªã‚‰ãªã„å ´åˆãŒå¤šã„ã§ã™ã€‚ ã›ã£ã‹ãデザインを自分自身ã§åˆ¶ä½œã—ã¦ã„ã‚‹ãªã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³çš„ã«è‡ªç”±ã«ä½¿ãˆã‚‹ R
capture works and music » [Google Feed API]サイトã®RSSフィードをå–å¾—ã—ç”»åƒä»˜ãã§è¨˜äº‹ã®å†…容を表示ã™ã‚‹
ã“ã®è¨˜äº‹ã¯å…¬é–‹ã‹ã‚‰10å¹´ã€æœ€çµ‚æ›´æ–°æ—¥ã‹ã‚‰ã‚‚7年経éŽã—ã¦ã„ã¾ã™ã€‚内容ãŒå¤ããªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ [Google Feed API]サイトã®RSSフィードをå–å¾—ã—ç”»åƒä»˜ãã§æŠ•ç¨¿ã®å†…容を表示ã™ã‚‹ 背景 ç¾çŠ¶ã€ï¼“ã¤ã®ãƒ–ãƒã‚°ã‚’é‹å–¶ã—ã¦ã„ã¾ã™((1)capture (2)curation (3)diary)。ç¾çŠ¶ã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ(nakamurayuji portal)ã§ã¯ã€å„ブãƒã‚°ã®ãƒªãƒ³ã‚¯ã‚’è²¼ã£ã¦ã„ã‚‹ã ã‘ã§ã™ãŒã€ã“れをå„ブãƒã‚°ã®æœ€æ–°è¨˜äº‹ã‚’表示ã—ã¤ã¤ã€å›ºå®šãƒšãƒ¼ã‚¸ã«ã¯ãƒªãƒ³ã‚¯ã‚’ã¯ã‚‹ã‚ˆã†ãªãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã«å¤‰æ›´ã—ãŸã„ã¨æ€ã£ã¦ãŠã‚Šã¾ã—ã¦ã€ä¸€æ˜¨æ—¥ãらã„ã‹ã‚‰ã€çªç„¶æ€ã„ç«‹ã£ã¦ã€æœ€æ–°è¨˜äº‹ã‚’表示ã™ã‚‹æ–¹æ³•ã‚’実験ã—ã¦ã„ã‚‹ã‚ã‘ã§ã™(ãŠã‹ã’ã§æ˜¼å¤œé€†è»¢ã—ã¦ã—ã¾ã£ã¦ã„る。ã“ã®ãƒ–ãƒã‚°ã‚‚æ—©ã書ã終ãˆã¦å¯ãªã‘ã‚Œã°ï¼)。 当åˆã¯ã€WordPressã§ã‚¢ãƒ³ãƒ†ãƒŠã‚µã‚¤ãƒˆã«é©ã—ãŸãƒ†ãƒ¼ãƒžã¨ã‹ãŒã‚ã‚‹ã®ã‹ãªã‚ã€ã¨è‰²ã€…調ã¹ãŸã®ã§ã™ãŒã©ã†ã‚‚デザイン的
![capture works and music » [Google Feed API]サイトã®RSSフィードをå–å¾—ã—ç”»åƒä»˜ãã§è¨˜äº‹ã®å†…容を表示ã™ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/2b241e6e04a4a1e88aa92cc16f157cf5edd2e861/height=288;version=1;width=512/https%3A%2F%2Fwww.nakamurayuji.com%2Fwp-content%2Fuploads%2Fscreencapture-www-nakamurayuji-com-rssdemo-html-3-1024x829.png)
jFeedMixer – CalmTech
複数ブãƒã‚°ã§ç®¡ç†ã—ã¦ã„ã‚‹RSSフィードを統åˆã—ã¦ã€ã‚¦ã‚§ãƒ–サイト上ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryプラグインã€jFeedMixer 0.2.0 をリリースã—ã¾ã™ã€‚ã“ã®ãƒ—ラグインã¯Google AJAX Feed API を使用ã—ã¦ã„ã‚‹ã®ã§ã€ã”利用ã®å ´åˆã¯ã€AJAX API Keyを事å‰ã«å–å¾—ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ jFeedMixer 0.2.0 – github jFeedMixerを使ã†ã‚·ãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ 複数ブãƒã‚°ã‚’管ç†ã—ã¦ã„ã¦ã€ãƒ¡ã‚¤ãƒ³ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ページã«å„ブãƒã‚°ã®RSSãƒ•ã‚£ãƒ¼ãƒ‰ã‚’æ™‚ç³»åˆ—é †ã§è¡¨ç¤ºã—ãŸã„。 デモ jFeedMixerã®ä½¿ã„æ–¹ scriptã‚¿ã‚°ã§å„ライブラリをèªã¿è¾¼ã¿ã€ä»»æ„ã®divを指定ã—ã¦jFeedMixerを呼ã³å‡ºã—ã¾ã™ã€‚ 表示オプション feeds: ["feed URL", "…"]Â å¿…é ˆ 複数ã®ãƒ•ã‚£ãƒ¼ãƒ‰URLを指定ã§ãã¾ã™ã€‚RSSã€Atomãªã©ãŒè¡¨ç¤ºã•ã‚Œã‚‹UR
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}