コンテンツにスキップ

MediaWiki:Test/SandboxHeader.js

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。

多くの WindowsLinux のブラウザ

  • Ctrl を押しながら F5 を押す。

Mac における Safari

  • Shift を押しながら、更新ボタン をクリックする。

Mac における ChromeFirefox

  • Cmd Shift を押しながら R を押す。

詳細についてはWikipedia:キャッシュを消すをご覧ください。

//<nowiki>
/*global jQuery, mediaWiki */
(function(mw, $) {

    const getUrl = function(pagename, params) {
        return mw.util.getUrl(pagename, params ? params : {});
    }

    const wpSand =
    '<div style="background-color:transparent; border:1px dotted #000000; padding:2px; margin:2px; font-size:85%;">' +
    '   <table class="messagebox standard-talk">' +
    '       <tbody>' +
    '           <tr>' +
    '               <th style="text-align:center; width:90%;"">' +
    `                   <a href="${getUrl('Wikipedia:ウィキペディアへようこそ')}" title="Wikipedia:ウィキペディアへようこそ">Wikipedia:ウィキペディアへようこそ</a>` +
    '                   ・' +
    `                   <a href="${getUrl('Wikipedia:ウィキペディアについて')}" title="Wikipedia:ウィキペディアについて">Wikipedia:ウィキペディアについて</a>` +
    '                   ・' +
    `                   <a href="${getUrl('Help:目次')}" title="Help:目次">ヘルプ</a>` +
    '                   ・' +
    `                   <a href="${getUrl('Help:サンドボックス')}" title="Help:サンドボックス">サンドボックスについて</a>` +
    '               </th>' +
    '           </tr>' +
    '       </tbody>' +
    '   </table>' +
    '   <div class="floatleft">' +
    `       <a href="${getUrl('File:Sandbox.svg')}" class="image">` +
    '           <img alt="Sandbox.svg" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/88/Sandbox.svg/150px-Sandbox.svg.png" decoding="async" width="150" height="98" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/88/Sandbox.svg/225px-Sandbox.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/88/Sandbox.svg/300px-Sandbox.svg.png 2x" data-file-width="650" data-file-height="424"/>' +
    '       </a>' +
    '   </div>' +
    '   <div style="font-size:larger;">' +
    '       <style data-mw-deduplicate="TemplateStyles:r89142557">' +
    '           .module-shortcutboxplain {' +
    '               float: right;' +
    '               border: 1px solid #aaa;' +
    '               background: #fff;' +
    '               margin: 0 0 0 1em;' +
    '               padding: 0.3em 0.6em 0.2em 0.6em;' +
    '               text-align: center;' +
    '               font-size: 85%;' +
    '               font-weight: bold;' +
    '           }' +
    '           .module-shortcutlist {' +
    '               display: inline-block;' +
    '               border-bottom: 1px solid #aaa;' +
    '               margin-bottom: 0.2em;' +
    '               font-weight: normal;' +
    '           }' +
    '           .module-shortcutanchordiv {' +
    '               position: relative;' +
    '               top: -3em;' +
    '           }' +
    '       </style>' +
    '       <div class="module-shortcutanchordiv">' +
    '           <span id="WP:SB" />' +
    '           <span id="WP:SAND" />' +
    '           <span id="WP:SANDBOX" />' +
    '           <span id="WP:TEST" />' +
    '           <span id="WP:FOO" />' +
    '       </div>' +
    '       <div class="module-shortcutboxplain plainlist noprint" role="note">' +
    '           <div class="module-shortcutlist nowrap">' +
    `               <a href="${getUrl('Wikipedia:ショートカット')}" title="Wikipedia:ショートカット">ショートカット</a>:` +
    '           </div>' +
    '           <ul>' +
    '               <li>' +
    '                   <span class="plainlinks">' +
    `                       <a class="external text" href="${getUrl('Wikipedia:SB', {'redirect': 'no'})}">WP:SB</a>` +
    '                   </span>' +
    '               </li>' +
    '               <li>' +
    '                   <span class="plainlinks">' +
    `                       <a class="external text" href="${getUrl('Wikipedia:SAND', {'redirect': 'no'})}">WP:SAND</a>` +
    '                   </span>' +
    '               </li>' +
    '               <li>' +
    '                   <span class="plainlinks">' +
    `                       <a class="external text" href="${getUrl('Wikipedia:SANDBOX', {'redirect': 'no'})}">WP:SANDBOX</a>` +
    '                   </span>' +
    '               </li>' +
    '               <li>' +
    '                   <span class="plainlinks">' +
    `                       <a class="external text" href="${getUrl('Wikipedia:TEST', {'redirect': 'no'})}">WP:TEST</a>` +
    '                   </span>' +
    '               </li>' +
    '               <li>' +
    '                   <span class="plainlinks">' +
    `                       <a class="external text" href="${getUrl('Wikipedia:FOO', {'redirect': 'no'})}">WP:FOO</a>` +
    '                   </span>' +
    '               </li>' +
    '           </ul>' +
    '       </div>' +
    '   </div>' +
    '   <p><b>Wikipedia:サンドボックス</b>へようこそ!</p>' +
    '   <p>ここは、ウィキペディアで編集・執筆をするための練習や実験などに使用できるページです。</p>' +
    '   <p>' +
            `<a href="${getUrl('Help:ノートページ')}" title="Help:ノートページ">ノートページ</a>へ投稿するための練習は、` +
            `<b><a href="${getUrl('Wikipedia‐ノート:サンドボックス')}" title="Wikipedia‐ノート:サンドボックス">Wikipedia‐ノート:サンドボックス</a></b>を使用してください。` +
            `<a href="${getUrl('Help:ビジュアルエディター')}" title="Help:ビジュアルエディター">ビジュアルエディター</a>の練習には` +
            `<b><a href="${getUrl('Help:ビジュアルエディター/sandbox')}" title="Help:ビジュアルエディター/sandbox">Help:ビジュアルエディター/sandbox</a></b> が使えます。` +
            `ログインすれば<a href="${getUrl('特別:利用者ページ/sandbox')}" title="特別:利用者ページ/sandbox">利用者サンドボックス</a>も使えます。` +
    '   </p>' +
    '   <p>' +
            `初心者の方は、このページを編集する前に、<a href="${getUrl('Wikipedia:ガイドブック')}" title="Wikipedia:ガイドブック">ガイドブック</a>や` +
            `ヘルプの<a href="${getUrl('Help:ページの編集')}" title="Help:ページの編集">ページの編集</a>などもぜひ参考にしてください。` +
            'あなたの今後の編集活動にとって、とても重要な内容が書かれています。' +
    '   </p>' +
    '   <div class="mw-collapsible mw-collapsed" id="sh-collapse" style="border:none; text-align:left; font-size:100%;" data-collapsetext="隠す" data-expandtext="表示">' +
    '       <div style="background:transparent; text-align:center; text-decoration:underline;">' +
                'このページの編集方法については、右の[表示]をクリックしてください。' +
    '       </div>' +
    '       <div class="mw-collapsible-content">' +
    '           <ol>' +
    '               <li>' +
                        'このページを編集するにはページ上部の<b>[編集]</b>タブをクリックしてください。なお、' +
                        `<a href="${getUrl('Help:外装の詳細設定')}" title="Help:外装の詳細設定">外装</a>が「<b>ベクター</b>」以外の場合は、<b>[編集]</b>タブが` +
                        '別位置でのリンクになっていることがありますので、注意してください。' +
    '               </li>' +
    '               <li>' +
                        '画面のタイトルが「<b>「Wikipedia:サンドボックス」を編集中</b>」に変わり、テキストボックスに自由に文章を書き込むことができます。' +
    '               </li>' +
    '               <li>' +
                        `テキストの編集が終わり、<a href="${getUrl('Wikipedia:常に要約欄に記入する')}" title="Wikipedia:常に要約欄に記入する">編集内容の要約</a>` +
                        '欄に編集内容についての要約や出典などを記入してから、テキストボックスの下にある「<b>プレビューを表示</b>」をクリックして、編集した結果がどのように' +
                        '表示されるかを確認しましょう。そこで表示がうまくいっているか、マークアップのミスや誤字・脱字などがないかを確認します。問題がなければ、' +
                        '「<b>ページを保存</b>」をクリックしてください。ページが更新され内容が変わります。' +
    '               </li>' +
    '               <li>' +
    `                   <a href="${getUrl('Help:カテゴリ')}" title="Help:カテゴリ">カテゴリタグ</a>の練習もできますが、テスト終了後は記述したカテゴリタグを必ず消去してください。` +
    '               </li>' +
    '           </ol>' +
    '       </div>' +
    '   </div>' +
    '   <p>' +
            `<b>サンドボックスに書き込まれた内容は、<a href="${getUrl('日本標準時')}" title="日本標準時">日本時間</a>午前0時の時報とともに、この案内文` +
            `(<a href="${getUrl('Help:テンプレート')}" title="Help:テンプレート">テンプレート</a>)を残してすべて除去されます。</b>ただし、実際は` +
            '時報より少し遅れます。また、過去の版は、履歴からたどることができます。<strong style="color:red;">' +
            `<a href="${getUrl('Wikipedia:著作権')}" title="Wikipedia:著作権">著作権</a>上問題のある書き込みや、` +
            `<a href="${getUrl('Wikipedia:エチケット')}" title="Wikipedia:エチケット">エチケット</a>に反する書き込みなどはやめてください。</strong>` +
            'もしそのような書き込みを見つけたときは、' +
            `<a href="${getUrl('Wikipedia:管理者伝言板/各種初期化依頼')}" title="Wikipedia:管理者伝言板/各種初期化依頼">Wikipedia:管理者伝言板/各種初期化依頼</a>` +
            'に連絡してください。' +
    '   </p>' +
    '</div>';

    const wtSand =
    '<div style="background-color:#efefff; transparent; border:1px dotted #000000;padding:2px;margin:2px;font-size: 85%">' +
    '   <table class="messagebox standard-talk">' + 
    '       <tbody>' +
    '           <tr>' +
    '               <td style="text-align: center; width: 90%;">' +
    `                   <b><a href="${getUrl('Wikipedia:ウィキペディアへようこそ')}" title="Wikipedia:ウィキペディアへようこそ">ウィキペディアへようこそ</a>・` +
    `                   <a href="${getUrl('Wikipedia:ウィキペディアについて')}" title="Wikipedia:ウィキペディアについて">ウィキペディアについて</a>・` +
    `                   <a href="${getUrl('Help:目次')}" title="Help:目次">ヘルプ</a>・` +
    `                   <a href="${getUrl('Help:サンドボックス')}" title="Help:サンドボックス">サンドボックスについて</a></b>` +
    '               </td>' +
    '           </tr>' +
    '       </tbody>' +
    '   </table>' +
    '   <div class="floatleft">' +
    `       <a href="${getUrl('ファイル:Nova_Scotia_Beach.jpg')}" class="image">` +
    '           <img alt="Nova Scotia Beach.jpg" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Nova_Scotia_Beach.jpg/150px-Nova_Scotia_Beach.jpg" decoding="async" width="150" height="200" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Nova_Scotia_Beach.jpg/225px-Nova_Scotia_Beach.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/df/Nova_Scotia_Beach.jpg/300px-Nova_Scotia_Beach.jpg 2x" data-file-width="1200" data-file-height="1600"/>' +
    '       </a>' +
    '   </div>' +
    '   <big>' +
    '   <style data-mw-deduplicate="TemplateStyles:r89142557">' +
    '       .mw-parser-output .module-shortcutboxplain {' +
    '           float:right;' +
    '           border:1px solid #aaa;' +
    '           background:#fff;' +
    '           margin:0 0 0 1em;' +
    '           padding:0.3em 0.6em 0.2em 0.6em;' +
    '           text-align:center;' +
    '           font-size:85%;' +
    '           font-weight:bold;' +
    '       }' +
    '       .mw-parser-output .module-shortcutlist {' +
    '           display:inline-block;' +
    '           border-bottom:1px solid #aaa;' +
    '           margin-bottom:0.2em;' +
    '           font-weight:normal;' +
    '       }' +
    '       .mw-parser-output .module-shortcutanchordiv {' +
    '           position:relative;' +
    '           top:-3em;' +
    '       }' +
    '   </style>' +
    '   <div class="module-shortcutanchordiv">' +
    '       <span id="WP:SB"></span>' +
    '       <span id="WP:SAND"></span>' +
    '   </div>' +
    '   <div class="module-shortcutboxplain plainlist noprint" role="note">' +
    '       <div class="module-shortcutlist nowrap">' +
    `           <a href="${getUrl('Wikipedia:ショートカット')}" title="Wikipedia:ショートカット">ショートカット</a>:` +
    '       </div>' +
    '       <ul>' +
    '           <li>' +
    '               <span class="plainlinks">' +
    '                   <a class="external text" href="https://ja.wikipedia.org/w/index.php?title=Wikipedia:SB&amp;redirect=no">WP:SB</a>' +
    '               </span>' +
    '           </li>' +
    '           <li>' +
    '               <span class="plainlinks">' +
    '                   <a class="external text" href="https://ja.wikipedia.org/w/index.php?title=Wikipedia:SAND&amp;redirect=no">WP:SAND</a>' +
    '               </span>' +
    '           </li>' +
    '       </ul>' +
    '   </div>' +
    '   </big>' +
    '   <p><b>Wikipedia‐ノート:サンドボックス</b>へようこそ!</p>' +
    '   <p>' +
            'ここは、ウィキペディアの<b>ノートページ</b>への投稿をあらかじめ練習できるページです。記事の編集・執筆をするための練習や実験は、' +
            `<b><a href="${getUrl('Wikipedia:サンドボックス')}" title="Wikipedia:サンドボックス">Wikipedia:サンドボックス</a></b>を使用してください。` +
            `また、このページの構成などについての議論は、<a href="${getUrl('Help‐ノート:サンドボックス')}" title="Help‐ノート:サンドボックス">Help‐ノート:サンドボックス</a>` +
            'にてお願いします。' +
    '   </p>' +
    '   <p>' +
            `初心者の方は、このページを編集する前に、<a href="${getUrl('Wikipedia:ガイドブック')}" title="Wikipedia:ガイドブック">ガイドブック</a>やヘルプの` +
            `<a href="${getUrl('Help:ページの編集')}" title="Help:ページの編集">ページの編集</a>、` +
            `<a href="${getUrl('Help:ノートページ')}" title="Help:ノートページ">ノートページ</a>` +
            'などもぜひ参考にしてください。あなたの今後の編集活動にとって、とても重要な内容が書かれています。 ' +
    '   </p>' +
    '   <div class="mw-collapsible mw-collapsed" id="sh-collapse" style="border: none; text-align: left; font-size: 100%" data-collapsetext="隠す" data-expandtext="表示">' +
    '       <div style="background: transparent; text-align: center; font-weight: normal">' +
    '           <u><b>このページの編集方法については、右の[表示]をクリックしてください。</b></u>' +
    '       </div>' +
    '       <div class="mw-collapsible-content">' +
    '           <ul>' +
    '               <li>' +
                        `このページで練習をする場合は以下のようにしてください。<br/>なお、<a href="${getUrl('Help:オプション')}" class="mw-redirect" title="Help:オプション">外装</a>` +
                        'が「<b>MonoBook</b>」以外の場合は、<b>[編集]</b>タブや<b>[+]</b>タブが別位置でのリンクになっていることがありますので、注意してください。<br/>また、' +
                        `ノートページの編集方法について詳しく知りたい方は、<a href="${getUrl('Help:ノートページ#ノートページへの投稿手順')}" title="Help:ノートページ">ノートページのヘルプ</a>` +
                        'を参照してください。' +
                        '<dl>' +
                        '   <dt>新しい話題を投稿する場合</dt>' +
                        '   <dd>ページ上部の<b>[編集]</b>タブの隣にある<b>[+]</b>タブをクリックしてください。</dd>' +
                        '   <dt>すでにある話題に応答する場合</dt>' +
                        '   <dd>応答する話題のある節の<b>[編集]</b>リンクをクリックしてください。</dd>' +
                        '   <dt>複数の節を同時に編集する場合</dt>' +
                        '   <dd>ページ上部の<b>[編集]</b>タブをクリックしてください。</dd>' +
                        '</dl>' +
    '               </li>' +
    '               <li>' +
                        '<b>[編集]</b>を押すと、画面が「<b>Wikipedia‐ノート:サンドボックス を編集中</b>」に変わり、テキストボックスに文章を書き込むことができます。' +
                        '「<b>以上の記述を完全に理解し同意した上で投稿する</b>」と書いてあるボタンを押せば、投稿は完了します。なお他人の発言に無断で手を加えることは' +
                        '禁じられているので注意してください。' +
    '               </li>' +
    '               <li>' +
                        '新しい話題を投稿する場合「<b>題名・見出し</b>」欄に記入した内容が、そのまま見出しへと変換されます。' +
    '               </li>' +
    '               <li>' +
                        `ここへのテスト投稿であっても、ノートページでは<a href="${getUrl('Wikipedia:署名')}" title="Wikipedia:署名">署名</a>を添えてください。` +
                        `テキストボックスの上部にある署名アイコン(<a href="${getUrl('ファイル:Insert-signature2.svg')}" class="image">` +
                        '<img alt="Insert-signature2.svg" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Insert-signature2.svg/22px-Insert-signature2.svg.png" decoding="async" width="22" height="22" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Insert-signature2.svg/33px-Insert-signature2.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Insert-signature2.svg/44px-Insert-signature2.svg.png 2x" data-file-width="22" data-file-height="22"/></a>)' +
                        'をクリックするか、テキストボックスに半角記号--~~~~と書き加えると、それが自動的に署名へと変換されます。' +
    '               </li>' +
    '               <li>' +
                        `テキストを編集したら、テキストボックスの下にある<a href="${getUrl('Wikipedia:常に要約欄に記入する')}" title="Wikipedia:常に要約欄に記入する">編集内容の要約</a>` +
                        '欄に編集内容についての要約や出典などを記入します(新しい話題を投稿する場合は「<b>題名・見出し</b>」欄に記入した内容が、そのまま要約として記載されます)。' +
                        'これら記載された要約は<b>[履歴]</b>タブから参照することができます。' +
    '               </li>' +
    '               <li>' +
                        '「<b>プレビューを実行</b>」をクリックして、編集した結果がどのように表示されるかを確認しましょう。そこで表示がうまくいっているか、マークアップのミスや' +
                        '誤字・脱字などがないかを確認します。問題がなければ最後に「<b>以上の記述を完全に理解し同意した上で投稿する</b>」をクリックしてください。ページが更新され内容に反映されます。' +
    '               </li>' +
    '           </ul>' +
    '       </div>' +
    '   </div>' +
    '   <p>' +
            `<b>不定期にですが、ここに書き込まれた内容はこの案内文(<a href="${getUrl('Help:テンプレート')}" title="Help:テンプレート">テンプレート</a>)を残して全て除去されます。</b>` +
            `<span style="color:red;"><b><a href="${getUrl('Wikipedia:著作権')}" title="Wikipedia:著作権">著作権</a>上問題のある書き込みや、` +
            `<a href="${getUrl('Wikipedia:エチケット')}" title="Wikipedia:エチケット">エチケット</a>に反する書き込みなどはやめてください。</b></span>もしそのような書き込みを見つけたときは、` +
            `<a href="${getUrl('Help‐ノート:サンドボックス')}" title="Help‐ノート:サンドボックス">Help‐ノート:サンドボックス</a>に連絡してください` +
            `<a href="${getUrl('Template:これは消さないで下さい。(ノート:サンドボックス)')}" class="mw-redirect" title="Template:これは消さないで下さい。(ノート:サンドボックス)">。</a>` +
    '   </p>' +
    '</div>';

    //const wpSandTitle = 'Wikipedia:サンドボックス';
    //const wtSandTitle = 'Wikipedia‐ノート:サンドボックス';
    const wpSandTitle = 'Wikipedia:井戸端/subj/サンドボックスのヘッダーをHTMLに組み込んでしまってはどうか';
    const wtSandTitle = 'Wikipedia‐ノート:井戸端/subj/サンドボックスのヘッダーをHTMLに組み込んでしまってはどうか';
    const pageName = mw.config.get('wgPageName');
    if (pageName !== wpSandTitle && pageName !== wtSandTitle) return;
    const header = pageName === wpSandTitle ? wpSand : wtSand;

    mw.loader.using('jquery.makeCollapsible', function() {
        if ($('#mw-content-text').find('.mw-parser-output').length !== 0) {
            $('#mw-content-text').find('.mw-parser-output').prepend(header);
            $('#sh-collapse').makeCollapsible();
        }
    });

})(mediaWiki, jQuery);
//</nowiki>