差分

このページの2つのバージョン間の差分を表示します。

--- playground:wiki練習帳 [2025/11/09 23:37] – [表を画像ギャラリー的に使いたい]
+++ playground:wiki練習帳 [2026/01/27 11:14] (現在) – [表]
@@ 行 1: / 行 1: @@
-好きなようにいじくってwiki編集に慣れてみてねー。
+好きなようにいじくってwiki編集に慣れてね。
-ページにちょいちょい表示されてる「編集」ボタンからはその部分部分の編集ができて、記事全体の編集は画面右上の「Page」か画面右下の鉛筆マークから行えるよー。
+…でも中にはこの落書きみたいなページすらいじりたくない、っていう心優しい人がいるはず。
-とりあえずまずは見出しからいっくよー。
+そんな方は[[playground:完全なる落書き帳]]で編集を試してみてね。
+**今見てるページと上の「完全なる落書き帳」は編集しても編集履歴として残らない（このwikiトップページの変更履歴に載らない）**ので安心して遊び倒してね。
-====== 一番おっきな見出しだよー ======
+…んじゃ、まず新規ページの作成法を紹介した後、記法をちょっと紹介しておく。
-編集画面のイコールの数が、
-===== ちょっと弱なった見出しだよー =====
+====== 新規ページ作成方法 ======
-少なくなると、
+このページからリンクさせたいなーっていうページの編集画面（例えば新しく敵のページ作るなら敵一覧のページとか）に入り、今から作ろうとしているページのリンクを表示させたい位置に、
+<WRAP box purple>
+%%[[ページ名]]%%
+</WRAP>
+って半角カッコ？2個でページ名挟んで入力。んで保存するだけで新規ページ作成完了。
+後はその今編集した元ページに赤色のリンクができてるんで、それクリックしたら作りたい新規ページの編集画面に入れます。
-==== さらに弱くなった見出しだよー ====
+このwikiでは赤色のリンクは中身が空っぽのページ、緑色のリンクは中身があるページなのです。
-どんどん目立たない見出しに、
-=== もはや見出しじゃない見出しだよー ===
+\\
-なって、
+====== 記法 ======
+基本だいたい編集画面の上部にあるボタンでできる。
+それぞれ、
-== 生まれたての見出しだよー ==
+<WRAP box gray>
-いくよ。
+  * 見出し（左6）
+  * 箇条書き（左12、13）
+  * 太字（左1）
+  * リンク（左10）
+  * 画像（右8）
+  * 表（右4）
+  * 枠線（右2）
+  * 改行以上の行間をドカンと空けたい（%%\\%%）
+</WRAP>
-ちなみにここまでの見出しは編集画面アイコンの左から5つ目以降にあるなんかよくわからない青い縦じまのアイコンを、見出しにしたい行を選択後に押せば勝手にできるよー。
+のボタンでできる。
+「改行以上の行間をドカンと空けたい」だけボタンじゃ無理でバックスラッシュ（パソコンだと「￥」マーク）を2回「%%\\%%」と打つと行間を空けられます。
-====== 箇条書き ======
+===== 見出し =====
+イコールの数で見出しの大きさが変わります。
+<WRAP box white>
+====== 一番おっきな見出し ======
+===== 次に大きな見出し =====
+==== 中くらいの見出し ====
+=== もはや見出しじゃない見出し ===
+== ただの太字な見出し ==
+</WRAP>
+===== 箇条書き =====
   - 行頭にマイナスをつけると
   - 箇条書きに
-  - なるよー
+  - なる
     - マイナスの前に
     - 半角スペースを2つ入れると
-    - 入れ子の箇条書きになるよー
+    - 入れ子の箇条書きになる
       - どんどん入れ子に
-      - できるよー
+      - できる
   * 行頭に
   * アスタリスクで
   * 番号なし箇条書き
-  * になるよー
+  * になる
-箇条書きも箇条書きにしたい行を選択した後に、編集画面の上にあるアイコンのちょうど中央くらいおーにある漢字の「三」みたいなアイコン押せばできるよー。
+===== 画像 =====
+<WRAP box gray>
+キャラ一覧:screenshot_20251031-223253.png?direct&600
+</WRAP>
-====== 画像 ======
+こんな感じで編集画面上は表示されるけど、最後の「600」は好きな数字でOK。大きいほど画像が大きく表示される。
-画像は編集画面の上にあるアイコン、右から6個目の写真立てみたいなの押せばアップロードと挿入ができるよ。
+大きくしても画面からはみ出すとかスマホにしたら見切れるとかはない。
+あと、もちろん200とか小さくすると小さく表示される。
-ちなみに、選んだあと、
-  - キャラ一覧:screenshot_20251031-223253.png?direct&600
-こんな感じで編集画面上は表示されるんだけど、この最後の600を1600くらいまで上げればパソコンでもフルサイズになるよー。
 {{ :キャラ一覧:screenshot_20251031-223253.png?nolink&1600 |}}
-大きくしても画面からはみ出すとかスマホにしたら見切れるとかないんで安心してねー。
-あと、もちろん200とか小さくすると小さく表示されるよー。
 {{ :キャラ一覧:screenshot_20251031-223253.png?nolink&200 |}}
-でも画像のギガというかデータサイズは大きいままなんで小さく使いたい画像はパソコンやスマホでリサイズしてからアップロードしてねー。
+**//太字//__**===== 表 =====
-====== 表 ======
 ^ 本官は  ^ 隙だらけ  ^
 |         | だな！    |
-表は編集画面上のアイコン右から2つ目のやつでできるよー。
+エクセルライクに編集可能。
-急に別のエクセルみたいな編集画面にきりかわるからびっくりするよー。エクセルみたいに右クリックでセルの追加とかいろいろできるんでやってみてねー。
+右クリックでセルの追加、Alt+エンターで改行。
-あと表は一応スマホ時表示時には横スクロールできるようにしてあるんで列数が多くなっても大丈夫だよー。
+スマホ表示時自動で横スクロールできるようにしてあるんで列数が多くなってもOK。
-だよーんだよーん。
+===== その他 =====
+リンクとか文字色とかはもうなんか適当に触ってみてほしい。
+このwikiはdokuwikiというそれなりに有名らしいwiki（dokuってなんなんだろう…？）で動いていて「dokuwiki 記法」とかでググってもらっても記法の紹介記事が結構出てくるはず。
+（[[:aboutwiki|このwikiで使用できるプラグイン情報など]]）
-…ごめん深夜すぎてテンションおかしくなった。もう朝じゃん。
+\\
+===== オリジナル記法 =====
-====== その他 ======
-リンクとか文字の背景色とかはもうなんか適当に触ってみてください。
-このカオスゼロナイトメアwikiはdokuwikiっていうwikiで動いてるので「dokuwiki 記法」とかでググってもらったらもっと丁寧に解説してくれてるサイトが山ほど出てくるはず。
-質問してくれてもいいし独学してくれてもいい、…ただ俺自身が別にdokuwikiの専門学者じゃなくてただカオスゼロナイトメアのwiki作りたくて突貫工事で作ったのがこれなので、答えられなかったらごめんね。
-====== オリジナル記法 ======
 dokuwikiで動いてる、って書いたんだけど個人的にやりたいことがあったんでいくつかオリジナルの機能、というか記法を追加してる。
 そこらをサクッと。
-===== 画像の角を丸くしたい =====
+==== 画像の角を丸くしたい ====
 %%<%%WRAP chaozero-img-round%%>%%
 何かしらの画像
 %%<%%/WRAP%%>%%
-で書いてもらうとその中の画像の角がちょっとだけまあるくなる。このwikiのトップページの画像の角丸いと思うんだけど、あれになる。
-===== 表の罫線を消したい =====
+で書いてもらうとその中の画像の角がちょっとだけまあるくなる。
+このwikiのトップページの画像とかロビー画像ギャラリーの画像の角っこが丸いと思うんだけどあれになる。
+==== 表の罫線を消したい ====
 %%<%%WRAP chaozero-table-noborder%%>%%
 表
 %%<%%/WRAP%%>%%
-で書いてもらうとその中の表の罫線が全部消える。これまた、このwikiのトップページのキャラ一覧がそうなってるんで見本としてみてみてねー。よろよろー。
-===== 表を画像ギャラリー的に使いたい =====
+で書いてもらうとその中の表の罫線が全部消える。
+wikiのトップページのキャラ一覧やロビー画像ギャラリーのやつです。
+==== 表を画像ギャラリー的に使いたい ====
 %%<%%WRAP chaozero-table-gallery%%>%%
 表
 %%</%%WRAP%%>%%
-で書いてもらうと、表の各マスの中に入れた画像をきれいに画像ギャラリーっぽく表示してくれる。またまたこれもこのwikiのトップページのキャラ一覧がそうなってるんで見本としてみてみてね。
-ちなみにこの%%<%%WRAP%%>%%%%<%%/WRAP%%>%%は背景に色を付けたりできる優れもので、トップページの更新履歴とか公式サイトとかもこれで囲い枠を作ってる。
-これは普通に「dokuwiki wrap」で調べれば出てくる標準的な機能なんでここで書かなくてもいいかもだけど、例えば、
-  * %%<%%WRAP box pink%%>%%%%<%%/WRAP%%>%%
+で書いてもらうと表の各マスの中に入れた画像をきれいに画像ギャラリーっぽく表示してくれる。
+また縦横比も自動でトリミングするので写真適当に放り込んでくれてOK。
+これもwikiのトップページのキャラ一覧やロビー画像ギャラリーのやつですね。
-とすればピンク色の囲いで表示される。ほかの色も大体対応してるみたいなんで、blueとかいろいろやってみると楽しいと思う。
+…どんだけトップページのキャラ一覧にこだわってるんでしょうか。