diff options
Diffstat (limited to 'files/ja/jetpack')
| -rw-r--r-- | files/ja/jetpack/basics/index.html | 71 | ||||
| -rw-r--r-- | files/ja/jetpack/content/index.html | 15 | ||||
| -rw-r--r-- | files/ja/jetpack/extenders/index.html | 23 | ||||
| -rw-r--r-- | files/ja/jetpack/index.html | 85 | ||||
| -rw-r--r-- | files/ja/jetpack/libraries/index.html | 6 | ||||
| -rw-r--r-- | files/ja/jetpack/libraries/twitter/index.html | 86 | ||||
| -rw-r--r-- | files/ja/jetpack/meta/first_run/index.html | 36 | ||||
| -rw-r--r-- | files/ja/jetpack/meta/index.html | 19 | ||||
| -rw-r--r-- | files/ja/jetpack/meta/me/index.html | 29 | ||||
| -rw-r--r-- | files/ja/jetpack/multimedia/index.html | 19 | ||||
| -rw-r--r-- | files/ja/jetpack/storage/index.html | 19 | ||||
| -rw-r--r-- | files/ja/jetpack/storage/settings/index.html | 55 | ||||
| -rw-r--r-- | files/ja/jetpack/storage/simple_storage/index.html | 78 | ||||
| -rw-r--r-- | files/ja/jetpack/system/index.html | 23 | ||||
| -rw-r--r-- | files/ja/jetpack/ui/index.html | 45 | ||||
| -rw-r--r-- | files/ja/jetpack/ui/selection/index.html | 62 | ||||
| -rw-r--r-- | files/ja/jetpack/ui/slidebar/index.html | 24 | ||||
| -rw-r--r-- | files/ja/jetpack/ui/tabs/index.html | 18 | ||||
| -rw-r--r-- | files/ja/jetpack/システム/index.html | 7 |
19 files changed, 720 insertions, 0 deletions
diff --git a/files/ja/jetpack/basics/index.html b/files/ja/jetpack/basics/index.html new file mode 100644 index 0000000000..bdeaf64798 --- /dev/null +++ b/files/ja/jetpack/basics/index.html @@ -0,0 +1,71 @@ +--- +title: Jetpack の基礎 +slug: Jetpack/Basics +translation_of: Archive/Mozilla/Jetpack/Basics +--- +<h2 id="Console_クラス">Console クラス</h2> +<p>エラーコンソールに情報を書き込みます。 コンソールはFirefoxの"詳細ツール"メニューから開く事ができます。</p> +<p><strong>名前空間 :</strong> console</p> +<p>メソッド:</p> +<ul> + <li><code>info</code></li> + <li><code>log</code></li> + <li><code>arn</code></li> + <li><code>error</code></li> + <li><code>exception</code></li> + <li><code>logFromCaller</code></li> +</ul> +<h4 id="メソッド_log"><code>メソッド: log</code></h4> +<p>通知ボックスを描画します。</p> +<p>オプション</p> +<ul> + <li>1. 引数(文字列) コンソールに書き込むメッセージ</li> +</ul> +<h5 id="サンプルコード">サンプルコード:</h5> +<pre class="prettyprint"><code><span class="pun"><span style='font-family: "Courier New","Andale Mono",monospace;'>console.log</span></span></code>("Hello World!"); +</pre> +<h2 id="Notifications_クラス">Notifications クラス</h2> +<p>通知ボックスはブラウザの右下に現れる、重要な通知をユーザに表示する為のボックスです。</p> +<p><strong>名前空間:</strong> jetpack.notifications</p> +<h4 id="メソッド_show">メソッド: show</h4> +<p>通知ボックスを描画します.</p> +<h5 id="オプション">オプション</h5> +<ul> + <li>title (文字列) 通知メッセージのタイトル</li> + <li>body (文字列) メッセージ本文</li> + <li>icon (文字列) .icoファイルのURL</li> +</ul> +<h5 id="サンプルコード_2">サンプルコード:</h5> +<pre class="prettyprint"><code><span class="pun">jetpack.notifications.</span></code>show("Hello World!"); + +var myBody = " My first message body on jetpack"; +var myIcon ="http://www.mozilla.com/favicon.ico"; +<code><span class="pln">jetpack</span><span class="pun">.</span><span class="pln">notifications</span><span class="pun">.</span><span class="pln">show</span><span class="pun">({</span><span class="pln">title</span><span class="pun">:</span><span class="pln"> "My first Message on jetpack"</span><span class="pun">,</span><span class="pln"> body</span><span class="pun">:</span><span class="pln"> myBody</span><span class="pun">,</span><span class="pln"> icon</span><span class="pun">:</span><span class="pln"> myIcon</span><span class="pun">}); + +</span></code></pre> +<h2 id="Tabs_クラス">Tabs クラス</h2> +<p>Firefoxのタブに関する情報を取得する為のクラスです。</p> +<p><strong>名前空間:</strong> jetpack.tabs</p> +<h4 id="プロパティ">プロパティ</h4> +<ul> + <li>length (int) 開いているタブの数.</li> + <li>focused (window) 現在表示されているタブ</li> + <li>toString</li> + <li>pop</li> + <li>push</li> + <li>reverse</li> + <li>shift</li> + <li>sort</li> + <li>splice</li> + <li>unshift</li> +</ul> +<h4 id="イベント">イベント</h4> +<ul> + <li>onReady: タブのドキュメント読み込みが完了した時に呼び出されます。</li> + <li>onFocus: 表示されているタブが変更された時に呼び出されます.</li> +</ul> +<h4 id="メソッド_open">メソッド: open</h4> +<p>指定したURLで新しいタブを開きます.</p> +<h5 id="サンプルコード_3">サンプルコード:</h5> +<pre class="prettyprint"><code><span class="pun">jetpack.tabs.open("http://www.example.com");</span></code></pre> +<p></p> diff --git a/files/ja/jetpack/content/index.html b/files/ja/jetpack/content/index.html new file mode 100644 index 0000000000..cd38071e75 --- /dev/null +++ b/files/ja/jetpack/content/index.html @@ -0,0 +1,15 @@ +--- +title: Content +slug: Jetpack/Content +translation_of: Archive/Mozilla/Jetpack/Content +--- +<dl> + <dt> + <a href="../../../../ja/Jetpack/Content/Page_modifications" rel="internal">Page modifications</a></dt> + <dd> + Greasemonkey! 特定のページを開いた際にコールバックを実行する。</dd> + <dt> + <a class="new" href="../../../../ja/Jetpack/Content/SiteBoost" rel="internal">SiteBoost</a></dt> + <dd> + Jetpackは本来の機能以上の拡張機能を持つドメインをWEBページにする権限を持つ。</dd> +</dl> diff --git a/files/ja/jetpack/extenders/index.html b/files/ja/jetpack/extenders/index.html new file mode 100644 index 0000000000..4f2a6ade22 --- /dev/null +++ b/files/ja/jetpack/extenders/index.html @@ -0,0 +1,23 @@ +--- +title: Extenders +slug: Jetpack/Extenders +translation_of: Archive/Mozilla/Jetpack/Extenders +--- +<dl> + <dt> + <a href="/ja/Jetpack/Extenders/Manifest" title="ja/Jetpack/Extenders/Manifest">Manifest</a></dt> + <dd> + あなたのjetpackで高度なAPIを使用するための最重要な仕組みです。</dd> + <dt> + <a href="/ja/Jetpack/Extenders/Superpowers" title="ja/Jetpack/Extenders/Superpowers">Superpowers</a></dt> + <dd> + ライブラリに似ています。 Superpowersはあなたのjetpackとプラットフォームをより深く結びつけます。</dd> + <dt> + <a href="/ja/Jetpack/Extenders/Sandboxes" title="ja/Jetpack/Extenders/Sandboxes">Sandboxes</a></dt> + <dd> + ライブラリの相互運用性の問題を安全に取り除きます。そのため、相互運用性について心配する必要はありません。</dd> + <dt> + <a href="/ja/Jetpack/Extenders/Future" title="ja/Jetpack/Extenders/Future">Future</a></dt> + <dd> + あなたのJetpack内のまだ完成していない機能をインクルードするためのAPIインタフェースメソッドです。</dd> +</dl> diff --git a/files/ja/jetpack/index.html b/files/ja/jetpack/index.html new file mode 100644 index 0000000000..55ab03feef --- /dev/null +++ b/files/ja/jetpack/index.html @@ -0,0 +1,85 @@ +--- +title: Jetpack +slug: Jetpack +translation_of: Archive/Mozilla/Jetpack +--- +<p><img alt="" class="internal" src="/@api/deki/files/3848/=jetpack_icon_47x60.png" style="width: 47px; height: 60px; float: left; margin-right: 6px;"></p> +<div> + <p><strong>Jetpack</strong> は胸躍る刺激的な新機能や機能性を開発者が Mozilla アプリケーションにどんどん追加できるようにする、新しい拡張機能プラットフォームです。Jetpack 開発は HTML や CSS、JavaScript といった Web の近代的言語を理解しておくだけで容易です。また Jetpack プラットフォーム上で開発された拡張機能は、いくつか例をあげると、拡張機能のインストールと更新によるブラウザ再起動の撤廃、多くの共通する UI や通知の仕組みの統一、より高度なセキュリティモデルの導入、ほかのさまざまな方法でユーザーに恩恵をもたらします。</p> + <p>Jetpack で、開発者は拡張機能を高速に作り出すことができると同時に、強化された体験を与えられたユーザーは、Web とのふれあいが変わるでしょう。</p> + <p>Jetpack は現在 Firefox の拡張機能として実装されています。インストールして利用を始めるには、 <a class="link-https" href="https://jetpack.mozillalabs.com/" title="https://jetpack.mozillalabs.com/">Jetpack ホームページ</a> を訪れてください。</p> + <div class="note"> + <strong>註:</strong> Jetpack のドキュメンテーションは現在制作中ですが、最終的にこのページがその集積場所となるでしょう。まだここにはドキュメント化されていない API についての情報は、新しい API が提案されるところである <a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEPs" title="https://wiki.mozilla.org/Labs/Jetpack/JEPs">Jetpack Enhancement Proposals</a> (JEPs) の一覧をチェックしてください。<strong>あなたは力を貸すことができます！</strong>ドキュメント化されていない API のための新しいページを始めたり（JEP へ指し示すだけでもかまいません）、既存のページを加筆したりしてください。</div> +</div> +<div class="note"> + <strong>日本語版註： </strong>Jetpack の日本語での情報については <a class="link-https" href="https://dev.mozilla.jp/jetpack/" title="https://dev.mozilla.jp/jetpack/">Mozilla Developer Street の Jetpack のページ</a>もご覧ください。</div> +<h2 id="チュートリアル">チュートリアル</h2> +<p>チュートリアルは現在<a class="link-https" href="https://jetpack.mozillalabs.com/tutorial.html" title="https://jetpack.mozillalabs.com/tutorial.html">こちら</a>にあります。 Jetpack 自体もインタラクティブなチュートリアルを提供しています。</p> +<h2 id="API">API</h2> +<dl> + <dt> + <a href="/ja/docs/Jetpack/Basics" title="Jetpack/Basics">基礎</a></dt> + <dd> + 低レベル関数と基本コール</dd> + <dt> + <a href="/ja/docs/Jetpack/System" title="Jetpack/System">システム</a></dt> + <dd> + OSレベルのイベントと相互作用、機能性</dd> + <dt> + <a href="/ja/docs/Jetpack/Multimedia" title="Jetpack/Multimedia">マルチメディア</a></dt> + <dd> + ネイティブな音声と映像、音楽機能</dd> + <dt> + <a href="/ja/docs/Jetpack/Storage" title="Jetpack/Storage">ストレージ</a></dt> + <dd> + データの格納と取り出し</dd> + <dt> + <a href="/ja/docs/Jetpack/Extenders" title="Jetpack/Extenders">エクステンダー</a></dt> + <dd> + Jetpack に新しい言語機能やライブラリ、機能性を追加する仕組み</dd> + <dt> + <a href="/ja/docs/Jetpack/Meta" title="Jetpack/Meta">メタ</a></dt> + <dd> + 設定とユーザー状態の持続性</dd> + <dt> + <a href="/ja/docs/Jetpack/UI" title="Jetpack/UI">UI</a></dt> + <dd> + Jetpack で利用できるネイティブ UI 要素と仕組み</dd> + <dt> + <a href="/ja/docs/Jetpack/Content" title="Jetpack/Content">コンテンツ</a></dt> + <dd> + Web ページとブラウザ・コンテンツに対する常時接続特権と機能性の付与方法</dd> +</dl> +<h2 id="ライブラリ">ライブラリ</h2> +<dl> + <dt> + <a href="/ja/docs/Jetpack/Libraries/Twitter" title="Jetpack/Libraries/Twitter">Twitter</a></dt> + <dd> + Twitter との連携</dd> +</dl> +<h2 id="Jetpack_性能試験場">Jetpack 性能試験場</h2> +<p>---</p> +<h2 id="リンク集">リンク集</h2> +<h3 id="知る、使う">知る、使う</h3> +<ul> + <li><a class="link-https" href="https://jetpack.mozillalabs.com/" title="https://jetpack.mozillalabs.com/">Jetpack ホーム</a></li> + <li><a class="external" href="http://jetpackgallery.mozillalabs.com/" title="http://jetpackgallery.mozillalabs.com/">Jetpack Gallery</a></li> + <li><a class="external" href="http://mozillalabs.com/jetpack/archives/" title="http://mozillalabs.com/jetpack/archives/">ニュースとブログ</a></li> +</ul> +<h3 id="参加する">参加する</h3> +<ul> + <li><a class="external" href="http://groups.google.com/group/mozilla-labs-jetpack" title="http://groups.google.com/group/mozilla-labs-jetpack">Discussion list</a></li> + <li><a class="link-irc" href="irc://irc.mozilla.org/jetpack" title="irc://irc.mozilla.org/jetpack">#jetpack</a> on <a class="external" href="http://irc.mozilla.org/" title="http://irc.mozilla.org/">irc.mozilla.org</a></li> + <li><a class="external" href="http://hg.mozilla.org/labs/jetpack/" title="http://hg.mozilla.org/labs/jetpack/">Mercurial ソースコードレポジトリ</a></li> +</ul> +<h3 id="問題を見つけましたか">問題を見つけましたか?</h3> +<ul> + <li><a class="link-https" href="https://bugzilla.mozilla.org/query.cgi?chfieldto=Now&component=Jetpack&emailassigned_to1=1&emailassigned_to2=1&emailqa_contact2=1&emailreporter2=1&field-1-0-0=component&field-1-1-0=product&field-1-2-0=resolution&product=Mozilla%20Labs&query_format=advanced&resolution=DUPLICATE&resolution=---&type-1-0-0=anyexact&type-1-1-0=anyexact&type-1-2-0=anyexact&value-1-0-0=Jetpack&value-1-1-0=Mozilla%20Labs&value-1-2-0=DUPLICATE%2C---&known_name=jetpack" title="https://bugzilla.mozilla.org/query.cgi?chfieldto=Now&component=Jetpack&emailassigned_to1=1&emailassigned_to2=1&emailqa_contact2=1&emailreporter2=1&field-1-0-0=component&field-1-1-0=product&field-1-2-0=resolution&product=Mozilla Labs&query_format=advanced&resolution=DUPLICATE&resolution=---&type-1-0-0=anyexact&type-1-1-0=anyexact&type-1-2-0=anyexact&value-1-0-0=Jetpack&value-1-1-0=Mozilla Labs&value-1-2-0=DUPLICATE,---&known_name=jetpack">既存のバグと将来への要望を検索する</a></li> + <li><a class="link-https" href="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody%40mozilla.org&blocked=&bug_file_loc=http%3A%2F%2F&bug_severity=normal&bug_status=UNCONFIRMED&cf_blocking_193=---&cf_status_192=---&comment=&component=Jetpack&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text%2Fplain&dependson=&description=&flag_type-4=X&form_name=enter_bug&keywords=&maketemplate=Remember%20values%20as%20bookmarkable%20template&op_sys=All&priority=--&product=Mozilla%20Labs&qa_contact=jetpack%40mozilla-labs.bugs&rep_platform=All&short_desc=&target_milestone=--&version=Trunk" title="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody@mozilla.org&blocked=&bug_file_loc=http://&bug_severity=normal&bug_status=UNCONFIRMED&cf_blocking_193=---&cf_status_192=---&comment=&component=Jetpack&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text/plain&dependson=&description=&flag_type-4=X&form_name=enter_bug&keywords=&maketemplate=Remembervalues as bookmarkabletemplate&op_sys=All&priority=--&product=MozillaLabs&qa_contact=jetpack@mozilla-labs.bugs&rep_platform=All&short_desc=&target_milestone=--&version=Trunk">バグあるいは将来への要望を報告する</a></li> + <li><a class="external" href="http://bit.ly/11goup" title="http://bit.ly/11goup">https://bugzilla.mozilla.org/b...</a></li> +</ul> +<h3 id="計画する">計画する</h3> +<ul> + <li><a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEPs" title="https://wiki.mozilla.org/Labs/Jetpack/JEPs">Jetpack Enhancement Proposals</a> (JEPs)</li> + <li><a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack" title="https://wiki.mozilla.org/Labs/Jetpack">Planning wiki</a></li> +</ul> diff --git a/files/ja/jetpack/libraries/index.html b/files/ja/jetpack/libraries/index.html new file mode 100644 index 0000000000..6462abe465 --- /dev/null +++ b/files/ja/jetpack/libraries/index.html @@ -0,0 +1,6 @@ +--- +title: Libraries +slug: Jetpack/Libraries +translation_of: Archive/Mozilla/Jetpack/Libraries +--- +<p>This page was auto-generated because a user created a sub-page to this page.</p> diff --git a/files/ja/jetpack/libraries/twitter/index.html b/files/ja/jetpack/libraries/twitter/index.html new file mode 100644 index 0000000000..19021513a7 --- /dev/null +++ b/files/ja/jetpack/libraries/twitter/index.html @@ -0,0 +1,86 @@ +--- +title: Twitter +slug: Jetpack/Libraries/Twitter +translation_of: Archive/Mozilla/Jetpack/Libraries/Twitter +--- +<p><code>jetpack.lib.twitter</code>は、Twitter REST APIを扱う非常にシンプルで軽量なライブラリです。単なるXMLHTTPRequestの糖衣構文以上の事ができます。</p> +<p>ライブラリを使うには、<a class="external" href="http://apiwiki.twitter.com/Twitter-API-Documentation">Twitter's own API</a>に慣れている必要があるでしょう. (簡単です！)</p> +<h2 id="メソッドについて">メソッドについて</h2> +<p>各メソッドはそれぞれTwitter APIに対応しています. 例えば、つぶやくためのAPIメソッド<code>statuses/update</code>は,<code>jetpack.lib.twitter.statuses.update()</code>に対応します. <code>trends/current</code>を呼ぶ為には <code>jetpack.lib.twitter.trends.current()</code>を使います. <code>search</code>は？ <code>jetpack.lib.twitter.search()</code>です. スラッシュをドットに変えれば、だいたいうまくいくでしょう。</p> +<p>ほとんどのTwitter APIメソッドがサポートされていますが、サポートされていないものもあります。リストを取得するメソッドやスパムを報告するメソッド、OAuthはサポートされていません。使いたい機能がサポートされていなかった場合は、<a class="link-https" href="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody%40mozilla.org&blocked=&bug_file_loc=http%3A%2F%2F&bug_severity=normal&bug_status=UNCONFIRMED&cc=adw%40mozilla.com&cf_blocking_193=---&cf_status_192=---&comment=&component=Jetpack&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text%2Fplain&dependson=&description=&flag_type-4=X&form_name=enter_bug&keywords=&maketemplate=Remember%20values%20as%20bookmarkable%20template&op_sys=All&priority=--&product=Mozilla%20Labs&qa_contact=jetpack%40mozilla-labs.bugs&rep_platform=All&short_desc=Twitter%20library%3A%20&target_milestone=--&version=unspecified" title="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody@mozilla.org&blocked=&bug_file_loc=http://&bug_severity=normal&bug_status=UNCONFIRMED&cc=adw@mozilla.com&cf_blocking_193=---&cf_status_192=---&comment=&component=Jetpack&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text/plain&dependson=&description=&flag_type-4=X&form_name=enter_bug&keywords=&maketemplate=Remember values as bookmarkable template&op_sys=All&priority=--&product=Mozilla Labs&qa_contact=jetpack@mozilla-labs.bugs&rep_platform=All&short_desc=Twitter library: &target_milestone=--&version=unspecified">バグを報告するか、</a>. <a class="external" href="http://hg.mozilla.org/labs/jetpack/file/tip/extension/content/js/twitter.js" title="http://hg.mozilla.org/labs/jetpack/file/tip/extension/content/js/twitter.js">パッチを書いて下さい</a>!</p> +<dl> +</dl> +<h2 id="引数について">引数について</h2> +<p>ライブラリの全てのメソッドは単一のオブジェクトを引数にとります。オブジェクトの定義の方法は2通りあります。</p> +<p>シンプルな一つ目の方法は、Twitterメソッドのパラメータを表現するオブジェクトのプロパティを定義する方法です。例えば、いくつかのTwitterのメソッドは<code>id</code>パラメーターを取ります。これらのメソッドを使う場合、<code>id</code>プロパティを定義してユーザのIDをセットします。(<a class="external" href="http://apiwiki.twitter.com/Twitter-API-Documentation" title="http://apiwiki.twitter.com/Twitter-API-Documentation">TwitterのAPIリファレンス</a>に様々なメソッドのパラメータの解説が載っています)。 また、<code>success</code>と<code>error</code>という特別なパラメーターも存在します. <code>success</code>はリクエストが成功した場合に呼び出されるコールバック関数で、<code>error</code>はリクエストが失敗時に呼び出されるコールバック関数です. ライブラリは受け取ったコールバックを単純に<code>jQuery.ajax()</code>渡すため, 以下のように呼び出されます。</p> +<ul> + <li><code>success(data, textStatus)</code> + <ul> + <li><code>data</code>はデコードされたJSONレスポンスです。</li> + <li><code>textStatus</code>はステータスを表すシンプルな文字列です。</li> + </ul> + </li> + <li><code>error(xmlHttpRequest, textStatus, errorThrown)</code> + <ul> + <li><code>xmlHttpRequest</code>はリクエストで使われたXHRです.</li> + <li><code>textStatus</code>はエラーの型を表すシンプルな文字列です.</li> + <li><code>errorThrown</code>は送出された例外オブジェクトです.</li> + </ul> + </li> +</ul> +<p>以下の全てのサンプルコードでは引数の与え方に、最初の単純な方法を使っています。</p> +<p><code>jQuery.ajax()</code>に慣れた人は2番目の方法を使うのがよいでしょう。実際、与えられたオブジェクトはほとんどそのまま<code>jQuery.ajax</code>に渡されます。つまり、引数として渡されるオブジェクトの<code>data</code>プロパティはTwitterメソッドのパラメータとして使われます。この方法では様々な<a class="external" href="http://docs.jquery.com/Ajax/jQuery.ajax#options" title="http://docs.jquery.com/Ajax/jQuery.ajax#options"><code>jQuery.ajax()</code>オプション</a>をリクエストで使えるでしょう。例えば、<code>data</code>、<code>success</code>、<code>complete</code>、などです。以下に2番目の方法を使ったサンプルを表示します。</p> +<pre class="brush: js">jetpack.lib.twitter.statuses.update({ + data: { + status: "O frabjous day!" + }, + username: "basic_auth_username", + password: "basic_auth_password", + success: function () console.log("Hey!") +}); +</pre> +<h2 id="ユーザの認証">ユーザの認証</h2> +<p>以下で示すように、2番目の方法を使って認証が必要なメソッドにユーザ名とパスワードを渡す事ができます。</p> +<p>もしくはもっと簡単に、Firefoxにたよることもできます。<code>jetpack.lib.twitter.statuses.update()</code>のように認証が必要なメソッドを使った時に、ユーザ名とパスワードを渡さなければ、Firefoxはまだ認証が済んでいないユーザの為にプロンプトを表示します。</p> +<p>どちらの方法も<a class="external" href="http://en.wikipedia.org/wiki/Basic_access_authentication" title="http://en.wikipedia.org/wiki/Basic_access_authentication">HTTPベーシック認証</a>を使っています. いずれライブラリは<a class="external" href="http://oauth.net/" title="http://oauth.net/">OAuth</a>するかもしれません。 <a class="external" href="http://apiwiki.twitter.com/Authentication" title="http://apiwiki.twitter.com/Authentication">Twitter's authentication documentation</a> に関連する情報が記載されています。</p> +<h2 id="よくある質問">よくある質問</h2> +<p><a class="external" href="http://apiwiki.twitter.com/FAQ" title="http://apiwiki.twitter.com/FAQ">Twitter's API FAQ</a>を見て下さい。 JetpackのTwitter libraryはTwitter APIの非常に薄いラッパーなので、ここに載っている事がだいたい当てはまりますし、載っていない事はあてはまらないでしょう。</p> +<dl> +</dl> +<h2 id="サンプルコード">サンプルコード</h2> +<h3 id="つぶやく">つぶやく</h3> +<pre class="brush: js">jetpack.lib.twitter.statuses.update({ status: "O frabjous day!" }); +</pre> +<p>Firefox will prompt for a username and password if the user is not already authenticated with Twitter.</p> +<h3 id="ユーザの情報を取得する">ユーザの情報を取得する</h3> +<pre class="brush: js">jetpack.lib.twitter.users.show({ + id: "mozlabs", + success: function (data, status) console.log(data.toSource()), + error: function (xhr, errMsg, errObj) console.error(xhr.responseText) +}); +</pre> +<h3 id="ユーザのフォロワーを取得する">ユーザのフォロワーを取得する</h3> +<pre class="brush: js">jetpack.lib.twitter.statuses.friends({ + id: "mozlabs", + page: 3, + success: function (data, status) console.log(data.toSource()), + error: function (xhr, errMsg, errObj) console.error(xhr.responseText) +}); +</pre> +<h3 id="トレンド">トレンド</h3> +<pre class="brush: js">jetpack.lib.twitter.trends({ + success: function (data, status) console.log(data.toSource()), + error: function (xhr, errMsg, errObj) console.error(xhr.responseText) +}); +</pre> +<h3 id="検索">検索</h3> +<pre class="brush: js">jetpack.lib.twitter.search({ + q: "#jetpack", + lang: "ja", + rpp: 10, + page: 5, + since_id: 1337, + success: function (data, status) console.log(data.toSource()), + error: function (xhr, errMsg, errObj) console.error(xhr.responseText) +}); +</pre> diff --git a/files/ja/jetpack/meta/first_run/index.html b/files/ja/jetpack/meta/first_run/index.html new file mode 100644 index 0000000000..406a96e165 --- /dev/null +++ b/files/ja/jetpack/meta/first_run/index.html @@ -0,0 +1,36 @@ +--- +title: 初回起動 +slug: Jetpack/Meta/First_Run +translation_of: Archive/Mozilla/Jetpack/Meta/firstrun +--- +<p>Jetpack ではユーザがあなたのjetpackをインストールする際に表示される任意の内容を指定することが出来ます。インストール完了後に呼び出されるコールバックを登録することも可能です。</p> +<h2 id="初回起動ページ">初回起動ページ</h2> +<p>ユーザがあなたのjetpackをインストールすると、インストールが成功したことを知らせる新しいページに誘導されます。標準では、このページにはユーザが既にjetpackを利用できるようになった事と、アンインストールの方法を説明する簡単な文章が含まれます。あなたはこの文章をあなたのjetpackに適した内容のページで置き換える事が出来ます。例えば、ユーザにあなたのjetpackの使い方を説明したり、あなたのjetpackのホームページへのリンクを掲載することができます。このページはHTMLあるいは外部URLとして定義することが出来ます。</p> +<p>初回起動ページはあなたの jetpackマニュフェストの <code>firstRunPage</code>プロパティで定義されます。マニュフェストは manifest という変数名が設定された単なるオブジェクトです。この変数はjetpack内のグローバル名前空間であればどこでも定義することが出来ます。マニュフェストはjetpackに<a href="/ja/Jetpack/Storage/Settings" title="ja/Jetpack/Storage/Settings"> settings</a> を定義する際に使用するのと同じものです。</p> +<p><code>firstRunPage</code> の値は string もしくは <a href="/ja/E4X/Processing_XML_with_E4X" title="ja/E4X/Processing XML with E4X">E4X XML</a> のいずれかで無ければいけません。もし、値が string かつ有効なURLであれば、そのURLが示すページが初回起動ページとなります。それ以外の場合、値はHTMLと見なされ、初回起動ページの <code>body</code>となります。</p> +<p>この例は初回起動ページをHTMLで設定しています：</p> +<pre class="brush: js">var manifest = { + firstRunPage: '<p>Thanks for installing! Visit my <a href="http://example.com/myJetpack">homepage</a>.</p>' +}; +</pre> +<p>これは上の例と同じ内容ですが、E4X XML を使用しています:</p> +<pre class="brush: js">var manifest = { + firstRunPage: <> + <p> + Thanks for installing! Visit my <a href="http://example.com/myJetpack">homepage</a>. + </p> + </> +}; +</pre> +<p>この例では <code><a class="external" href="http://example.com/myJetpack" rel="freelink">http://example.com/myJetpack</a></code> にあるページが初回起動ページとなります:</p> +<pre class="brush: js">var manifest = { + firstRunPage: "http://example.com/myJetpack" +}; +</pre> +<h2 id="初回起動コールバック">初回起動コールバック</h2> +<p>あなたのjetpackが正常にインストールされた後に呼び出されるコールバックを登録することが可能です。<a href="/ja/Jetpack/Meta/Me" title="ja/Jetpack/Meta/Me"><code>jetpack.me.onFirstRun()</code></a> を参照。</p> +<h2 id="See_also">See also</h2> +<ul> + <li><a href="/ja/Jetpack/Meta/Me" title="ja/Jetpack/Meta/Me"><code>jetpack.me.onFirstRun()</code></a></li> + <li><a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEP/30" title="https://wiki.mozilla.org/Labs/Jetpack/JEP/30">Jetpack Enhancement Proposal 30</a></li> +</ul> diff --git a/files/ja/jetpack/meta/index.html b/files/ja/jetpack/meta/index.html new file mode 100644 index 0000000000..d2dd090f7c --- /dev/null +++ b/files/ja/jetpack/meta/index.html @@ -0,0 +1,19 @@ +--- +title: メタ +slug: Jetpack/Meta +translation_of: Archive/Mozilla/Jetpack/Meta +--- +<dl> + <dt> + <a href="/ja/Jetpack/Meta/First_Run" title="ja/Jetpack/Meta/First Run">初回起動</a></dt> + <dd> + jetpack初回使用時に表示される内容や実行する処理を制御します</dd> + <dt> + <a href="/ja/Jetpack/Meta/Me" title="ja/Jetpack/Meta/Me">Me</a></dt> + <dd> + jetpack内部の動的な状態を調査します</dd> + <dt> + <a href="/ja/Jetpack/Storage/Settings" title="ja/Jetpack/Storage/Settings">設定</a></dt> + <dd> + 組み込みUIを含む、ユーザー設定の定義と値へのアクセス用インターフェース</dd> +</dl> diff --git a/files/ja/jetpack/meta/me/index.html b/files/ja/jetpack/meta/me/index.html new file mode 100644 index 0000000000..f905fc563e --- /dev/null +++ b/files/ja/jetpack/meta/me/index.html @@ -0,0 +1,29 @@ +--- +title: Me +slug: Jetpack/Meta/Me +translation_of: Archive/Mozilla/Jetpack/Meta/Me +--- +<p><code>jetpack.me</code> 名前空間はjetpack内部の動的な状態を知るための仕組みを提供します。この名前空間は現在 <a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEP/13" title="https://wiki.mozilla.org/Labs/Jetpack/JEP/13">future</a> に存在しており、使用前にインポートする必要があります:</p> +<pre class="brush: js">jetpack.future.import("me"); +</pre> +<p>現在のところ、この名前空間のメンバには <code>onFirstRun() </code>のみが存在します。</p> +<h2 id="onFirstRun()">onFirstRun()</h2> +<p><code>jetpack.me.onFirstRun()</code> を使うと、jetpackが正常にインストールされた後にそのことを通知することができます。onFirstRun() はインストール後に呼び出されるコールバックを受け付けます。この機能が<a href="/en/Jetpack/Meta/First_Run" title="en/Jetpack/Meta/First run">初回起動ページ</a>とは独立したものであることに注意してください。具体的には、コールバックは load イベントリスナあるいは jQuery の ready コールバックではありません。onFirstRun() はjetpack内のどこででも呼び出すことが出来ますが、timeout や XMLHttpRequest のような非同期処理の結果として呼び出された場合は無視されます。複数回onFirstRun() を呼び出した場合、最後の呼び出し以外は無視されます。</p> +<h6 id="パラメータ">パラメータ</h6> +<dl> + <dt> + callback</dt> + <dd> + 関数。 パラメータ無し。 関数内で<code>this</code> は jetpack cotext を指す。</dd> +</dl> +<h6 id="例">例</h6> +<pre class="brush: js">jetpack.me.onFirstRun(function () { + jetpack.notifications.show("Oh boy, I'm installed!"); +}); + +</pre> +<h2 id="See_also">See also</h2> +<ul> + <li><a href="/ja/Jetpack/Meta/First_Run" title="ja/Jetpack/Meta/First Run">初回起動</a></li> + <li><a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEP/30" title="https://wiki.mozilla.org/Labs/Jetpack/JEP/30">Jetpack Enhancement Proposal 30</a></li> +</ul> diff --git a/files/ja/jetpack/multimedia/index.html b/files/ja/jetpack/multimedia/index.html new file mode 100644 index 0000000000..42a3df1e3f --- /dev/null +++ b/files/ja/jetpack/multimedia/index.html @@ -0,0 +1,19 @@ +--- +title: マルチメディア +slug: Jetpack/Multimedia +translation_of: Archive/Mozilla/Jetpack/Multimedia +--- +<dl> + <dt> + <a href="/ja/Jetpack/Multimedia/Audio" title="ja/Jetpack/Multimedia/Audio">オーディオ</a></dt> + <dd> + 音声入出力を操作するインターフェース</dd> + <dt> + <a href="/ja/Jetpack/Multimedia/Video" title="ja/Jetpack/Multimedia/Video">ビデオ</a></dt> + <dd> + ビデオを操作するインターフェース</dd> + <dt> + <a href="/ja/Jetpack/Multimedia/Music" title="ja/Jetpack/Multimedia/Music">ミュージック</a></dt> + <dd> + 音楽コンテンツを操作するインターフェース</dd> +</dl> diff --git a/files/ja/jetpack/storage/index.html b/files/ja/jetpack/storage/index.html new file mode 100644 index 0000000000..db7ad6e903 --- /dev/null +++ b/files/ja/jetpack/storage/index.html @@ -0,0 +1,19 @@ +--- +title: ストレージ +slug: Jetpack/Storage +translation_of: Archive/Mozilla/Jetpack/Storage +--- +<dl> + <dt> + <a href="/ja/Jetpack/Storage/Simple_storage" title="ja/Jetpack/Storage/Simple storage">Simple storage</a></dt> + <dd> + 簡単に使えるオブジェクトの永続化</dd> + <dt> + <a href="/ja/Jetpack/Storage/File_access" title="ja/Jetpack/Storage/File access">ファイルアクセス</a></dt> + <dd> + ファイルI/Oインターフェース</dd> + <dt> + <a href="/ja/Jetpack/Storage/Settings" title="ja/Jetpack/Storage/Settings">設定</a></dt> + <dd> + ブラウザのセッションをまたいで保持される設定ファイルの扱い方</dd> +</dl> diff --git a/files/ja/jetpack/storage/settings/index.html b/files/ja/jetpack/storage/settings/index.html new file mode 100644 index 0000000000..8b096598bc --- /dev/null +++ b/files/ja/jetpack/storage/settings/index.html @@ -0,0 +1,55 @@ +--- +title: 設定 +slug: Jetpack/Storage/Settings +translation_of: Archive/Mozilla/Jetpack/Storage/Settings +--- +<p><code>jetpack.storage.settings</code> 名前空間を使用すると、ユーザが変更可能な設定を指定することが出来ます。Jetpack は指定に基づいて自動的にユーザーインタフェイスを生成します。設定はブラウザのセッションを跨いで維持され、<a href="/ja/Jetpack/Storage/Simple_storage" title="ja/Jetpack/Storage/Simple storage">simple storage API</a> を利用して保存されます。設定は jetpack ごとに保持され、他の jetpack からアクセスすることは出来ません。</p> +<p>現在のところ開発段階にあるため、このAPIは <a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEP/13" title="https://wiki.mozilla.org/Labs/Jetpack/JEP/13">future</a> に存在し、使用する前にインポートする必要があります:</p> +<pre class="brush: js">jetpack.future.import("storage.settings"); +</pre> +<h2 id="マニュフェストで設定を指定する">マニュフェストで設定を指定する</h2> +<p>設定を指定するには、<strong>settings APIをインポートするより前に</strong><code>manifest という名前の変数をグローバル名前空間に定義します。</code>この変数の値は <code>settings という名前のプロパティを含む </code>object でなければなりません。<code>settings</code> プロパティの値はユーザが利用する設定を表すオブジェクトの配列です。ユーザーが設定をカスタマイズできるように、Jetpackはこの指定から自動的にユーザーインターフェースを生成します。ユーザは about:jetpack ページの "Installed Features" タブ内にある "settings" ボタンからこのインターフェースを開くことができます。</p> +<p><code>manifest</code> 定義の例です:</p> +<pre class="brush: js">var manifest = { + settings: [ + { + name: "twitter", + type: "group", + label: "Twitter", + settings: [ + { name: "username", type: "text", label: "Username" }, + { name: "password", type: "password", label: "Password" } + ] + }, + { + name: "facebook", + type: "group", + label: "Facebook", + settings: [ + { name: "username", type: "text", label: "Username", default: "jdoe" }, + { name: "password", type: "password", label: "Secret" } + ] + }, + { name: "music", type: "boolean", label: "Music", default: true }, + { name: "volume", type: "range", label: "Volume", min: 0, max: 10, default: 5 } + ] +}; + +// Import after defining manifest! +jetpack.future.import("storage.settings"); +</pre> +<p>この定義により各設定が入力フィールドをもつユーザーインターフェースが生成されます。</p> +<p>上記のマニフェストにより、以下の値が記録されたプロパティがjetpackのコード内で利用可能になります:</p> +<ul> + <li><code>jetpack.storage.settings.twitter.username</code></li> + <li><code>jetpack.storage.settings.twitter.password</code></li> + <li><code>jetpack.storage.settings.facebook.username</code></li> + <li><code>jetpack.storage.settings.facebook.password</code></li> + <li><code>jetpack.storage.settings.music</code></li> + <li><code>jetpack.storage.settings.volume</code></li> +</ul> +<h2 id="See_also">See also</h2> +<ul> + <li><a href="/ja/Jetpack/Storage/Simple_storage" title="ja/Jetpack/Storage/Simple storage">Simple storage</a></li> + <li><a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEP/24" title="https://wiki.mozilla.org/Labs/Jetpack/JEP/24">Jetpack Enhancement Proposal 24S</a></li> +</ul> diff --git a/files/ja/jetpack/storage/simple_storage/index.html b/files/ja/jetpack/storage/simple_storage/index.html new file mode 100644 index 0000000000..656aae5d5b --- /dev/null +++ b/files/ja/jetpack/storage/simple_storage/index.html @@ -0,0 +1,78 @@ +--- +title: Simple storage +slug: Jetpack/Storage/Simple_storage +translation_of: Archive/Mozilla/Jetpack/Storage/Simple_storage +--- +<p> <code>jetpack.storage.simple</code> 名前空間はブラウザの再起動をまたいでデータを永続化させるための簡単な方法を提供します。これはシンプルでキーベースの永続するオブジェクトデータの記憶域です。</p> +<p>Simple storage は本当に単純です。<code>jetpack.storage.simple</code> は １つの存続する JavaScript オブジェクトで、各 jetpack ごとにそれぞれプライベートなものです。ほとんど全ての場合において、このオブジェクトはそのほかの JavaScript オブジェクトと同じように振る舞い、望みうるあらゆるプロパティを設定することが出来ます。そのため、永続化されたデータを扱うのに必要とされるのは、<a class="text" href="/ja/Core_JavaScript_1.5_Reference" rel="nofollow" title="ja/Core JavaScript 1.5 Reference">標準の JavaScript 関数と演算子</a>のみです。</p> +<p><code>jetpack.simple.storage</code> オブジェクトは自動的かつ定期的にディスクに書き出されます。どのように、いつ、書き出しが行われるかは実装にゆだねられています。しかしながら、<code>jetpack.storage.simple.sync()</code> を呼び出すことにより、手動で書き出しを行う事も可能です。データは自動で読み込まれますが、<code>jetpack.storage.simple.open()</code> を呼び出すことで、強制的にディスクから再読込することも可能です。<strong>これらのメソッドを乱用しないでください。</strong>これらのメソッドはディスクアクセスのために、Firefox（それも全体）が実行中の処理を中断させます。もし、これらのメソッドを頻繁に呼びすぎると、Firefox はユーザの環境によっては応答できなくなるかもしれません。あなたが変なことをするのでなければ、Jetpackがあなたのためにデータを書き出すのに任せてください。</p> +<p>この名前空間は現在 <a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEP/13" title="https://wiki.mozilla.org/Labs/Jetpack/JEP/13">future</a> に存在するため使用する前にインポートする必要があります:</p> +<pre class="brush: js">jetpack.future.import("storage.simple"); +</pre> +<h2 id="sync()">sync()</h2> +<p>前述の通り、<code>jetpack.storage.simple</code> オブジェクトは自動的にディスクに書き込まれますが、<code>jetpack.storage.simple.sync() </code>を呼び出すことで強制的に書き出すことも可能です。このメソッドを乱用しないでください。</p> +<h2 id="open()">open()</h2> +<p>前述の通り、<code>jetpack.storage.simple</code> オブジェクトは機能の読み込み時に自動的にデータが読み込まれますが、<code>jetpack.storage.simple.open() </code>を呼び出すことでオブジェクトにディスクからの読み出しを強要することも可能です。このメソッドを乱用しないでください。</p> +<h2 id="例">例</h2> +<p>このコードはいくつかのデータを永続化して保存します:</p> +<pre class="brush: js">jetpack.future.import("storage.simple"); +var myStorage = jetpack.storage.simple; +myStorage.fribblefrops = [1, 3, 3, 7]; +myStorage.heimelfarbs = { bar: "baz" }; +</pre> +<p>そして、このコードは（上のコードと同じjetpack内にあるものとして）単純にそのデータを利用しています:</p> +<pre class="brush: js">myStorage.fribblefrops.forEach(function (elt) console.log(elt)); +var bar = myStorage.heimelfarbs.bar; +jetpack.notifications.show(bar.baz); +</pre> +<p>これが全てです！ これらの例では <code>jetpack.storage.simple</code> が単なる普通の JavaScript オブジェクトであるという事実を強調するために変数<code> myStorage </code>を作っていることに注意してください。単純に、<code>jetpack.storage.simple </code>をそのまま使用することも出来ます。</p> +<p> </p> +<p>実際に使われるような完全な例は以下の通りです。これはノートを取るための簡単なjetpackです。ページ内の文章を選択し、右クリックして Note を選びます。 文章はノートとして、ブラウザの再起動を跨いで保存されます。全てのノートはツールメニューに表示されます。この例は <a class="external" href="http://jetpackgallery.mozillalabs.com/jetpacks/245" title="http://jetpackgallery.mozillalabs.com/jetpacks/245">Jetpack Gallery</a> からインストールすることが出来ます。</p> +<pre class="brush: js">jetpack.future.import("menu"); +jetpack.future.import("selection"); +jetpack.future.import("storage.simple"); + +// 存在しない場合、永続化するノート達の配列を作る +jetpack.storage.simple.notes = jetpack.storage.simple.notes || []; +var notes = jetpack.storage.simple.notes; + +// Jetpackのメニューを現在のノート達で更新する。 +// 全てのノート達のリストをサブメニューとして持つ Notes メニューを追加する。 +// ノートが１つも存在しない場合は、 +// 無効化された "(Empty)" メニューアイテムを表示する. +function updateJetpackMenu() { + jetpack.menu.set({ + label: "Notes", + menu: new jetpack.Menu(notes.length > 0 ? + notes : + [{ label: "(Empty)", disabled: true }]) + }); +} + +// ページのコンテキストメニューを表示される前にこっそり変更する。 +// もし、選択範囲が有る場合は、新しいノートを作るための Note メニューアイテムを追加し、そうでない場合は +// メニューを何も変更しない。 ノート達の数は20個に制限し、 +// 古いノートは忘れてしまう。 :( +jetpack.menu.context.page.beforeShow = function (menu) { + menu.reset(); + if (jetpack.selection.text) + menu.add({ + label: "Note", + command: function () { + notes.unshift(jetpack.selection.text); + if (notes.length > 20) + notes.pop(); + updateJetpackMenu(); + } + }); +}; + +// Initialize the Jetpack menu with the current notes. +updateJetpackMenu(); +</pre> + +<h2 id="See_also"><span id="f-lastmod">See also</span></h2> +<ul> + <li><a href="/ja/Jetpack/Storage/Settings" title="ja/Jetpack/Storage/Settings"><span>設定</span></a></li> + <li><a class="link-https" href="https://wiki.mozilla.org/Labs/Jetpack/JEP/11" title="https://wiki.mozilla.org/Labs/Jetpack/JEP/11">Jetpack Enhancement Proposal 11</a></li> +</ul> diff --git a/files/ja/jetpack/system/index.html b/files/ja/jetpack/system/index.html new file mode 100644 index 0000000000..48583951aa --- /dev/null +++ b/files/ja/jetpack/system/index.html @@ -0,0 +1,23 @@ +--- +title: システム +slug: Jetpack/System +translation_of: Archive/Mozilla/Jetpack/System +--- +<dl> + <dt> + <a href="/ja/Jetpack/System/Clipboard" title="ja/Jetpack/System/Clipboard">クリップボード</a></dt> + <dd> + OSのクリップボードを使う</dd> + <dt> + <a href="/ja/Jetpack/System/System_information" title="ja/Jetpack/System/System information">システムの情報</a></dt> + <dd> + Jetpackが動作しているプラットフォームの情報を取得する</dd> + <dt> + <a href="/ja/Jetpack/System/Visual_effects" title="ja/Jetpack/System/Visual effects">視覚効果</a></dt> + <dd> + OSレベルの視覚効果を使う</dd> + <dt> + <a href="/ja/Jetpack/System/Devices" title="ja/Jetpack/System/Devices">デバイス</a></dt> + <dd> + デバイスへのアクセスとコントロール (ex. iPod, Zune, 携帯電話, USBデバイス)</dd> +</dl> diff --git a/files/ja/jetpack/ui/index.html b/files/ja/jetpack/ui/index.html new file mode 100644 index 0000000000..9e1e13da30 --- /dev/null +++ b/files/ja/jetpack/ui/index.html @@ -0,0 +1,45 @@ +--- +title: UI +slug: Jetpack/UI +translation_of: Archive/Mozilla/Jetpack/UI +--- +<div class="note"> + <strong>Note:</strong> <span class="author-g-abp0twjvvqmqlouk">This page documents the Jetpack Prototype, which is no longer under active development. Read the <a class="link-https" href="https://jetpack.mozillalabs.com/prototype.html" rel="external nofollow" title="https://jetpack.mozillalabs.com/prototype.html">experiment report</a> </span><span class="author-g-abp0twjvvqmqlouk">for what we learned from it and the <a class="external" href="http://mozillalabs.com/jetpack/2010/03/09/announcing-the-jetpack-sdk/" rel="external nofollow" title="http://mozillalabs.com/jetpack/2010/03/09/announcing-the-jetpack-sdk/">blog post announcing the first SDK release</a> fo</span><span class="author-g-abp0twjvvqmqlouk">r what we're up to next!</span></div> +<dl> + <dt> + <a href="/ja/docs/Jetpack/UI/Menu" title="Jetpack/UI/Menu">Menu</a></dt> + <dd> + ブラウザのメニューへのアクセス、メニューの作成と変更について</dd> + <dt> + <a href="/ja/docs/Jetpack/UI/Slidebar" title="Jetpack/UI/Slidebar">Slidebar</a></dt> + <dd> + 画面左からスライドして出てくるサイトバーのような領域にコンテンツを表示できます</dd> + <dt> + <a href="/ja/docs/Jetpack/UI/Toolbar" title="Jetpack/UI/Toolbar"><span style="text-decoration: underline;">Toolbar</span></a></dt> + <dd> + ツールバーの中に要素を追加したり、要素にアクセスする</dd> + <dt> + <a href="/ja/docs/Jetpack/UI/Panel" title="Jetpack/UI/Panel">Panel</a></dt> + <dd> + 配置、サイズ、スタイルを自由に指定可能な コンテンツ領域を作れます</dd> + <dt> + <a href="/ja/docs/Jetpack/UI/Tabs" title="Jetpack/UI/Tabs">Tabs</a></dt> + <dd> + ブラウザのタブにイベントを追加したり、タブとタブに含まれるドキュメントを操作する</dd> + <dt> + <a href="/ja/docs/Jetpack/UI/Statusbar" title="Jetpack/UI/Statusbar">Statusbar</a></dt> + <dd> + 低レベルの関数とそれらの呼び出し</dd> + <dt> + <a href="/ja/docs/Jetpack/UI/Notifications" title="Jetpack/UI/Notifications">Notifications</a></dt> + <dd> + UIの機構を利用してユーザに警告を表示する</dd> + <dt> + <a href="/ja/docs/Jetpack/UI/Selection" title="Jetpack/UI/Selection">Selection</a></dt> + <dd> + ユーザが選んだものを操作する</dd> + <dt> + <a href="/ja/docs/Jetpack/UI/Window" title="Jetpack/UI/Window">Window</a></dt> + <dd> + 異なるブラウザのウィンドウ間のインタラクションを楽に行う</dd> +</dl> diff --git a/files/ja/jetpack/ui/selection/index.html b/files/ja/jetpack/ui/selection/index.html new file mode 100644 index 0000000000..346679a8a6 --- /dev/null +++ b/files/ja/jetpack/ui/selection/index.html @@ -0,0 +1,62 @@ +--- +title: Selection +slug: Jetpack/UI/Selection +translation_of: Archive/Mozilla/Jetpack/UI/Selection +--- +<h3 class="editable" id="About"><span><span class="mw-headline">About</span></span></h3> +<div class="editIcon"> + <a href="/en/Jetpack/UI/Selection#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div> +<ul> + <li><strong><span class="author-p-3041">Status</span></strong><span class="author-p-3041">: 開発中</span></li> + <li><strong><span class="author-p-3041">Instantiation</span></strong><span class="author-p-3041">: </span><code>jetpack.future.import('selection')</code></li> + <li><strong>Last Update</strong>: v0.6</li> + <li><strong>Summary</strong>: selectionは基本的なユーザインタラクションです。Jetpackはユーザによるselectionを探すための標準メソッドを提供しています。 Jetpackのselectionの実装を使用することで、selection イベントの設定、取得をすることが可能となります。</li> +</ul> +<div id="section_2"> + <h3 class="editable" id="selectionの設定と取得"><span><span class="mw-headline">selectionの設定と取得</span></span></h3> + <br> + <div class="editIcon"> + <a href="/en/Jetpack/UI/Selection#" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div> + <p><code>jetpack.selection</code> の現在のバージョンは <code>.text</code>、<span style="font-family: monospace;">と</span><code> .html</code>のフォーマットを含みます。</p> + <p><strong>selectionの取得</strong></p> + <div style="width: 60%;"> + <pre class="brush: js"><span class="content"><span class="block" style="margin-left: 0px ! important;"><code class="keyword">var</code> <code class="plain">textOfSel = jetpack.selection.text;</code></span></span> +<span class="content"><span class="block" style="margin-left: 0px ! important;"><code class="keyword">var</code> <code class="plain">htmlOfSel = jetpack.selection.html;</code></span></span> +</pre> + </div> + <pre class="js" style="display: none;">var textOfSel = jetpack.selection.text; +var htmlOfSel = jetpack.selection.html;</pre> +</div> +<p><strong>selectionの設定</strong></p> +<div style="width: 60%;"> + <pre class="brush: js">jetpack.selection.text = 'Hello'; +jetpack.selection.html = '<b>Hello</b>'; +</pre> +</div> +<pre class="js" style="display: none;">jetpack.selection.text = 'Hello'; +jetpack.selection.html = '<b>Hello</b>';</pre> +<div id="section_3"> + <h3 class="editable" id="onSelection"><span><span class="mw-headline">onSelection </span></span></h3> + <div class="editIcon"> + <a href="/en/Jetpack/UI/Selection#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div> + <p>onSelection メソッドを使用することでselectionが行われたときに、イベント関数を実行することができます。</p> + <p><strong>Selectionイベントの追加</strong>:</p> + <pre class="brush: js"><span class="content"><span class="block" style="margin-left: 0px ! important;"><code class="plain">jetpack.selection.onSelection( fn )<span style='font-family: "Courier New","Andale Mono",monospace;'>;</span></code></span></span> +</pre> + <p style="margin-left: 80px;"><em>Argumants</em><br> + <em><strong>fn</strong></em>: selectionが行われるときに実行される関数。関数は引数を受け取りません。 引数の代わりに <code>jetpack.selection.* を使用してください。</code></p> + <p><code><span id="1256762297356E" style="display: none;"> </span></code><strong>Selection イベントの除去</strong>:</p> + <div class="lines"> + <pre class="brush: js"><span class="content"><span class="block" style="margin-left: 0px ! important;"><code class="plain">jetpack.selection.onSelection.unbind( fn );</code></span></span></pre> + </div> + <p style="margin-left: 80px;"><em>Arguments</em><br> + <em><strong>fn</strong></em>: 開放したい関数のリファレンス。A reference to a specific function you would like to unbind.</p> + <p><strong>詳細な例:</strong></p> + <div class="lines"> + <pre class="brush: js"><span class="content"><span class="block" style="margin-left: 0px ! important;"><code class="plain">jetpack.selection.onSelection(</code><code class="keyword">function</code><code class="plain">(){</code></span></span> +<span class="content"><code class="spaces"> </code><span class="block" style="margin-left: 14px ! important;"><code class="keyword">var</code> <code class="plain">html = jetpack.selection.html;</code></span></span> +<span class="content"><code class="spaces"> </code><span class="block" style="margin-left: 14px ! important;"><code class="plain">jetpack.selection.html = </code><code class="string">">>>"</code> <code class="plain">+ html + </code><code class="string">"<<<"</code><code class="plain">;</code></span></span> +<span class="content"><span class="block" style="margin-left: 0px ! important;"><code class="plain">});</code></span></span></pre> + </div> +</div> +<p> </p> diff --git a/files/ja/jetpack/ui/slidebar/index.html b/files/ja/jetpack/ui/slidebar/index.html new file mode 100644 index 0000000000..24fb7def9e --- /dev/null +++ b/files/ja/jetpack/ui/slidebar/index.html @@ -0,0 +1,24 @@ +--- +title: Slidebar +slug: Jetpack/UI/Slidebar +--- +<h3 id="About"><span>About</span></h3> +<ul> <li><strong><span>Status</span></strong><span>: In Development</span></li> <li><strong><span>Instantiation</span></strong><span>: </span><code>jetpack.future.import('slideBar') </code></li> <li><strong>Last Update</strong>: v0.6</li> <li><strong>Summary</strong>: slideBarはブラウザの古いスライドバー機能の再開発です。 slideBarはブラウザウィンドウの横にあり、一時的な情報と永続的な情報の両方を広い範囲に早くアクセスすることが可能となります。 slideBar機能を選択すると、そのコンテンツは現在のWEBページの後方から現れます。</li> +</ul> +<h3 id="新しいslideBar_インスタンスの作成と関連するオプション"><span>新しいslideBar インスタンスの作成と関連するオプション<br> +</span></h3> +<pre class="brush: js"><span><span>jetpack.slideBar.append( options ); </span></span></pre> +<pre style="" class="js">jetpack.selection.onSelection( fn );</pre> +<p style="margin-left: 80px;"><em>引数</em><br> +<em><strong>options</strong></em>: あなたのslideBarインスタンスに特定の修正を加えたオブジェクト。</p> +<p style="margin-left: 120px;">{<br> +<code> icon</code> <em>- uri</em> - SlideBar内で見せるアイコンのhref<br> +<code> html -</code> <em>text/xml</em> - 機能のためのhtml コンテンツ<br> +<code> url</code> <em>- uri</em> - コンテンツをロードするためのurl<br> +<code> width - </code><em>num</em> - コンテンツエリアと選択したスライドサイズの横幅<br> +<code> persist</code> - <em>bool</em> - 選択された時のデフォルトのslideの動作<br> +<code> autoReload -</code> <em>bool</em> - 選択された時にコンテンツを自動的にリロードするか<br> +<code> onClick</code> - <em>func</em> - アイコンがクリックされた時のcallback関数<br> +<code> onSelect</code> - <em>func</em> - 機能が選択された時のcallback関数<br> +<code> onReady</code> - <em>func</em> - 機能がロードされた時のcallback関数<br> +}</p> diff --git a/files/ja/jetpack/ui/tabs/index.html b/files/ja/jetpack/ui/tabs/index.html new file mode 100644 index 0000000000..e6fb3c0138 --- /dev/null +++ b/files/ja/jetpack/ui/tabs/index.html @@ -0,0 +1,18 @@ +--- +title: Tabs +slug: Jetpack/UI/Tabs +translation_of: Archive/Mozilla/Jetpack/UI/Tabs +--- +<h3 id="新しいタブを開く">新しいタブを開く</h3> +<p> </p> +<p>新しいタブを開くのは簡単で、単に<code>jetpack.tabs</code>の<code>open</code>メソッドをURLを含む文字列と一緒に呼ぶだけです。</p> +<pre class="prettyprint"><code><span class="pun">jetpack.tabs.open("http://www.mynewtab.com");</span></code></pre> +<h3 id="タブのドキュメントとウィンドウオブジェクトにアクセスする">タブのドキュメントとウィンドウオブジェクトにアクセスする</h3> +<p> </p> +<p><code>contentDocument</code>と<code>contentWindow</code>オブジェクトはドキュメントとウィンドウを表すオブジェクトです。これらは現在表示中のタブのプロパティとしてアクセスすることができます。</p> +<p>タブの<code>contentWindow</code>の中にあるjavascriptのオブジェクトに直接アクセスできないという事に気をつけて下さい。これにアクセスする場合は必ず、 <code>jetpack.tabs.focused.contentWindow</code>.<code>wrappedJSObject</code>オブジェクトを通してアクセスして下さい.</p> +<pre class="prettyprint"><code><span class="pun">var doc = jetpack.tabs.focused.contentDocument; /*Focused tab's equivalent Document object*/ </span></code> +<code><span class="pun">var win = jetpack.tabs.focused.contentWindow; /*Focused tab's equivalent Window object*/</span></code> +<code><span class="pun">var tabJsUniverse = jetpack.tabs.focused.contentWindow.wrappedJSObject; /*Tab's js object*/</span></code> +</pre> +<p><a href="/ja/Jetpack/基礎" title="ja/Jetpack/基礎">基礎</a> に詳しい情報があります.</p> diff --git a/files/ja/jetpack/システム/index.html b/files/ja/jetpack/システム/index.html new file mode 100644 index 0000000000..c95caa0b18 --- /dev/null +++ b/files/ja/jetpack/システム/index.html @@ -0,0 +1,7 @@ +--- +title: システム +slug: Jetpack/システム +--- +<div class="note"><strong>注意！</strong>：このようなページ（英語版に対応する日本語名のページ）を作らないでください！（このページは見本として保存するためにロックされています）</div> +<dl> <dt><a href="/ja/Jetpack/システム/クリップボード" title="ja/Jetpack/システム/クリップボード">クリップボード</a></dt> <dd>OSのクリップボードを使う</dd> <dt><a href="/ja/Jetpack/システム/システムの情報" title="ja/Jetpack/システム/システムの情報">システムの情報</a></dt> <dd>Jetpackが動作しているプラットフォームの情報を取得する</dd> <dt><a href="/ja/Jetpack/システム/視覚効果" title="ja/Jetpack/システム/視覚効果">視覚効果</a></dt> <dd>OSレベルの視覚効果を使う</dd> <dt><a href="/ja/Jetpack/システム/デバイス" title="ja/Jetpack/システム/デバイス">デバイス</a></dt> <dd>デバイスへのアクセスとコントロール (ex. iPod, Zune, 携帯電話, USBデバイス)</dd> +</dl> |