皆の補集合

膨大は見る専、閉鎖後はみんつくに参入し、陽天国という国や流行らなかったミニゲーム系ページを作成、全ページ削除後はスタクレの国という、せめてもの抵抗でミニゲーム系要素を残すためのRPG風な国を作成(し、飽きる)した。みんつくの全ページ削除後、どちらかと言えばぼんだいの方で記事を作成していたが、膨大が復活したのでこちらに本腰を据える予定。

脳を早いうちからネットにやられているので、色々終わっている。飽き性な性格なのにも関わらず淫夢は永遠に飽きないので、淫夢はおそらく墓場まで相棒のミームと化すだろう。

• 優先度高
  • 麻雀何切る問題

• 優先度中
  • 漢字検定更新

• 優先度低
  • ボスバトルゲーム
    • 職業を事前に選択してバトル
    • 初級中級上級でレベル分け
  • スタクレの国RPG

@gacha(中身1,中身2){初期表示文字}

%flex(モード,幅,枠ありなし)[
box(幅1){中身1}
box(幅2){中身2}
box(幅3){中身3}
]

モード
flex-start (default)
center
flex-end
space-between
space-around
space-evenly
stretch
幅
px (default)
%
枠ありなし
wrap (default)
nowrap

@dialog(モード){表示文字}[
中身
close{表示文字}
]

モード
modal：背景クリック不可
popover：背景クリック可
open：最初から表示
onetime：最初に一度だけ表示

close{表示文字}：閉じるボタン(未指定時自動生成)

@tomize{文字}

一見普通の文字として表示されるが、カーソルを当てるとすっ飛んでいく。
ページ移動しても残る。
モバイルではタップ操作になる。

%tabcontainer(モード)[
tab(タブ名1){
中身1
}
tab(タブ名2){
中身2
}
tab(タブ名3){
中身3
}
]

モード
justify：タブ位置の均等化
left(？)：タブ位置の左寄せ(引数未指定時のみ？)

&button{ボタン名}

ボタンを表示する
[[]]を使って、ボタンを押したらリンクに飛ばすみたいな事はできない？

@countdown(time)

これどう使うの

<input type="checkbox">

チェックボックス(複数選択)

<input type="radio" name="r1">

ラジオボタン(同一nameなら単一選択)

tabindex="1〜32767"　(タグの属性)

tabキーで数字の小さい方から大きい方に移動する
でもヘッダーとかのボタンにもtabは反応するから実用性は…
使えるHTMLタグ
a
area
button
input
object
select
textarea

accesskey="キー"　(タグの属性)

アクセスキーを作れる
IEならalt+キー
使えるHTMLタグ
a
area
button
input
label
legend
textarea

<span class="name">
<span style="font-size:large;letter-spacing:2px;line-height:1;">名前</span>
</span>
<div class="chat">
セリフ内容
</div>

<style>
.name{
 border: 2px #000000 solid;
 border-radius: 5px 5px 0px 0px;
 background-color: #d3d3d3;
 padding: 5px 6px 5px 6px;
 }
.chat{
 border: 2px #000000 solid;
 border-radius: 0px 5px 5px 5px;
 background-color: #d3d3d3;
 width: 100%;
 height: 100px;
 padding: 6px 5px 8px 8px;
 }
</style>

よくある、左上に名前欄が飛び出るチャットボックス

<div class="QR">
<span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span>
<span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span>
<span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span>
<span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span>
<span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span>
<span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span>
<span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span>
<span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span>
<span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span>
<span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span>
<span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span>
<span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span>
<span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span>
<span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span>
<span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span><span class="w">.</span><span class="w">.</span><span class="w">.</span><span class="b">.</span><span class="b">.</span>
</div>
<style>
.QR{
 width: 250px;
 height: 250px;
 font-size: 1px;
 display: grid;
 gap: 0px;
 grid-template-columns: repeat(25,10px);
 grid-template-rows: repeat(25,10px);
 }
.b{
 color: transparent;
 background-color: black;
 }
.w{
 color: transparent;
 background-color: white;
 }
.QR span {
 width: 10px;
 height: 10px;
}
</style>

画像に頼らず力技でQRコードを作るコード
もしもするなら、CSSの部分だけコピペしよう

• よろしくお願いします〜 -- デンガー (2026-04-26 (日) 21:34:59)
• よろしく -- 皆の補集合 (2026-04-26 (日) 21:47:22)
• あなたのRPGをテーマにしたみんつくページは、私がこのWikiのスクリプトシステム構築に何週間も費やした理由の一つです。 -- L王7 (2026-05-13 (水) 21:12:58)
• それマジ？めっちゃｳﾚｼｲ…ｳﾚｼｲ…
  みんつくのページはあくまで国なので、同じものをここに持ってくるつもりはないです。ただし、現在あるシステムを用いたミニゲームページの制作を計画しています。楽しみにしててほしいです -- 皆の補集合 (2026-05-14 (木) 09:12:12)
• このページのプラグイン解説、大変わかりやすくてありがたいです。
  勝手ながらプラグイン解説記事執筆の参考とさせていただきます。 -- もみじ (2026-08-23 (日) 12:30:48)
• 👍️ -- 皆の補集合 (2026-08-23 (日) 13:42:10)
• テスト -- 神 2026-10-04 (日) 09:01:34New
• QRコードには、黒色を使う代わりに `background-color: var(--text);` を使用することをお勧めします。 -- 神 2026-10-28 (水) 19:23:01New
  • @skinがdarkだと、QRコードがうまく読み込まれないことを確認したので、汎用性と見た目の観点からこのままにしておきます
    もしも他ページで使われるなら、そこのskinによって変えるのも良いと思います -- 皆の補集合 2026-10-29 (木) 20:40:23New
    • おかしいですね……背景とのコントラストが十分にあれば、白いQRコードでも読み取れるはずなのですが -- 神 2026-11-02 (月) 07:25:48New