令和時代ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’考ãˆã‚‹ (REST APIç·¨) - Sweet Escape
今回ã¯ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰APIã§ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã©ã†ã‚„ã‚‹ã‹ã«ã¤ã„ã¦ã®è©±ãªã®ã§ã€ã‚ˆãã‚ã‚‹ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«UIã®ã‚ˆã†ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å´ã®å®Ÿè£…ã«é–¢ã™ã‚‹è©±ã¯ã—ãªã„。ã‚ãã¾ã§ã‚‚APIã€ã‚‚ã£ã¨è¨€ãˆã°RESTfulãªAPIã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆãƒ»ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã«ãŠã‘るページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®è©±ã€‚ 本気ã§æ·±ã考ãˆã‚‹ã¨ã„ã†ã‚ˆã‚Šã–ã£ãり検討ã—ãŸã¨ãã®è©±ã§ã™ã€‚ ã¯ã˜ã‚ã« REST APIを実装ã™ã‚‹ã«ã‚ãŸã£ã¦ãƒªã‚¹ãƒˆç³»ã®APIã‚’æä¾›ã™ã‚‹å ´åˆã«å¿…é ˆã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã®ãŒãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã€‚大é‡ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’レスãƒãƒ³ã‚¹ã™ã‚‹å ´åˆã«ãれらを一気ã«è¿”ã—ã¦ã—ã¾ã†ã“ã¨ã¯å¿œç”速度ã€è»¢é€é‡ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã®æ‰±ã„ã¥ã‚‰ã•ãªã©ãªã©ã«ç¹‹ãŒã‚‹ã®ã§å¿…é ˆã¨è¨€ãˆã‚‹ã€‚ 最近ã€æ–°ãŸãªAPIを開発ã™ã‚‹ã«ã‚ãŸã£ã¦ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã“ã¨ã‚‚ã‚ã‚Šã€ä»Šå›žã¯ã“ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã©ã†ã‚„ã£ã¦æä¾›ã™ã‚‹ã‹æ•´ç†ã—ã¦æ”¹ã‚ã¦æ¤œè¨Žã—ã¦ã¿ãŸã€‚ å‰æ TypeScript Nest.js
商å“一覧ページã«ãŠã‘るページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ä»£æ›¿æ¡ˆ
ç„¡é™ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚„「ã•ã‚‰ã«è¡¨ç¤ºã€ãƒœã‚¿ãƒ³ã‚’採用ã™ã‚‹ã“ã¨ã§ã€å•†å“ã®èªã¿è¾¼ã¿æ™‚ã«ã‚¹ãƒ ーズãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’æä¾›ã™ã‚‹ã“ã¨ãŒã§ãる。 Alternatives to Pagination on Product-Listing Pages by Kate Moran on March 6, 2022 日本語版2022å¹´8月4日公開 最近ã€å¾“æ¥ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ã‚„ã‚ã¦ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚³ã‚¹ãƒˆã‚’å°‘ã—下ã’ã‚‹ã“ã¨ã®ã§ãるデザインパターンをé¸æŠžã™ã‚‹ECサイトãŒå¤šããªã£ã¦ããŸã€‚ã“れらã®ãƒ‘ターンを採用ã—ãŸã»ã†ãŒã„ã„ã®ã ã‚ã†ã‹ã€‚ãã‚Œã¯ã€æä¾›ã—ã¦ã„る商å“ã®æ•°ã«ã‚ˆã‚‹ã€‚ 従æ¥ã‹ã‚‰ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€å•†å“ã®ä¸€è¦§ã‚’複数ã®ãƒšãƒ¼ã‚¸ã«åˆ†å‰²ã—ã€ãƒšãƒ¼ã‚¸ã”ã¨ã«ä¸€å®šã®æ•°ã®å•†å“ã‚’é…ç½®ã—ã¦ã„ã。ãã®ãŸã‚ã€ã•ã‚‰ã«å•†å“を見るã«ã¯ã€ç”»é¢ã®ä¸Šéƒ¨ã¾ãŸã¯ä¸‹éƒ¨ã«ã‚る「次ã¸ã€ãƒœã‚¿ãƒ³ã‚’クリックã‹ã‚¿ãƒƒãƒ—ã—ã¦ã€æ¬¡ã®ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã™ã‚‹å¿…è¦ãŒã‚る。ペー
独創的ãªãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆï¼˜é¸
Ericã¯20年以上ã®çµŒé¨“ã‚’æŒã¤Webデザイナーã§ã™ã€‚『Your Guide to Becoming a Freelance Web Designerã€ã®è‘—者ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã®å¿…需性ãŒä½Žãã€è¦‹éŽã”ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã‚‚ã®ã®ã²ã¨ã¤ã§ã™ã€‚ã—ã‹ã—ブãƒã‚°ã‚„コンテンツã®å¤šã„サイトã§ã¯ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒŠãƒ“ゲーションã«ãŠã„ã¦é‡è¦ãªæ„味をæŒã¡ã¾ã™ã€‚サイトã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸Šæ‰‹ã作られã¦ã„ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚µã‚¤ãƒˆã‚’æ·±ãã¾ã§æŽ¢æ±‚ã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã§ã—ょã†ã€‚ ä¿¡ã˜ã‚‰ã‚Œãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¬ãƒ™ãƒ«ã‚’次ã®ã‚¹ãƒ†ãƒƒãƒ—ã¾ã§å¼•ã上ã’るデザイナーãŸã¡ãŒã„ã¾ã™ã€‚ã“ã“ã§ã¯Webサイト改善ã«å½¹ç«‹ã¤ã€ç‹¬å‰µçš„ãªãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’見ã¦ã„ãã¾ã—ょã†ã€‚ シンプルã§ç›´è¦³çš„ãªãƒ›ãƒãƒ¼åŠ¹æžœ 基本的ãªãƒ›ãƒãƒ¼åŠ¹æžœã«ã‚ˆã£ã¦æ¨™æº–çš„ãªãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯å¤§å¹…ã«æ”¹å–„ã•ã‚Œã¾ã™ã€‚カーソル移動ã«åˆã‚ã›ã¦æ»‘
WordPress：get_the_posts_pagination()をカスタマイズã—ã¦ã€ç¾åœ¨ã®ãƒšãƒ¼ã‚¸æ•°ã¨å…¨ãƒšãƒ¼ã‚¸æ•°ã‚’表示ã•ã›ã‚‹æ–¹æ³• - NxWorld
WordPressã§è¨˜äº‹ä¸€è¦§ãªã©ã«ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¨ç½®ã—ãŸã„å ´åˆã€ç‰¹åˆ¥ãªæ©Ÿèƒ½ãªã©å¿…è¦ãªã‘ã‚Œã°ãƒ—ラグインãªã©ã‚’使用ã—ãªãã¦ã‚‚get_the_posts_pagination()ã‚„the_posts_pagination()を使ã†ã“ã¨ã§è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ã“れをもã†å°‘ã—自分好ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã§ã™ã€‚ ã“ã“ã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã ã¨ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ç”¨ãƒ†ã‚ストã¨ã—ã¦ã€ŒæŠ•ç¨¿ãƒŠãƒ“ゲーションã€ã¨è¡¨ç¤ºã•ã‚Œã¦ã„る部分をã€ç¾åœ¨ã®ãƒšãƒ¼ã‚¸æ•°ã¨å…¨ãƒšãƒ¼ã‚¸æ•°ã‚’表示ã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã™ã€‚ 実装ã«ã¯functions.phpã¸ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã—ã€get_the_posts_pagination()ã®å‡ºåŠ›å†…容を一部変更ã•ã›ã¾ã™ã€‚ 具体的ã«ã¯é–¢æ•°å†…ã§ç¾åœ¨ã®ãƒšãƒ¼ã‚¸æ•°ã¨å…¨ãƒšãƒ¼ã‚¸æ•°ã‚’ãã‚Œãžã‚Œå–å¾—ã—ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã€ŒæŠ•ç¨¿ãƒŠãƒ“ゲーションã€ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ç”¨ãƒ†ã‚スト部分をpreg_replace()を使ã£
ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ« vs ページãƒãƒ¼ã‚·ãƒ§ãƒ³ï¼šãã‚Œãžã‚Œã®ç‰¹å¾´ã¨ä½¿ã„分ã‘
ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ãƒ¡ãƒªãƒƒãƒˆ １．ユーザーを没é ã•ã›ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を発見ã•ã›ã‚‹ データ探索ã®ä¸»è¦ãªæ‰‹æ®µã¨ã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒªãƒ³ã‚°ã‚’使ã†å ´åˆã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’webページã«ã‚ˆã‚Šé•·ã滞在ã•ã›ã€ã‚ˆã‚Šã‚¨ãƒ³ã‚²ãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆã‚’高ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ソーシャルメディアã®äººæ°—ã«ä¼´ã„大é‡ã®ãƒ‡ãƒ¼ã‚¿ãŒæ¶ˆè²»ã•ã‚Œã¦ã„ã‚‹ä¸ã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯ã€ãƒšãƒ¼ã‚¸ãŒå‰ã‚‚ã£ã¦èªã¿è¾¼ã¾ã‚Œã‚‹ã®ã‚’å¾…ã¤ã“ã¨ãªãã€è†¨å¤§ãªæƒ…å ±ã‚’é–²è¦§ã™ã‚‹ãŸã‚ã®åŠ¹çŽ‡çš„ãªæ–¹æ³•ã§ã™ã€‚ ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯ã€ã€Œç™ºè¦‹ã€ã®ãŸã‚ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã§ã‚ã‚Œã°ã€ã»ã¼å¿…é ˆã®æ©Ÿèƒ½ã§ã™ã€‚ユーザーãŒç‰¹å®šã®ã‚‚ã®ã‚’探ã—ã¦ã„ãªã„å ´åˆã€æ°—ã«å…¥ã£ãŸä¸€ã¤ã®ã‚‚ã®ã‚’探ã™ãŸã‚ã«å¤§é‡ã®ã‚¢ã‚¤ãƒ†ãƒ を見る必è¦ãŒã‚ã‚Šã¾ã™ã€‚
ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸãƒšãƒ¼ã‚¸ã¯noindexã«ã™ã¹ã？ rel=“prev/nextâ€ã¨noindexã¯ä½µç”¨å¯èƒ½ï¼Ÿ
[レベル: 上級] ページãƒãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆãƒšãƒ¼ã‚¸é€ã‚Šï¼‰ã—ãŸãƒšãƒ¼ã‚¸ã«ã¯ noindex robots metaタグを記述ã—ãŸã»ã†ãŒã„ã„ã®ã§ã—ょã†ã‹ï¼Ÿ ã¾ãŸã€rel=â€prevâ€ã¨rel=â€nextâ€ã‚’è¨å®šã—ã¦ã„るページã«noindexを記述ã—ã¦ã‚‚å•é¡Œãªã„ã®ã§ã—ょã†ã‹ï¼Ÿ 9月11æ—¥ã®ã‚ªãƒ•ã‚£ã‚¹ã‚¢ãƒ¯ãƒ¼ã§ã€Googleã®John Mueller（ジョン・ミューラー）æ°ãŒã“ã®è³ªå•ã«å›žç”ã—ã¦ã„ã¾ã™ã€‚ 質å•è€…: ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸãƒšãƒ¼ã‚¸ã«noindexタグを付ã‘ã‚‹ã®ã¯è‰¯ã„ã‚„ã‚Šæ–¹ã§ã™ã‹ï¼Ÿ ã¾ãŸã€rel=â€prevâ€ã¨rel=â€nextâ€ã‚’記述ã—ãŸãƒšãƒ¼ã‚¸ã«noindexを付ã‘ã‚‹ã®ã¯ã©ã†ã§ã—ょã†ã‹ï¼Ÿ ミューラーæ°: 何をインデックスã•ã›ãŸãã¦ã€ä½•ã‚’インデックスã•ã›ãŸããªã„ã®ã‹ã«ã‚ˆã‚‹ã€‚ ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸãƒšãƒ¼ã‚¸ãŒå分ãªä¾¡å€¤ã‚’ユーザーã«æä¾›ã—ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã•ã›ã‚‹æ„味ãŒã‚ã‚‹ã ã‚ã†ã€‚ãŸã„ã—ãŸä¾¡å€¤ã‚’ユーザ
社内マークアップ部ã€æ´»å‹•é–‹å§‹
2013å¹´12月21æ—¥ è‘— 先日ã€å‹¤å‹™å…ˆã§ç¤¾å†…マークアップ部ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãŒã‚ã‚Šã¾ã—ãŸã€‚html5jã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—部（ãŒé–‹å‚¬ã—ã¦ã„ã‚‹MarkupCafe）ã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚ŒãŸæ´»å‹•ã§ã€å„々ãŒè€ƒãˆã‚‹æœ€å¼·ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—（謎）を披露ã—åˆã†ã“ã¨ã«ã‚ˆã‚Šã€HTMLã¸ã®ç†è§£ã‚’æ·±ã‚よã†çš„ãªæ´»å‹•ã§ã™ã€‚今回ã¯ã€ã“ã®å…ˆã®ä¸å®šæœŸé–‹å‚¬ã«å‘ã‘ãŸãƒ†ã‚¹ãƒˆã¨ã„ã†ä½ç½®ä»˜ã‘ã§å‚¬ã•ã‚Œã€ãŠé¡Œã¯ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã§ã‚ã‚Šã¾ã—ãŸã€‚ ページングã€ã¨è¨€ã†ã®ã¯æ¤œç´¢çµæžœãƒšãƒ¼ã‚¸ãªã©ã®ä¸‹ã®ã»ã†ã§ã‚ˆã見ã‹ã‘るアレã§ã™ã€‚呼ã³æ–¹ã«ã¯ãƒ‘ジãƒãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹è«¸èª¬ã‚るよã†ã§ã™ãŒã€ã“ã“ã§ã¯ç¶šãƒ»ã‚ˆãã‚ã‚‹3ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è€ƒãˆã‚‹ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æœ€é©è§£ | HTML5Experts.jpã‚’å‚考ã«ã€ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã¨è¨˜è¼‰ã—ã¦ãŠãã¾ã™ã€‚何ã®å‰ææ¡ä»¶ã‚‚縛りもãªãã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã ã‘を見ã¦è€ƒãˆã‚‹ã¨ã„ã†ãƒ«ãƒ¼ãƒ«ã§ã—ãŸã®ã§ã€ãã‚ŒãŒã‹ãˆã£ã¦è‰¯ã‹ã£ãŸã¨ã„ã†ã‹ã€ã„ã‚ã„ã‚ãªåˆ‡ã‚Šå£ã‹ã‚‰å¦¥å½“性を検討ã™ã‚‹é¢ç™½å‘³ã‚’
jQueryã§ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒç°¡å˜ã«ä½œã‚Œã‚‹ã€ŒjqPaginationã€:phpspot開発日誌
jqPagination, a jQuery pagination plugin (obviously) jQueryã§ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒç°¡å˜ã«ä½œã‚Œã‚‹ã€ŒjqPaginationã€ã€‚ 次ã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚ クリック時ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’指定ã—ã¦ä½•ãƒšãƒ¼ã‚¸ç›®ãŒãƒªã‚¯ã‚¨ã‚¹ãƒˆã•ã‚ŒãŸã‹ã‚’知るã“ã¨ãŒå‡ºæ¥ã‚‹ã®ã§ã€æŒ‡å®šãƒšãƒ¼ã‚¸ã«JSã§é£›ã°ã™ã ã‘ã¨ã„ã†æµã‚Œã§ã™ 実装ã¯æ¬¡ã®ã‚ˆã†ã«æ±ºã‚られãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—をコードã—ã¦ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’指定ã—ã¤ã¤åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§ã™ã€‚ デザインç‰ã¯CSSã§èª¿æ•´ã§ããã†ã§ã™ã€‚ 標準ã®ãƒ‡ã‚¶ã‚¤ãƒ³çš„ã«ã¯ã‚¹ãƒžãƒ›ãªã©ã§ä½¿ãˆãã†ãªã‚‚ã®ã«ãªã£ã¦ã¾ã™ã 関連エントリ é¢å€’ãªãƒšãƒ¼ã‚¸åˆ†ã‘ã‚’ç°¡å˜å®Ÿè£…ã§ãã‚‹10ã®ã‚¹ã‚¯ãƒªãƒ—ト集
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Feedback on a Pagination Pattern
ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティス | POSTD
{{#tags}}- {{label}}
{{/tags}}