﻿<?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>Numb. &#187; Bookmarklet</title>
	<atom:link href="http://wp.graphact.com/tag/bookmarklet/feed/" rel="self" type="application/rss+xml" />
	<link>http://wp.graphact.com</link>
	<description></description>
	<lastBuildDate>Sun, 08 Apr 2012 18:02:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Firefox + keyconfig で bookmarklet をショートカット登録</title>
		<link>http://wp.graphact.com/2008/02/13/124/</link>
		<comments>http://wp.graphact.com/2008/02/13/124/#comments</comments>
		<pubDate>Wed, 13 Feb 2008 03:16:42 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[add-on]]></category>
		<category><![CDATA[Bookmarklet]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2008/02/13/186</guid>
		<description><![CDATA[以前から CSS ON⇔OFF bookmarklet を keyconfig という add-on を使い、ショートカットに登録しています。CSS ON⇔OFF がワンキーでさくさく切り替えられ、これが凄く便利。 すご [...]]]></description>
			<content:encoded><![CDATA[<p>以前から <a href="http://wp.graphact.com/2007/02/26/73">CSS ON⇔OFF bookmarklet</a> を keyconfig という add-on を使い、ショートカットに登録しています。CSS ON⇔OFF がワンキーでさくさく切り替えられ、これが凄く便利。</p>
<p>すごーく便利なのですが、OS を入れ直したり、Firefox を入れ直したときにいつも忘れてしまうので自分のためにメモ。</p>
<p><span id="more-124"></span></p>
<p><span style="color:#FF0099;">Step 1.</span><br />
Bookmarklet のプロパティで、キーワードを設定<br />
<a href="http://wp.graphact.com/wp-content/uploads/2008/02/css_on_off_bm.jpg" title="" rel="lightview[1]"><img src="http://wp.graphact.com/wp-content/uploads/2008/02/thumb_css_on_off_bm.jpg" alt="" width="250" height="187" /></a></p>
<p><span style="color:#FF0099;">Step 2.</span><br />
keyconfig に以下の項目を追加<br />
<code>if(window.loadURI) loadURI(getShortcutOrURI('css',{}));</code><br />
css に当たる部分は、Bookmarklet のキーワードを入力。<br />
<a href="http://wp.graphact.com/wp-content/uploads/2008/02/css_on_off_key1.jpg" title="" rel="lightview[1]"><img src="http://wp.graphact.com/wp-content/uploads/2008/02/thumb_css_on_off_key1.jpg" alt="" width="250" height="250" /></a></p>
<p><span style="color:#FF0099;">Step 3.</span><br />
任意のショートカットを指定して、Firefox を再起動<br />
<a href="http://wp.graphact.com/wp-content/uploads/2008/02/css_on_off_key2.jpg" title="" rel="lightview[1]"><img src="http://wp.graphact.com/wp-content/uploads/2008/02/thumb_css_on_off_key2.jpg" alt="" width="250" height="250" /></a></p>
<p>参考サイト</p>
<div class="quote">
<blockquote cite="http://www.goodpic.com/mt/archives2/2006/12/firefoxwebbookm.html" title="FireFoxでよく見るWEBページや、Bookmarkletは、keyconfigでショートカット登録しておく：Goodpic">
<p>名前を入力、「グローバル」をチェックして、処理を記述</p>
<p>以下のコードを本文に記載。その際に、getShortcutOrURI(&#8216;gmail&#8217; となっている部分のgmailなどの部分を、ブックマークに登録したキーワードを指定します。もちろん、ブックマークを呼び出すのではなくて、javascriptで直接URLを開く処理も書けるのですが、汎用性を高めるということで。</p>
<p><code>if(window.loadURI) loadURI(getShortcutOrURI('gmail',{}));</code>
</p></blockquote>
<p><cite>&#12302;<a href="http://www.goodpic.com/mt/archives2/2006/12/firefoxwebbookm.html" title="FireFoxでよく見るWEBページや、Bookmarkletは、keyconfigでショートカット登録しておく：Goodpic">FireFoxでよく見るWEBページや、Bookmarkletは、keyconfigでショートカット登録しておく：Goodpic</a>&#12424;&#12426;&#24341;&#29992;&#12303;</cite></div>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2008/02/13/124/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS ON⇔OFF bookmarklet</title>
		<link>http://wp.graphact.com/2007/02/26/73/</link>
		<comments>http://wp.graphact.com/2007/02/26/73/#comments</comments>
		<pubDate>Sun, 25 Feb 2007 22:53:10 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[Bookmarklet]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2007/02/26/123</guid>
		<description><![CDATA[Bookmarklet &#8211; パソコン遊戯 こちらで紹介されていた Bookmarklet をよく使っています。 Bookmarklet とは、ブックマークに入れて使う javascript です。 リンクの上 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://pasokon-yugi.cool.ne.jp/bookmarklet/" title="Bookmarklet - パソコン遊戯">Bookmarklet &#8211; パソコン遊戯</a></p>
<p>こちらで紹介されていた Bookmarklet をよく使っています。<br />
Bookmarklet とは、ブックマークに入れて使う javascript です。<br />
リンクの上で右クリックをしてお気に入りに登録すれば OK です。</p>
<p>閲覧補助 > CSS ON⇔OFF<br />
これをブックマークに入れておくと、制作時にものすごい便利でした。<br />
作者様、ありがとうございます・・！</p>
<p><a href="javascript:(function(){var l,i,x,s,j,y;l=document.getElementsByTagName('link');for(i=0;i<l.length;i++){x=l.item(i);if(x.rel.match(/^stylesheet$/i)){if(x.disabled==false)x.disabled=true;else if(x.disabled==true)x.disabled=false;}}s=document.getElementsByTagName('style');for(j=0;j<s.length;j++){y=s.item(j);if(y.disabled==false)y.disabled=true;else if(y.disabled==true)y.disabled=false;}})()">CSS ON⇔OFF</a><br />
このリンクをブックマークに登録すれば OK。リンクバーにドラッグアンドドロップでもいけます。</p>
<p>それにしても1ヶ月更新になってしまった。<br />
最近は仕事に趣味にと忙しい毎日なのであります。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2007/02/26/73/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Textarea などをリサイズする</title>
		<link>http://wp.graphact.com/2007/01/22/71/</link>
		<comments>http://wp.graphact.com/2007/01/22/71/#comments</comments>
		<pubDate>Mon, 22 Jan 2007 13:02:53 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[add-on]]></category>
		<category><![CDATA[Bookmarklet]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2007/01/22/121</guid>
		<description><![CDATA[Textarea が固定サイズで（しかも小さい場合）、リサイズして大きくできたら文章が見やすくていいのにと思うことがあります。色々リサイズする手段があるようなので、纏めておきます。 Firefox 拡張と、bookmar [...]]]></description>
			<content:encoded><![CDATA[<p>Textarea が固定サイズで（しかも小さい場合）、リサイズして大きくできたら文章が見やすくていいのにと思うことがあります。色々リサイズする手段があるようなので、纏めておきます。</p>
<p>Firefox 拡張と、bookmarklet、Greasemonkey の 3 つです。</p>
<p><span id="more-71"></span></p>
<h2>Firefox 拡張</h2>
<p>Firefox の拡張の「Resizeable Textarea」か、「Resizeable Form Fields」を使うとリサイズが可能になります。</p>
<p>「Resizeable Textarea」はテキストエリアのみですが、「Resizeable Form Fields」はテキストエリアのほかにセレクトボックスやテキストフィールド（１行のもの）などもリサイズできます。ただ下手にセレクトボックスをリサイズすると、セレクトしたくても表示させる三角の選択ボタン（▼こういうもの）が消えてしまうことがあり少し困りました。この辺は好みかと思います。</p>
<ul>
<li><a href="https://addons.mozilla.org/firefox/3818/" title="Resizeable Textarea | Firefox Add-ons | Mozilla Corporation" rel="external">Resizeable Textarea | Firefox Add-ons | Mozilla Corporation</a></li>
<li><a href="https://addons.mozilla.org/firefox/3694/" title="Resizeable Form Fields | Firefox Add-ons | Mozilla Corporation" rel="external">Resizeable Form Fields | Firefox Add-ons | Mozilla Corporation</a></li>
</ul>
<h2>bookmarklet</h2>
<p>また、拡張を入れなくてもリサイズは bookmarklet で可能なようです。情報元がどこか忘れてしまいました（メモをしていなくて後悔 TT）。</p>
<p>リンク先の「Right-click here and &#8220;Bookmark&#8221; FormTextResizer」をブックマークに登録して使います。この bookmarklet をクリックした後に 1 つのテキストエリアがリサイズ可能になります。連続していくつもリサイズすることはできず、リサイズするたびに bookmarklet をクリックする必要がありました。通常そんなに何個もリサイズはしませんので、そんなに問題ではないと思います。逆に予期せずリサイズをしてしまうことがないのは利点とも言えるかも。</p>
<p>拡張をあまり入れたくない方や、Firefox 以外のブラウザなら bookmarklet がいいですね。</p>
<ul>
<li><a href="http://www.themaninblue.com/experiment/FormTextResizer/" title="The Man in Blue - FormTextResizer" rel="external">The Man in Blue &#8211; FormTextResizer</a></li>
</ul>
<h2>Greasemonkey</h2>
<p>「Changing ＜textarea＞ Size」というスクリプトを入れることでテキストエリアのリサイズが可能になります。Firefox の拡張「Greasemonkey」を入れてある必要があります。</p>
<ul>
<li><a href="http://lowreal.net/logs/2006/03/22/1" title="textarea の大きさの呪縛から逃れるための GM スクリプト < 22 < March < 2006 < nulog, NULL::something : out of the headphone" rel="external">textarea の大きさの呪縛から逃れるための GM スクリプト < 22 < March < 2006 < nulog, NULL::something : out of the headphone</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2007/01/22/71/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

