CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="" lang=""> <head> <title>Hatena::Let</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png" /> <link rel="stylesheet" href="https://www.hatena.ne.jp/css/simple-header.css" type="text/css" media="all" /> <link rel="stylesheet" href="/css/hatena.css" type="text/css" media="all" title="site"/> <link rel="stylesheet" href="/css/site.css" type="text/css" media="all" title="site"/> <meta name="description" content="Hatena::Let はブックマークレットをかんたんに作成・公開できるウェブサービスです" /> <meta name="Keywords" content="bookmarklet,bookmarklets,ブックマークレット,Hatena::Let,はてなレット" /> <meta name="csrf-token" content="hT64tD_3t77KOVihZXR8iL9Zl67Ep03J2_jgOvyeFvWlYFK7wgqF_HdC_vjoLu1gvvwNCTymrhyGsS-DIGTOHg==" /> <script type="text/javascript" src="https://s.hatena.ne.jp/js/HatenaStar.js"></script> <script type="text/javascript" src="/js/site-script.js?_=1"></script> <script type="text/javascript"> Hatena.Star.SiteConfig = { entryNodes: { 'div.codelist': { uri: 'div.title a.code-path', title: 'div.title a.code-path', container: 'div.title' } } }; </script> </head> <body> <div id="simple-header"> <div id="simple-header-body"> <div id="logo"> <a href="/"><img src="/images/logo.gif" title="はてな" alt="はてな" class="logo"></a> </div> <ul class="menu"> <li><a href="https://www.hatena.ne.jp/register">Register</a></li> <li><a href="/auth/hatena">Login</a></li> <li><a href="/help">Help</a></li> </ul> </div> </div> <div id="hatena-body"> <div id="body"> <div id="container"> <section class=help> <h2>ヘルプ</h2> <p>Hatena::Let はブックマークレット開発・共有サービスです。</p> <ul> <li><a href="http://d.hatena.ne.jp/secondlife/20100515/1273919432">ブックマークレットサービス・Hatena::Let を作りました - 川o・-・）＜2nd life</a> <li><a href="http://hatena.g.hatena.ne.jp/hatelabo/?word=Hatena%3A%3ALet">はてラボの日記</a> <li>はてなハイク: <a href="http://h.hatena.ne.jp/keyword/Hatena%3A%3ALet">Hatena::Let</a> <li>Twitter: <a href="https://twitter.com/hatenalet">@hatenalet</a> </ul> <h3>ご注意</h3> <p>Hatena::Let は<a href="http://www.hatena.ne.jp/company/">株式会社はてな</a>が運営する<a href="http://hatelabo.jp/">はてラボ</a>のサービスです。はてラボは実験的なサービス群であり、サービスが突然現れたり、突然無くなったりします。お預かりしたデータの保存は保証いたしません。 <p>Hatena::Let は<a href="http://www.hatena.ne.jp/rule/laborule">はてラボ利用規約</a>、 <a href="http://www.hatena.ne.jp/rule/rule">はてな利用規約</a>、 <a href="http://www.hatena.ne.jp/rule/privacypolicy">はてなプライバシーポリシー</a>に従い運用いたします。 <section id="edit-guide"> <h3>編集ガイド</h3> <h4>Debuglet について</h4> <p>Debuglet とは、現在編集中のブックマークレットを実行するためのブックマークレットです。自動保存 (もしくは明示的に一時保存) したコードを実行します。編集しつつ、別のブラウザーのタブで Debuglet を実行し挙動を確認、などの用途に利用できます。</p> <p>また、Debuglet は1ユーザーに対して1つのみ作成されます。これは編集中 (一時保存されているコード) のコードはユーザーにつき1つのみのためです。なお Debuglet のユニークなキーを変更したい場合、<a href="/my/config">設定</a>の API キーを再度生成すると変更されます。</p> <h4>ソースコードのコメント上に記載する <code>@...</code> について</h4> <p>Hatena::Let では、ソースコードのコメント上に書く <code>@...</code> の情報が意味を持ちます。意味は以下の通りです。</p> <dl> <dt><dfn id=at-title><code>@title</code></dfn> <dd><p>タイトルはリンクテキストとして使われます。多くのブラウザではブックマークレット登録時にリンクテキストを考慮してブックマーク名を決めるので、短かく意味のある名前を指定することをお奨めします。</dd> <dt><dfn id=at-description><code>@description</code></dfn> <dd><p><code>description</code> は任意で説明を書くフィールドです。一覧表示で使われます。</dd> <dt><dfn id=at-include><code>@include http://*</code></dfn> <dd><p>include はこのスクリプトが使用できるサイトを指定するためのフィールドです。 URLにおいて使用できるブックマークレット一覧を表示させたり、同じサイトで使用できる他のブックマークレットを発見する際に使われる…ようになったら良いなと思ってます。。例えば、<code>http://*</code> は任意のサイト、<code>http://*.hatena.ne.jp</code> は <code>hatena.ne.jp</code> 以下の任意のページになります。</p> <p>現在は UserScript として JS をロードする際に有効に活用できます。</p></dd> <dt><dfn id=at-require><code>@require http://....</code></dfn> <dd> <p> URL を指定し、必要なファイルをブックマークレット実行前に読みこませることができます。ブックマークレット実行時には指定したスクリプトファイルが全て読みこまれた状態になります。ライブラリを指定する際に便利です。また、以下にあげるものはライブラリ名を書くだけで自動的に最新のライブラリを読みこませることができます。(大文字小文字は区別されません) </p> <ul> <li>jQuery</li> <li>Ten</li> <li>JSDeferred</li> </ul> <p> 例: <code>@require jquery</code> </p> <p>また、 <code>@require</code> で <code>http://.../path.css</code> と最後が <code>.css</code> で終わる URL を指定すると、外部CSSとしてブックマークレット実行時にロードします。</p> </dd> <dt><dfn id=at-private><code>@private</code></dfn> <dd><p>ブックマークレットを他人に公開しない設定にする際には <code>@private</code> と書くことで非公開にできます。このプライベート設定は、他人が見ると一覧には表示はされませんが、直接 URL を閲覧すると全員がアクセス可能です。自分だけで利用したい、知り合いだけに見せたい場合は <code>@private</code> を利用ください。</dd> <dt><dfn id=at-license><code>@license</code></dfn> <dd><p>コードに適用されるライセンスを記述するフィールドです。</dd> <dt><dfn id=at-javascript_url><code>@javascript_url</code></dfn> (実験的) <dd><p>このフィールドが指定されていると、無名関数に入れて外部 JavaScript ファイルとして読み込むのではなく、できるだけコードを短縮して <code>javascript:</code> URL に直接埋め込みます。 <p>正しく扱えるコードの長さはブラウザーにより異なります。また、構文によってはただしく短縮できないことがあります。 <p>この機能は実験的なものであり、将来的に変更または削除する可能性があります。 </dl> <h4>その他</h4> <p>記述したコードは、無名関数の中で実行されます。無名関数内部でグローバルな空間に変数等を定義したいときは <code>window</code> オブジェクトにアクセスしてください。</p> </section> <section id=known> <h3>既知の問題</h3> <ul> <li id=problem-ssl><p><code>https:</code> のページではスクリプトが正しく動作しないことがあります。 Web ブラウザーが <code><strong>http</strong>://let.hatelabo.jp</code> の JavaScript ファイルを読み込まないためです。 <a href="#at-javascript_url"><code>@javascript_url</code></a> を使うと回避できるかもしれません。 </ul> </section> <h3>困ったときは</h3> <p>はてなではブックマークレットや JavaScript の使い方などの質問にはお答えしていませんが、 <a href="http://h.hatena.ne.jp/keyword/Hatena%3A%3ALet">はてなハイク</a>で質問すると親切なユーザーさんが回答してくださるかもしれません。 <p>不具合や脆弱性などの問題は<a href="http://www.hatena.ne.jp/faq/q/let">お問い合わせ窓口</a>よりご報告ください。はてなスタッフが調査し、回答させていただきます。 </section> </div> </div> </div> <script type="text/javascript">Let.init();</script> </body> </html>