turusuke_0 https://blog.hatena.ne.jp/turusuke_0/ Webdelog https://www.webdelog.info/ jQueryでajaxメソッドを使って処理を行なっていると、データを取得後、コールバックでHTMLデータの整形を行うので、色々な処理が混ざってくるとコードが読みづらくなりがちです。 そこで、HTMLの整形している部分を分離するjQuery Templateというものがあったので、その利用方法をメモ書きしておきます。 今回行ったこと 当ブログの右のサイドバーに表示されているPopular Entryの部分をjQuery Templateを使った処理に書き換えました。 準備 jQuery Templateを利用するためにはjQueryの他にjquery.tmpl.jsが必要となります。jquery… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.webdelog.info%2Fentry%2F2011%2F12%2F05%2Fjquerytemplate-how-to.html" title="jQueryTemplateを使ってデータの整形部分を分離する(サイト内の人気エントリーをはてブAPIから取得してみる) - Webdelog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2011-12-05 09:00:00 rich https://www.webdelog.info/entry/2011/12/05/jquerytemplate-how-to.html 1.0 100%