かんたん！Wikiの書き方

Last-modified: 2023-10-18 (水) 00:24:46

慣れてきたら整形ルール、サンプルサイトなどで記述のルールを参考にしてみてください。

スマホで編集する際のリンクの貼り方

有志のご主人がつぶやいてくれた内容を転載します。
③で📎のマークをタップする映像が２回ありますが、ミスになります。(本人より)

loading...

ライブ配信・投稿動画一覧の更新方法

以下のような動画一覧に新しく情報追加するやり方です。

・・配信日・・・・・サムネイル・・・・・・・タイトル・・・・・・・・・・・・・・概要・・・・・・・・・・
2022/07/16 ツイートリンク 【7/16(土) 20:00～】夜美月どくろ 初お給仕【こねくとぴあ】

ブックマークレットを利用して情報取得＆クリップボードからWiki用テキストをペーストする

Youtubeの動画ページの情報から取得するやり方と、Twitter（X）の告知ページから情報取得するやり方があります。
基本はYoutubeの動画ページの情報から情報取得してください。
ただし、アーカイブ削除される予定や危険性のある場合はTwitter（X）から情報を取得してください。
以下、PCのChromeにて動作を確認しています。（他のブラウザでもできると思いますが、未検証です。）

ステップ1: ブックマークの作成
Google Chromeを開いて、ブックマークバーに右クリックして「新しいブックマーク」を選択しましょう。
どこかブックマークしたことのないページを開いて、ブックマークを作ってもいいです。

ステップ2: ブックマークの設定
ブックマークの名前には自分でわかるように適当な名前を付けましょう。例えば、「YTtoWiki」「XtoWiki」など。

ステップ3: コードの貼り付け
URLの欄には以下のJavaScriptコードを貼り付けます。
Youtube用

javascript:(function(){   var videoTitle = document.querySelector('.title.style-scope.ytd-video-primary-info-renderer').textContent;   var scriptTag = document.querySelector('script#scriptTag');%20%20%20var%20videoUrl%20=%20window.location.href;%20%20%20if%20(scriptTag)%20{%20var%20jsonText%20=%20scriptTag.textContent;%20try%20{%20%20%20var%20jsonData%20=%20JSON.parse(jsonText);%20%20%20var%20uploadDate%20=%20jsonData.uploadDate;%20%20%20if%20(uploadDate)%20{%20%20%20var%20videoDate%20=%20new%20Date(uploadDate);%20%20%20var%20year%20=%20videoDate.getFullYear();%20%20%20var%20month%20=%20String(videoDate.getMonth()%20+%201).padStart(2,%20'0');%20%20%20var%20day%20=%20String(videoDate.getDate()).padStart(2,%20'0');%20%20%20var%20formattedDate%20=%20year+'/'+month+'/'+day;%20%20%20}%20else%20{%20%20%20var%20formattedDate%20=%20%22%E6%97%A5%E4%BB%98%E3%81%8C%E8%A6%8B%E3%81%A4%E3%81%8B%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%81%A7%E3%81%97%E3%81%9F%22;%20%20%20}%20}%20catch%20(error)%20{%20%20%20var%20formattedDate%20=%20%22JSON%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E8%A7%A3%E6%9E%90%E4%B8%AD%E3%81%AB%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E7%99%BA%E7%94%9F%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F%22;%20}%20%20%20}%20else%20{%20%20%20var%20formattedDate%20=%20%22%E6%8C%87%E5%AE%9A%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E8%A6%81%E7%B4%A0%E3%81%8C%E8%A6%8B%E3%81%A4%E3%81%8B%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%81%A7%E3%81%97%E3%81%9F%22;%20%20%20}%20%20%20var%20clipboardText%20=%20%22|%22+formattedDate+%22|[[&ref(https://img.youtube.com/vi/%22+videoUrl.split('v=')[1]+%22/maxresdefault.jpg,nolink,zoom,150x150,%E5%8B%95%E7%94%BB%E3%83%AA%E3%83%B3%E3%82%AF);%3Ehttps://youtu.be/%22+videoUrl.split('v=')[1]+%22]]|''%22+videoTitle+%22''|%E6%A6%82%E8%A6%81|%22;%20%20%20var%20tempTextArea%20=%20document.createElement(%22textarea%22);%20%20%20tempTextArea.value%20=%20clipboardText;%20%20%20document.body.appendChild(tempTextArea);%20%20%20tempTextArea.select();%20%20%20document.execCommand(%22copy%22);%20%20%20document.body.removeChild(tempTextArea);%20%20%20alert(%22%E6%83%85%E5%A0%B1%E3%81%8C%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97%E3%83%9C%E3%83%BC%E3%83%89%E3%81%AB%E3%82%B3%E3%83%94%E3%83%BC%E3%81%95%E3%82%8C%E3%81%BE%E3%81%97%E3%81%9F%EF%BC%81%22);%20})();

【Youtube用の使い方】

  1. 情報を取得したい動画の再生ページを開く（例：https://www.youtube.com/watch?v=g1f5evMfIH8）
  2. 登録したブックマークをクリック
  3. 「情報がクリップボードにコピーされました！」とアラートが出たら成功
  4. クリップボードからWikiの編集ページの該当部分にペーストする。
    以下の日付、動画ID、配信タイトルが入力された状態でテキストがペーストされるハズ。 
    |2023/00/00|[[&ref(https://img.youtube.com/vi/XXXX/maxresdefault.jpg,nolink,zoom,150x150,動画リンク);>youtu.be/XXXX]]|''配信タイトル''|動画概要|

Twitter(X)用

javascript:(function(){   var tweetDate = document.querySelector('time').getAttribute('datetime');   var originalDate = new Date(tweetDate);   var year = originalDate.getFullYear();   var month = String(originalDate.getMonth() + 1).padStart(2, '0');   var day = String(originalDate.getDate()).padStart(2, '0');   var formattedDate = year + '/' + month + '/' + day;   var tweetLink = location.href;   var imageSrc = document.querySelector('img[src*="pbs.twimg.com/media/"]').getAttribute('src');   var match = imageSrc.match(/https:\/\/pbs\.twimg\.com\/media\/([^?]+)/);%20%20%20var%20tweetImageTag%20=%20match[1];%20%20%20var%20clipboardText%20=%20%22|%22+formattedDate+%22|[[&ref(https://pbs.twimg.com/media/%22+tweetImageTag+%22.jpg,nolink,zoom,150x150,%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88%E3%83%AA%E3%83%B3%E3%82%AF);%3E%22+tweetLink+%22]]|%27%27%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%27%27|%E6%A6%82%E8%A6%81|\n%22;%20%20%20var%20tempTextArea%20=%20document.createElement(%22textarea%22);%20%20%20tempTextArea.value%20=%20clipboardText;%20%20%20document.body.appendChild(tempTextArea);%20%20%20tempTextArea.select();%20%20%20document.execCommand(%22copy%22);%20%20%20document.body.removeChild(tempTextArea);%20%20%20alert(%22%E6%83%85%E5%A0%B1%E3%81%8C%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97%E3%83%9C%E3%83%BC%E3%83%89%E3%81%AB%E3%82%B3%E3%83%94%E3%83%BC%E3%81%95%E3%82%8C%E3%81%BE%E3%81%97%E3%81%9F%EF%BC%81%22);%20})();

【Twitter(X)用の使い方】

  1. 取得したい動画の個別の告知ポストを開く（例：https://x.com/amenoinuku/status/1713519339402625501?s=20）※動画へのリンクとサムネ画像が１つ添付されているポストを想定しています。
  2. 登録したブックマークをクリック
  3. 「情報がクリップボードにコピーされました！」とアラートが出たら成功
  4. クリップボードからWikiの編集ページの該当部分にペーストする。
    以下の日付、サムネ画像のID、ツイートリンクが入力された状態でテキストがペーストされるハズ。 
    |2023/00/00|[[&ref(https://pbs.twimg.com/media/XXXX.jpg,nolink,zoom,150x150,ツイートリンク);>http://]]|''配信タイトル''|動画概要|
  5. ※配信タイトル名は取得できないので、追加で動画配信ページからコピーしてペーストしてください。

スマホから手作業で入れるやり方

有志のご主人がつぶやいてくれた内容を転載します。
誤字訂正：ツイート本文②の『サムネ画像をツイートから差し込みたい』です。(本人より)

loading...

下記ツイートに載せていた文章はこちら↓
また、②の[[]]で囲われた部分のみを使って画像のみを差し込むこともできます。(各キャストの宣伝欄など参照)
①

|2023/00/00|[[&ref(https://img.youtube.com/vi/XXXX/maxresdefault.jpg,nolink,zoom,150x150,動画リンク);>youtu.be/XXXX]]|''配信タイトル''|動画概要|

②

|2023/00/00|[[&ref(https://pbs.twimg.com/media/XXXX.jpg,nolink,zoom,150x150,ツイートリンク);>http://]]|''配信タイトル''|動画概要|

いずれ下記ページのように整備していきたいです。
https://wikiwiki.jp/nijisanji/%E3%81%8B%E3%82%93%E3%81%9F%E3%82%93%21%20wiki%E3%81%B8%E3%81%AE%E6%9B%B8%E3%81%8D%E3%81%8B%E3%81%9F