リクエスト広場

指定書式のコピーをボタン1つでできるように

23 コメント
views
7 フォロー

https://zawazawa.jp/wikiwiki-request/topic/195
↑のトピックで同じことが書かれていましたが、やはり需要はあると思うので希望します。
具体的には、ゲーム攻略系なら特典コードやパスワードのコピーを、wiki全体としても編集者向けによく使う書式をボタン1つでコピーできれば、とても便利だと思います。
テンプレはcodeでやればいいのですが、wikiそれぞれの細かいやり方が色々なところにあると思います。1行2行程度のものはボタン1つでコピーできるようになって欲しいです。
memo系を使う手もありますが、見栄えが悪く、ものによってはスクロールしなければなりません。
汎用性も高く、どんなwikiでも合うと思うのでコピープラグインの実装を希望しています。

名前なし
作成: 2025/01/08 (水) 22:43:54
最終更新: 2025/01/26 (日) 22:54:43
通報 ...
1
副管理人(WoTBWiki) 2025/01/17 (金) 13:41:42

こちら賛同します。部分的なテンプレートなど、全範囲選択+コピーができないような内容において手間やミスの削減に繋がると思います。

2
スレ主 2025/01/26 (日) 22:53:24 d9d8f@6728c

正直実装しない理由は無いと思います。
強いて言えば変なサイトのURLや変な文字列をコピーさせるようないたずらはできるとは思いますが、管理側で対応・その編集者の規制などをすればいいだけ、また、仮にコピーしてしまったとしてもそのサイトを踏む訳ではないので悪用される可能性も低く、悪用による影響もほぼ皆無と考えます。

3
副管理人(WoTBWiki) 2025/04/09 (水) 14:12:08

@wikiwikiこちらの実装可否についてお伺いできれば幸いです。

5
WIKIWIKI運営 2025/04/12 (土) 17:06:33 >> 3

ご要望ありがとうございます。

ご提案いただいた「テンプレートなどをコピーしやすくする機能」について、実装そのものは技術的に可能です。

運営としては現時点で、既存の #code プラグインにコピーボタンを右上に常時表示する形での対応を想定しています。
この方法であれば、すでに多く使われている書式を拡張しながら対応でき、操作性もシンプルに保つことができます。

ただしこの場合、ソース(マークアップ)は画面上に表示された状態での提供となり、表の中などインライン要素として埋め込む形式には対応できません。

このような前提を踏まえつつ、以下の点についてご意見をいただけますと幸いです。

  • コピー対象の内容を画面上に表示したいか、それともボタンだけで十分か
  • テンプレート活用や初心者支援など、主な利用目的

想定されている使い方や、特に不便を感じている点なども共有いただければ、今後の改善検討の参考にさせていただきます。

引き続き、ご意見をお待ちしております。

6

私が使用する場合、主にテンプレート、ハッシュタグ、特典コードの共有に使用すると思います。そのためボタンだけでなく対象の表示を希望します。
テンプレートの場合、改行を多く含んだ大きな塊なのでイメージとしては現在文章前に半角スペースを入れることで表示できるpreの状態にコピーボタンがあればいいなと想像していました。
ハッシュタグ、特典コードに関しては、テンプレートと違い、短い文章が複数配置する形式になるので、一つ一つバラバラに配置すると視認性が悪く表で使用できると嬉しいです。
codeプラグインを全く使用していないので、どういったものなのかあまり理解しきれていませんが、大きな文の塊と短い文章両方に使用したいと思っているのでできれば表に使用できるようなものがあれば助かります。

7
はやし 2025/04/12 (土) 20:35:49 1eed6@f53e0 >> 5

#codeはブロック型のプラグインなので、表のなかでは使えないか、使えても非推奨になるはずです。
オンラインゲームのサーバ招待やフレンド登録などで使うIDを表で一覧化するような用途も考えられるので、インライン型プラグインとして実装できないでしょうか?

4
名前なし 2025/04/09 (水) 18:05:52 a05f6@ef25c

指定した範囲内の文章をワンボタンでコピーする機能ということでしょうか。
うちのwikiではカード毎の詳細のテンプレが10行以上ある上、プラグインも複数あり}のコピーミスが発生しやすい環境なため、ワンボタンでできるようになるならありがたいです。

8
スレ主 2025/04/12 (土) 22:53:04 修正 d9d8f@6728c

codeの拡張版なら数行〜十数行のコピペに対してとても有用だと思います。ですが、他の方が書いている通り閲覧者向けのゲーム内ギフトコードやパスワードは表に組み込めるよう、インライン型のものを新しく作っていただけるととても使いやすく、見やすいものになると思います。

私は編集者向けに#codeの拡張版プラグイン、
そして閲覧者向けにインライン型の新規プラグインの実装を提案します。中身を表示するかどうかについては、どちらにもメリットがあると感じるので、引数で選択できるようにしてほしいです。

9
01v 2025/04/13 (日) 11:48:57

コピー対象の内容を画面上に表示したいか、それともボタンだけで十分か

コピー対象の内容は画面上に表示されている必要があります。何がコピーされるか予想ができません。内容と量を把握したうえで実行されるべきです。

テンプレート活用や初心者支援など、主な利用目的

  • wikiページの定型書式
  • 複雑なプラグインの入力支援(includexとかflexboxとかオプション指定が多いもの)
  • スマホの操作支援(範囲選択、アルファベット/記号入力の煩わし)

ブロック型なら#codeのオプションとしてCopyを追加できれば十分と思います。
ページのテンプレートやwiki書式の説明なら、flexboxで通常表示とソース表示で並べて使われると想定します。

別途インライン型は望まれると思います。

  • 表やリストにまとめたデータ
  • wikiのプラグインの記述例

インライン型の場合は、コピー範囲がわかるのが望ましいです。
コピーボタンを押したときに対象がマウスで範囲選択したように反転されるなど。
予め枠か下線で明示してもいいかもしれませんが、あまり高さを取って欲しくない気もします。

10
副管理人(WoTBWiki) 2025/04/19 (土) 02:03:37

>> 9さんと概ね同様の意見です。
コード型はページ(の一部)テンプレートで、インライン型は何らかのID(wiki外で使用)などで利用しやすいかと思います。
もともとページテンプレートなどの拡張として希望したこともあり、どちらか一方を優先して実装するのであれば#codeから拡張したコード型を希望します。
イメージとしてはテック系サイトで用いられるコードブロックのようなものです(quitaなどが参考になるかと思います)。

11
款冬華 2025/04/19 (土) 22:19:57

>> 9さんが言っている

コピー対象の内容は画面上に表示されている必要があります。何がコピーされるか予想ができません。内容と量を把握したうえで実行されるべきです。

同意します。この機能が実装されたら編集しやすいなあと個人的に思います。

12
WIKIWIKI運営 2025/04/22 (火) 19:08:16 修正

まずは、#code にコピーボタンを実装いたしました。
コピーボタンはデフォルトで表示されるため、#code に引数は不要です。
今後、インライン型の別プラグインとしての実装も視野に入れておりますので、デザイン等について引き続きご意見をいただけましたら幸いです。

13
款冬華 2025/04/24 (木) 12:31:30 >> 12

不具合報告です。

#code{{
CENTER:&fa_stack(fa-2x,#ffd700){&fa(fa-solid fa-diamond fa-stack-2x); &fa(fa-solid fa-person-digging fa-stack-1x,#000000);};
LEFT:このページは編集中です。ページ名を変更する可能性があります。
}}

コピーボタンを押して貼り付けるとデコードされずに反映されます。改行もされません。記述した通りにコピーするよう、お願いいたします。

貼り付けた時の内容

center:&fa_stack(fa-2x,%23ffd700)%7B&fa(fa-solid%20fa-diamond%20fa-stack-2x);%20&fa(fa-solid%20fa-person-digging%20fa-stack-1x,%23000000);%7D;%0ALEFT:%E3%81%93%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AF%E7%B7%A8%E9%9B%86%E4%B8%AD%E3%81%A7%E3%81%99%E3%80%82%E3%83%9A%E3%83%BC%E3%82%B8%E5%90%8D%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E5%8F%AF%E8%83%BD%E6%80%A7%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82
14
WIKIWIKI運営 2025/04/24 (木) 13:17:18 >> 13

ご連絡ありがとうございます。
iPhoneでコピーした後、フォームに貼り付けた際にご指摘の現象をこちらでも再現できました。
なお、iPhoneのメモ帳アプリには正常に貼り付けできることも確認しており、iOSのブラウザ側の仕様による可能性がありそうです。
現在、原因の特定を進めております。

15
款冬華 2025/04/24 (木) 13:49:36 >> 13

ご確認ありがとうございます。一旦、教えていただいた対処法で今後は編集いたします。幾度となくiOS独自のブラウザ仕様にお手を煩わせてしまい、申し訳ありませんがよろしくお願いします。

16
WIKIWIKI運営 2025/04/24 (木) 18:12:42 >> 13

現時点では、iOS側の不具合であると考えられます。
テキスト内に : が含まれていると、URLとして認識され、
自動的にURLエンコードされた状態で貼り付けられてしまうようです。

引き続き、調査を進めております。


参考記事

How do you avoid copy/paste content with a ':' coming out url encoded on an iPhone browser?
I have a web app that puts content on the browser clipboard: navigator.clipboard.writeText("Name: Joe Schmo\nAddress:\t550 W. Someplace Ave\n\t\t\tAnytown\t\t\t55555\nPhone: 555-555-5555&quot...
Stack Overflow

17
款冬華 2025/04/24 (木) 18:38:10 >> 13

ご指摘のとおりでした。コロンを抜いてコピー&貼り付けてみたところ、記述したとおりに改行されたままで貼り付けできました。

この不具合はiOS側のものなので、どうにかできるものなのか不明ですが引き続き、よろしくお願いします。

また、同様の仕組みがあるプラグインを公開されている方がいましたので参考にしてみてください。

自作プラグイン/clipboard
https://jpngamerswiki.com/?39d867ef25

自作のPukiWiki用プラグイン置き場
https://github.com/kanateko/pukiwiki-plugin

18
款冬華 2025/04/24 (木) 19:55:14 >> 13
BGCOLOR(whitesmoke):
BGCOLOR(lavender):
BGCOLOR(#ddd):
BGCOLOR(#F0F0F0):
BGCOLOR(silver):
BGCOLOR(white):

こちらの内容だと問題なく見た目どおりに貼り付けることができたので、参考記事にある原因として挙げられている:が問題ではなく、別のところにあるかもしれません。記事内ではiOS17の問題でiOS18では解消されていると言われていますが、当方はiPhoneSE3(iOS18.3.2(22D82))です。バージョンアップ(iOS18.4.1)がありましたので念のため行ったところ、やはり不具合は改善されませんでした。

ちなみに普段は利用していない2台目のiPhone8plus(iOS16.7.10)で当事象を確認しましたが、この問題は発生せずに見た目どおりに貼り付けることができます。

22
WIKIWIKI運営 2025/05/13 (火) 19:56:31 >> 13

今回、iOSモバイル端末で発生していたコピーの不具合は、iOS側の仕様や挙動によるものと考えられますが、旧ブラウザ向けの特殊対応のように、例外的にレガシーコードを加えることで、ひとまず回避できるようにしています。
本来であればこうした対応は避けたいところですが、ご利用状況を踏まえ、現時点で可能な対応として実施しました。

現在はiOS端末でコピー・貼り付けが問題なく動作することを確認していますが、
この対応はiOSの仕様に依存しているため、今後のアップデート次第では、再び不具合が起こる可能性もあります。

23
款冬華 2025/05/13 (火) 20:21:03 >> 13

できるだけ編集者に寄り添ってご配慮・ご対応いただき、ありがとうございます。

こちらでも記載どおり、エンコードされずに貼り付けることができたことを確認しました。また、iOS・端末の仕様変更によって不具合が再発する可能性についても了解いたしました。

不具合が再発した時は以前、伺ったようにメモ帳アプリなどを介してから貼り付けるようにいたします。

19
スレ主 2025/04/27 (日) 12:42:31 d9d8f@6728c

使ってみた所感ですが、やはりcodeということで何行もある文のコピーには適していました。少しcopyの文字が見づらいとは感じましたが、下手に大きくしたり濃くしたりしても原文が見づらくなるので仕方ないかとは思っています。
しかし、結果と原文の両方を載せようとすると、codeの性質上とるスペースがどうしても大きくなってしまいます。一応foldで片方隠すことはできますが、行数が多くなる、展開する度に視認性が悪くなるといった問題があるように感じました。

1行で終わる程度の構文やプラグインのコピーには、インライン型のものが欲しいです。1行のものずつに原文とcodeを載せていると、先述の視認性の悪さが顕著に出ます。どちらかを排してどちらかを受け入れるというよりは、両方に得手不得手があると思うので、codeは引き続き実装し、インライン型のものも実装してほしいです。

あと少し逸れますが、codeのcopyボタンの表示の有無については引数がほしいです。コピーさせることを前提に置いてない使い方(使用例とそのコード文)をしている箇所があるので、その引数があった方がと思いました。

20

インライン型の実装案ですが、以下イメージのような形式がシンプルで現実的かなと思います。

&copy{<テキスト>};

画像1

懸念点など:

  • コピーする範囲を分かりやすくするべきか
    →主な用途としては、イメージのような表組みレイアウトとの組み合わせが想定されますので、コピー範囲の明示はしなくても問題はないと思います。
  • ボタンを押してもコピーされたかどうか分からない
    →ブロック型と違い、動的にコピー成否を表示するのは難しいと思われるので、許容してもらうしかない
21
スレ主 2025/04/30 (水) 17:29:42 d9d8f@6728c >> 20

>ボタンを押してもコピーされたかどうか分からない
注釈のように、コピーボタンを押したら上部に「コピー完了」のようなふきだしが出るスタイルなら分かりやすいかもしれません

要望は具体的な提案や理由を書いて下さい。
×