<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>プラグイン | You Look Too Cool</title>
	<atom:link href="https://stabucky.com/wp/archives/tag/plugin/feed" rel="self" type="application/rss+xml" />
	<link>https://stabucky.com/wp</link>
	<description>ゆるくつくる stabuckyのブログ</description>
	<lastBuildDate>Sat, 28 Feb 2026 13:23:43 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://stabucky.com/wp/wp-content/uploads/2024/05/cropped-stabucky-32x32.png</url>
	<title>プラグイン | You Look Too Cool</title>
	<link>https://stabucky.com/wp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>不要になった画像を削除するWPプラグイン「Media Cleaner」</title>
		<link>https://stabucky.com/wp/archives/18634</link>
					<comments>https://stabucky.com/wp/archives/18634#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Tue, 17 Sep 2024 23:43:19 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[画像]]></category>
		<guid isPermaLink="false">https://stabucky.com/wp/?p=18634</guid>

					<description><![CDATA[WordPressの画像の管理は独特で分かりにくいです。 別の画像に差し替えたときに元の画像を削除し忘れるとそのままずっと残ります。 「Media Cleaner」というプラグインを使うと簡単に不要な画像を削除できます。 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>WordPressの画像の管理は独特で分かりにくいです。<br />
別の画像に差し替えたときに元の画像を削除し忘れるとそのままずっと残ります。<br />
「Media Cleaner」というプラグインを使うと簡単に不要な画像を削除できます。</p>
<p>2024年9月19日追記<br />
このプラグインを使ったところ、削除してはいけない画像が削除されている箇所を発見しました。<br />
<strong>使わないことをおすすめ</strong>します。<br />
復旧方法を追記しました。</p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">設定</a></li><li><a href="#toc2" tabindex="0">手順</a></li><li><a href="#toc3" tabindex="0">復旧方法</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">設定</span></h2>
<p>特にこだわりがなければデフォルトのままで問題ありません。</p>
<h2><span id="toc2">手順</span></h2>
<p>ダッシュボードのプラグインから「Media Cleaner」をインストールします。<br />
ダッシュボードのメディアに「Cleaner」という項目が追加されます。<br />
Scanをクリックします。<br />
不要な画像が検索されます。「一瞬で」と書いているサイトがありますが嘘です。このブログ（You Look Too Cool）の規模で9分かかりました。<br />
Delete Allをクリックします。<br />
不要な画像が削除されます。</p>
<h2><span id="toc3">復旧方法</span></h2>
<p>ごみ箱にある画像を復旧する方法です。</p>
<p>Trashをクリックします。<br />
Recover Allをクリックします。</p>
<p><img fetchpriority="high" decoding="async" src="https://stabucky.com/wp/wp-content/uploads/2024/09/recover.png" alt="" width="710" height="288" class="aligncenter size-full wp-image-18640" srcset="https://stabucky.com/wp/wp-content/uploads/2024/09/recover.png 710w, https://stabucky.com/wp/wp-content/uploads/2024/09/recover-500x203.png 500w" sizes="(max-width: 710px) 100vw, 710px" /></p>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/18634/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>DokuWikiのスパムを「CAPTCHA Plugin」で防ぐ</title>
		<link>https://stabucky.com/wp/archives/8094</link>
					<comments>https://stabucky.com/wp/archives/8094#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Wed, 18 May 2016 23:49:20 +0000</pubDate>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[DokuWiki]]></category>
		<category><![CDATA[スパム]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=8094</guid>

					<description><![CDATA[ウィキシステムを使っています。ウィキシステムで有名なのがウィキペディアで使われているWikimediaですが私はDokuWikiを使っています。一通りの機能がありますがファイルサイズが小さくシンプルなのです。 しかし誰も [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>ウィキシステムを使っています。ウィキシステムで有名なのがウィキペディアで使われているWikimediaですが私はDokuWikiを使っています。一通りの機能がありますがファイルサイズが小さくシンプルなのです。<br />
しかし誰も参加しないので寂しい思いをしていました。</p>
<p>多摩境タウン情報Wiki<ins datetime="2024-11-25T03:49:27+00:00">(リンク削除)</ins></p>
<p>先週の金曜日の未明に突如、多くの人がユーザー登録をしました。このシステムはユーザー登録や編集が実行されるとメール電気製品は知らせる仕組みになっています。これが夜中に大量に送られてきたのです。<br />
眠い目をこすってメールを読むと全て英語。スパムでした。<br />
その日は出勤なので修正しないと昼間にメールが殺到することになります。<br />
とりあえずユーザー登録と編集の停止を行いました。<br />
後日、プラグインを入れました。<span id="more-8094"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">ユーザー登録と編集の停止</a></li><li><a href="#toc2" tabindex="0">プラグインの導入</a></li><li><a href="#toc3" tabindex="0">仕組み</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">ユーザー登録と編集の停止</span></h2>
<p>ユーザ登録と編集を停止するには次のようにします。</p>
<ol>
<li>ページ最上段の「管理」をクリック。</li>
<li>管理者メニューでサイト設定を選択。</li>
<li>認証セクションの「DokuWiki の動作を無効にする」の「ユーザー登録」と「文書の編集」にチェック。</li>
</ol>
<h2><span id="toc2">プラグインの導入</span></h2>
<p>ユーザ登録と編集を停止すると誰も編集しなくなるのでウィキシステムの意味がなくなります。<br />
プラグインを導入しスパムによる編集ができなくなるようにします。ユーザー登録と編集の停止は解除しておきます。</p>
<ol>
<li>ページ最上段の「管理」をクリック。</li>
<li>管理者メニューで「拡張機能管理」を選択。</li>
<li>「検索とインストール」を選択。</li>
<li>「CAPTCHA」で検索。</li>
<li>「CAPTCHA Plugin」を探し「インストール」をクリック。</li>
</ol>
<h2><span id="toc3">仕組み</span></h2>
<p>このプラグインを入れるとJavaScriptが機能していないと編集ができないようになります。<br />
スパムは機械で送信してきます。この場合、JavaScriptは機能していません。これで編集を拒否します。<br />
試しにブラウザのJavaScriptを停止して手動で記事の編集をしょうとすると次の通りメッセージが表示されます。</p>
<blockquote><p>申し訳ありませんが、CAPTCHAに対して適切に応答していません。おそらくですが人ではありませんね？</p></blockquote>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/8094/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressのタグを一括して統合する方法</title>
		<link>https://stabucky.com/wp/archives/7361</link>
					<comments>https://stabucky.com/wp/archives/7361#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Sat, 20 Jun 2015 23:26:50 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[タグ]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=7361</guid>

					<description><![CDATA[WordPressのタグの管理は複雑です。今回はタグの統合で困りました。 タグが次のように付けられているとします。 名前 スラッグ 自動車 自動車 車 car 「自動車」と「車」が重複しているので「車」に統一したいと思い [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>WordPressのタグの管理は複雑です。今回はタグの統合で困りました。<br />
タグが次のように付けられているとします。<span id="more-7361"></span></p>
<table>
<tr>
<th>名前</th>
<th>スラッグ</th>
</tr>
<tr>
<td>自動車</td>
<td>自動車</td>
</tr>
<tr>
<td>車</td>
<td>car</td>
</tr>
</table>
<p>「自動車」と「車」が重複しているので「車」に統一したいと思います。<br />
タグの名前は一括して変更することができます。メニューの 投稿 &#8211; タグ を選択し、該当するタグの 編集 または クイック編集 を使うと名前を変更することができます。<br />
これで「自動車」を「車」にすると各投稿のタグが変更されます。<br />
しかしスラッグは「自動車」のままで、タグの一覧は次のように表示されます。これではタグが統合されたとは言えません。</p>
<table>
<tr>
<th>名前</th>
<th>スラッグ</th>
</tr>
<tr>
<td>車</td>
<td>自動車</td>
</tr>
<tr>
<td>車</td>
<td>car</td>
</tr>
</table>
<p>そこでスラッグを「car」に変更しようとすると「このスラッグ “car” はすでに他のキーワードで使用されています」と表示されて変更できません。<br />
WordPressではタグの名前の重複は許されますがタグのスラッグの重複は許されないようです。</p>
<p>となれば、基本的には一つずつ修正するしかないのですが、プラグイン「Term Management Tools」を使うと簡単に統合できます。</p>
<p><a rel="noopener" href="https://wordpress.org/plugins/term-management-tools/" target="_blank">WordPress › Term Management Tools « WordPress Plugins</a></p>
<ol>
<li>メニューの 投稿 &#8211; タグ を選択。</li>
<li>統合したいタグを複数選んでチェック。</li>
<li>「一括操作」と表示されているドロップダウンリストで「Merge」を選択。<br /><img decoding="async" src="https://stabucky.com/wp/wp-content/uploads/2015/06/tag.png" alt="tag" width="247" height="145" class="img-responsive" /></li>
<li>「into:」と表示されるので統合後のタグのスラッグを入力。<br /><img decoding="async" src="https://stabucky.com/wp/wp-content/uploads/2015/06/tag2.png" alt="tag2" width="420" height="65" class="img-responsive" /></li>
<li>「適用」をクリック。</li>
</ol>
<p>統合後のタグをスラッグで入力するのがポイントです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/7361/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>目次を自動的に生成するjQueryプラグイン</title>
		<link>https://stabucky.com/wp/archives/6640</link>
					<comments>https://stabucky.com/wp/archives/6640#comments</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Wed, 20 Aug 2014 09:11:12 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[目次]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=6640</guid>

					<description><![CDATA[HTMLで書いたページに目次を自動的に追加するjQueryプラグインです。 h1-h6で記載した見出しを抽出し、目次を作成します。 目次には見出しへのリンクが設定されます。 このプラグインは二つのコードからできています。 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>HTMLで書いたページに目次を自動的に追加するjQueryプラグインです。<br />
h1-h6で記載した見出しを抽出し、目次を作成します。<br />
目次には見出しへのリンクが設定されます。<br />
このプラグインは二つのコードからできています。<span id="more-6640"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-8" checked><label class="toc-title" for="toc-checkbox-8">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">プラグイン本体</a></li><li><a href="#toc2" tabindex="0">配列をリストに</a></li><li><a href="#toc3" tabindex="0">使い方</a></li><li><a href="#toc4" tabindex="0">サンプル</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">プラグイン本体</span></h2>
<p>プラグイン本体です。h1-h6を抽出し配列に格納します。またh1-h6にidを追加してリンク先にします。</p>
<div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:400px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">jQuery.<span style="color: #660066;">fn</span>.<span style="color: #660066;">toc</span> <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>depth<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">var</span> headers<span style="color: #339933;">,</span> re<span style="color: #339933;">,</span> i<span style="color: #339933;">;</span><br />
&nbsp; &nbsp; headers <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; re <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;h([1-&quot;</span> <span style="color: #339933;">+</span> depth <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;])&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;i&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;*&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">var</span> ms<span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; ms <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #000066; font-weight: bold;">get</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">tagName</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span>re<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>ms<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">prop</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;id&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;header&quot;</span> <span style="color: #339933;">+</span> i<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; headers.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parseInt<span style="color: #009900;">&#40;</span>ms<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #3366CC;">&quot;&lt;a href='#header&quot;</span> <span style="color: #339933;">+</span> i <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;'&gt;&quot;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #339933;">+</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&lt;/a&gt;&quot;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; i<span style="color: #339933;">++;</span><br />
&nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">append</span><span style="color: #009900;">&#40;</span>array2ul<span style="color: #009900;">&#40;</span>headers<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<h2><span id="toc2">配列をリストに</span></h2>
<p>プラグイン本体で抽出した配列をulのリストにします。階層を反映します。</p>
<div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:400px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;"><span style="color: #000066; font-weight: bold;">function</span> array2ul<span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; <span style="color: #000066; font-weight: bold;">var</span> t<span style="color: #339933;">,</span> exlevel<span style="color: #339933;">,</span> level<span style="color: #339933;">,</span> i<span style="color: #339933;">,</span> j<span style="color: #339933;">;</span><br />
&nbsp; t <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; exlevel <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;=</span> a.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; level <span style="color: #339933;">=</span> i <span style="color: #339933;">&lt;</span> a.<span style="color: #660066;">length</span> <span style="color: #339933;">?</span> a<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>j <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> j <span style="color: #339933;">&lt;</span> <span style="">Math</span>.<span style="color: #660066;">abs</span><span style="color: #009900;">&#40;</span>exlevel <span style="color: #339933;">-</span> level<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> j<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; t <span style="color: #339933;">+=</span> exlevel <span style="color: #339933;">&lt;</span> level <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot;&lt;ul&gt;&quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&lt;/ul&gt;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; t <span style="color: #339933;">+=</span> i <span style="color: #339933;">&lt;</span> a.<span style="color: #660066;">length</span> <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot;&lt;li&gt;&quot;</span> <span style="color: #339933;">+</span> a<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&lt;/li&gt;&quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; exlevel <span style="color: #339933;">=</span> level<span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; <span style="color: #000066; font-weight: bold;">return</span> t<span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<h2><span id="toc3">使い方</span></h2>
<p>HTMLを次のようにします。<br />
h1-h6を適切に使います。<br />
目次をセットする箇所に「&lt;div&nbsp;id=&quot;mokuji&quot;&gt;&lt;/div&gt;」などと書きます。bodyの先頭がよいでしょう。<br />
スクリプトに「$(&#8220;#mokuji&#8221;).toc(3);」などと書きます。数字は見出しの深さです。「3」ならばh1からh3について目次を作成します。</p>
<div class="codecolorer-container html4strict dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:400px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/body.html"><span style="color: #000000; font-weight: bold;">body</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">div</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;mokuji&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">div</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/h1.html"><span style="color: #000000; font-weight: bold;">h1</span></a>&gt;</span>見出しＡ<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/h1.html"><span style="color: #000000; font-weight: bold;">h1</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/h2.html"><span style="color: #000000; font-weight: bold;">h2</span></a>&gt;</span>見出しＢ<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/h2.html"><span style="color: #000000; font-weight: bold;">h2</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">p</span></a>&gt;</span>本文。<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">p</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery.min.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery.toc.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;</span><br />
$(document).ready(function(){<br />
&nbsp; $(&quot;#mokuji&quot;).toc(3);<br />
});<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/body.html"><span style="color: #000000; font-weight: bold;">body</span></a>&gt;</span></div></div>
<h2><span id="toc4">サンプル</span></h2>
<p>サンプルとプラグインは次の通りです。</p>
<p><a href="https://stabucky.com/box/toc/toc_sample.htm">サンプルページ</a></p>
<p><a href="https://stabucky.com/box/toc/jquery.toc.js">jquery.toc.js</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/6640/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>WassUpとSuperCacheは同時に使えない</title>
		<link>https://stabucky.com/wp/archives/6365</link>
					<comments>https://stabucky.com/wp/archives/6365#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Sat, 19 Apr 2014 22:34:15 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=6365</guid>

					<description><![CDATA[WordPressで「WassUp Real Time Analytics」を使っています。記事別のアクセス数などをリアルタイムに調べることができるプラグインです。 しかし、記事の表示を高速化する「WP Super Ca [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>WordPressで「WassUp Real Time Analytics」を使っています。記事別のアクセス数などをリアルタイムに調べることができるプラグインです。<br />
しかし、記事の表示を高速化する「WP Super Cache」を導入したところ「WassUp」が正しく表示されなくなりました。アクセス数が異常に少ないのです。</p>
<p>調べると「WassUp」のFAQに書かれていました。</p>
<p>WordPress › WassUp Real Time Analytics « WordPress Plugins</p>
<blockquote><p>After installing WP Supercache (or other caching plugin), Wassup shows very few visits, why is that?<br />
WassUp is incompatible with WP Supercache, WP Cache, Hyper Cache, or any page-based caching plugin. WassUp cannot generate accurate statistics with these plugins.</p></blockquote>
<p>現象は全く同じです。そして「WassUpは、WP Super Cacheとincompatibleである」と書かれています。相性が悪いそうです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/6365/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>投稿からの経過日数を表示するWordPressプラグイン</title>
		<link>https://stabucky.com/wp/archives/5548</link>
					<comments>https://stabucky.com/wp/archives/5548#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Sun, 11 Aug 2013 22:06:56 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[日付]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=5548</guid>

					<description><![CDATA[ブログ記事に投稿してからの経過時間、日数を表示するプラグインを自作しました。 「この記事は投稿から3日が経過しています。」というように表示します。 この「3日」の部分が変化しますが、これはWordPressの関数「hum [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>ブログ記事に投稿してからの経過時間、日数を表示するプラグインを自作しました。<br />
「この記事は投稿から3日が経過しています。」というように表示します。<br />
この「3日」の部分が変化しますが、これはWordPressの関数「human_time_diff」を使っています。<span id="more-5548"></span></p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:400px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;"><span style="color: #000000; font-weight: bold;">&lt;?php</span><br />
<span style="color: #666666; font-style: italic;">/*<br />
Plugin Name: Add Time Diff<br />
Plugin URI: http://stabucky.com/<br />
Description: 本文の最後に投稿日からの経過時間を表示する。<br />
Version: 0.0.0<br />
Author: stabucky<br />
Author URI: http://stabucky.com/<br />
*/</span><br />
<span style="color: #000000; font-weight: bold;">function</span> add_time_diff<span style="color: #009900;">&#40;</span><span style="color: #000088;">$text</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; <span style="color: #000088;">$text</span><span style="color: #339933;">.=</span><span style="color: #0000ff;">&quot;&lt;p&gt;この記事は投稿から&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #000088;">$text</span><span style="color: #339933;">.=</span>human_time_diff<span style="color: #009900;">&#40;</span>get_post_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;U&quot;</span><span style="color: #339933;">,</span><span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #000088;">$text</span><span style="color: #339933;">.=</span><span style="color: #0000ff;">&quot;が経過しています。&lt;/p&gt;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #b1b100;">return</span> <span style="color: #000088;">$text</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><br />
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'the_content'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'add_time_diff'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #000000; font-weight: bold;">?&gt;</span></div></div>
<p>実際に使うときは<a href="https://stabucky.com/wp/wp-content/uploads/2013/08/add_time_diff.zip">add_time_diff</a>をダウンロードし解凍してプラグインフォルダに入れます。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/5548/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressプラグイン「Add Noindex」</title>
		<link>https://stabucky.com/wp/archives/5108</link>
					<comments>https://stabucky.com/wp/archives/5108#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Sat, 20 Apr 2013 01:45:17 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=5108</guid>

					<description><![CDATA[WordPressには個別投稿ページの他に、カテゴリーページ、タグページ、日付別ページなどのアーカイブページがあります。 例えば「プラグインを自作」という記事を投稿すると、「WordPress」のカテゴリーページ、「プラ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>WordPressには個別投稿ページの他に、カテゴリーページ、タグページ、日付別ページなどのアーカイブページがあります。<br />
例えば「プラグインを自作」という記事を投稿すると、「WordPress」のカテゴリーページ、「プラグイン」のタグページなど、各ページの先頭に同じ記事が載ります。<br />
Googleは、ウェブサイトに同じ内容を何度も表示すると「コピーばかりで低品質」と判定するそうです。<br />
一方で「&lt;meta name=&#8217;robots&#8217; content=&#8217;noindex&#8217;&gt;」をHTMLのヘッダに書いておけばGoogleはクロール対象から除外するので、そもそも「品質」の判定をしません。<br />
そこで、個別登録ページはクロール対象とし、アーカイブページはクロール対象から除外するためのプラグインを書いてみました。<span id="more-5108"></span><br />
<img loading="lazy" decoding="async" src="https://stabucky.com/wp/wp-content/uploads/2013/04/add_noindex.png" alt="add_noindex" width="200" height="200" class="img-responsive" /></p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:400px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;"><span style="color: #000000; font-weight: bold;">&lt;?php</span><br />
<span style="color: #666666; font-style: italic;">/*<br />
Plugin Name: Add Noindex<br />
Plugin URI: http://stabucky.com/<br />
Description: Noindex are added to the header. <br />
Version: 0.0.0<br />
Author: stabucky <br />
Author URI: http://stabucky.com/<br />
*/</span><br />
<span style="color: #000000; font-weight: bold;">function</span> add_noindex<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span>is_archive<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">print</span> <span style="color: #0000ff;">&quot;&lt;meta name='robots' content='noindex'&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #009900;">&#125;</span><br />
<span style="color: #009900;">&#125;</span><br />
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;wp_head&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;add_noindex&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #000000; font-weight: bold;">?&gt;</span></div></div>
<p>「is_archive()」でアーカイブページかどうかを判定します。<br />
「add_action(&#8220;wp_head&#8221;, &#8220;add_noindex&#8221;)」は、テーマの「wp_head()」の箇所で関数「add_noindex」を実行します。</p>
<p>実際に使うときは<a href="https://stabucky.com/wp/wp-content/uploads/2013/04/add_noindex.zip">add_noindex</a>をダウンロードし解凍してプラグインフォルダに入れます。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/5108/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ピボットテーブルを表示するjQueryプラグイン</title>
		<link>https://stabucky.com/wp/archives/4835</link>
					<comments>https://stabucky.com/wp/archives/4835#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Tue, 19 Feb 2013 13:43:10 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[テーブル]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=4835</guid>

					<description><![CDATA[Excelにはピボットテーブルという機能があります。クロス集計と呼ぶ人もいます。 これをHTMLのテーブルで再現するjQueryプラグイン「jquery.pivot.js」を作りました。 目次 使い方サンプル 使い方 プ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Excelにはピボットテーブルという機能があります。クロス集計と呼ぶ人もいます。<br />
これをHTMLのテーブルで再現するjQueryプラグイン「jquery.pivot.js」を作りました。<span id="more-4835"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-16" checked><label class="toc-title" for="toc-checkbox-16">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">使い方</a></li><li><a href="#toc2" tabindex="0">サンプル</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">使い方</span></h2>
<ol>
<li>プラグイン(<a href="https://stabucky.com/wp/wp-content/uploads/2013/02/jquery.pivot.js">jquery.pivot.js</a>)をダウンロードします。</li>
<li>HTMLを書きます。後述のサンプルを参考にしてください。
<ul>
<li>元となるテーブルを書きます。idを設定します。1行目は見出しです。合計欄はセットしません。</li>
<li>ピボットテーブルを表示する箇所を「&lt;div id=&#8221;gokei&#8221;&gt;&lt;/div&gt;」のように書きます。</li>
<li>スクリプトを書きます。「$(表示先のid).pivot(対象テーブルのid,行ラベル(左側),列ラベル(上側),値,区分);」のように書きます。
<ul>
<li>表示先のidは「#gokei」のように書きます。「#」を付けます。</li>
<li>対象テーブルのidは「mytable」のように書きます。「#」を付けません。</li>
<li>行ラベル、列ラベル、値は見出しの文字列をセットします。</li>
<li>区分は合計ならば「sum」、カウントならば「count」もしくは空文字列にします。</li>
</ul>
</li>
</ul>
</li>
<li>これらを同じフォルダに保存します。</li>
<li>ページを開くとピボットテーブルが表示されます。</li>
</ol>
<p><!--more--><br />
<a href="https://stabucky.com/wp/wp-content/uploads/2013/02/pivot_sample.htm">sample</a></p>
<h2><span id="toc2">サンプル</span></h2>
<div class="codecolorer-container html4strict dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:400px;height:400px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">&lt;<a href="http://december.com/html/4/element/table.html"><span style="color: #000000; font-weight: bold;">table</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;mytable&quot;</span>&gt;<br />
&nbsp; &lt;<a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">tr</span></a>&gt;<br />
&nbsp; &nbsp; &lt;<a href="http://december.com/html/4/element/th.html"><span style="color: #000000; font-weight: bold;">th</span></a>&gt;日付&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/th.html"><span style="color: #000000; font-weight: bold;">th</span></a>&gt;<br />
&nbsp; &nbsp; &lt;<a href="http://december.com/html/4/element/th.html"><span style="color: #000000; font-weight: bold;">th</span></a>&gt;商品&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/th.html"><span style="color: #000000; font-weight: bold;">th</span></a>&gt;<br />
&nbsp; &nbsp; &lt;<a href="http://december.com/html/4/element/th.html"><span style="color: #000000; font-weight: bold;">th</span></a>&gt;支店&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/th.html"><span style="color: #000000; font-weight: bold;">th</span></a>&gt;<br />
&nbsp; &nbsp; &lt;<a href="http://december.com/html/4/element/th.html"><span style="color: #000000; font-weight: bold;">th</span></a>&gt;売上&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/th.html"><span style="color: #000000; font-weight: bold;">th</span></a>&gt;<br />
&nbsp; &lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">tr</span></a>&gt;<br />
&nbsp; &lt;<a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">tr</span></a>&gt;<br />
&nbsp; &nbsp; &lt;<a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">td</span></a>&gt;<span style="color: #cc66cc;">1</span>月<span style="color: #cc66cc;">1</span>日&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">td</span></a>&gt;<br />
&nbsp; &nbsp; &lt;<a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">td</span></a>&gt;スキャナ&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">td</span></a>&gt;<br />
&nbsp; &nbsp; &lt;<a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">td</span></a>&gt;千葉&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">td</span></a>&gt;<br />
&nbsp; &nbsp; &lt;<a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">td</span></a>&gt;<span style="color: #cc66cc;">20000</span>&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">td</span></a>&gt;<br />
&nbsp; &lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">tr</span></a>&gt;<br />
&nbsp; &lt;!--省略--&gt;<br />
&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/table.html"><span style="color: #000000; font-weight: bold;">table</span></a>&gt;<br />
&lt;<a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">p</span></a>&gt;合計&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">p</span></a>&gt;<br />
&lt;<a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">div</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;gokei&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">div</span></a>&gt;<br />
&lt;<a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">p</span></a>&gt;個数&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">p</span></a>&gt;<br />
&lt;<a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">div</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;kosu&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">div</span></a>&gt;<br />
&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery.min.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;<br />
&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery.pivot.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;<br />
&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;<br />
&lt;!--<br />
$<span style="color: #66cc66;">&#40;</span>document<span style="color: #66cc66;">&#41;</span>.ready<span style="color: #66cc66;">&#40;</span>function <span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />
&nbsp; $<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;#gokei&quot;</span><span style="color: #66cc66;">&#41;</span>.pivot<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;mytable&quot;</span>, <span style="color: #ff0000;">&quot;商品&quot;</span>, <span style="color: #ff0000;">&quot;支店&quot;</span>, <span style="color: #ff0000;">&quot;売上&quot;</span>, <span style="color: #ff0000;">&quot;sum&quot;</span><span style="color: #66cc66;">&#41;</span>;<br />
&nbsp; $<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;#kosu&quot;</span><span style="color: #66cc66;">&#41;</span>.pivot<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;mytable&quot;</span>, <span style="color: #ff0000;">&quot;商品&quot;</span>, <span style="color: #ff0000;">&quot;支店&quot;</span>, <span style="color: #ff0000;">&quot;売上&quot;</span>, <span style="color: #ff0000;">&quot;count&quot;</span><span style="color: #66cc66;">&#41;</span>;<br />
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<br />
<span style="color: #66cc66;">//</span>--&gt;<br />
&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/4835/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ページを開いたときにメッセージを表示するjQueryプラグイン</title>
		<link>https://stabucky.com/wp/archives/4792</link>
					<comments>https://stabucky.com/wp/archives/4792#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Wed, 06 Feb 2013 13:24:56 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=4792</guid>

					<description><![CDATA[ウェブページを開いたときに注意メッセージを表示するjQueryプラグイン「jquery.opening.js」を作りました。 ページを開いたときにメッセージが表示されます。メッセージは変更できます。 「今後はこのメッセー [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>ウェブページを開いたときに注意メッセージを表示するjQueryプラグイン「jquery.opening.js」を作りました。<br />
ページを開いたときにメッセージが表示されます。メッセージは変更できます。<br />
「今後はこのメッセージを表示しない。」にチェックすると次回からは表示されません。クッキーを利用しています。</p>
<h3><span id="toc1">使い方</span></h3>
<ol>
<li>プラグイン(<a href="https://stabucky.com/wp/wp-content/uploads/2013/02/jquery.opening.js">jquery.opening.js</a>)をダウンロードします。</li>
<li>別途、<a href="https://github.com/carhartl/jquery-cookie">Downloads · carhartl/jquery-cookie · GitHub</a>でjquery.cookie.jsをダウンロードします。※<a href='https://stabucky.com/wp/archives/4460'>jQueryでcookieを使う | You Look Too Cool</a></li>
<li>HTMLを書きます。後述のサンプルを参考にしてください。</li>
<li>これらを同じフォルダに保存します。</li>
</ol>
<p><span id="more-4792"></span></p>
<div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:400px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;body&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">opening</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ここにメッセージをセットします。&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>の部分のメッセージを書き換えます。<br />
ページを開くとメッセージが表示されます。</p>
<p><a href="https://stabucky.com/wp/wp-content/uploads/2013/02/sample.htm">sample</a></p>
<h3><span id="toc2">サンプル</span></h3>
<div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:400px;height:400px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">&lt;!DOCTYPE HTML&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;<br />
&lt;title&gt;sample - jquery.opening.js&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;h1&gt;sample - jquery.opening.js&lt;/h1&gt;<br />
&lt;p&gt;本文です。&lt;/p&gt;<br />
&lt;input type=&quot;button&quot; id=&quot;delcookie&quot; value=&quot;クッキーをクリア&quot;&gt;<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.cookie.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.opening.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
&lt;!--<br />
$(document).ready(function(){<br />
&nbsp; $(&quot;body&quot;).opening(&quot;ここにメッセージをセットします。&quot;);<br />
});<br />
//--&gt;<br />
&lt;/script&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</div></div>
<p>実験用に「クッキーをクリア」というボタンを付けておきました。クリックすると該当のクッキーがクリアされます。不要ならば削除してください。<br />
またjquery.cookie.jsはローカル環境では動きません。サーバにアップする必要があります。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/4792/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>祝日に対応したカレンダーを挿入するjQueryプラグイン</title>
		<link>https://stabucky.com/wp/archives/4784</link>
					<comments>https://stabucky.com/wp/archives/4784#respond</comments>
		
		<dc:creator><![CDATA[stabucky]]></dc:creator>
		<pubDate>Wed, 06 Feb 2013 10:24:58 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[カレンダー]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[祝日]]></category>
		<guid isPermaLink="false">http://stabucky.com/wp/?p=4784</guid>

					<description><![CDATA[JavaScriptで日本の祝日を判定する関数を書いたので、ついでにカレンダーを挿入するjQueryプラグインを書いてみました。 使い道がよく分からないですが。 プラグインです。 jquery.calendar_jp 年 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>JavaScriptで日本の祝日を判定する関数を書いたので、ついでにカレンダーを挿入するjQueryプラグインを書いてみました。<br />
使い道がよく分からないですが。</p>
<p>プラグインです。<br />
<a href="https://stabucky.com/wp/wp-content/uploads/2013/02/jquery.calendar_jp.js">jquery.calendar_jp</a></p>
<p>年間カレンダーを作るサンプルです。<br />
<a href="https://stabucky.com/wp/wp-content/uploads/2013/02/sample1.htm" target="_blank">sample1</a></p>
<p>一か月カレンダーを作るサンプルです。<br />
<a href="https://stabucky.com/wp/wp-content/uploads/2013/02/sample2.htm" target="_blank">sample2</a></p>
<p>2026年2月28日追記<br />
サンプルを修正して、開くようにしました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stabucky.com/wp/archives/4784/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
