差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

--- how_to_edit [2021/09/28 19:11]
user001 [はじめに]
+++ how_to_edit [2023/06/04 00:01] (現在)
user001
@@ ライン 1: / ライン 1: @@
 ====== Wiki編集方法 ======
 ===== はじめに =====
-Homescapesの攻略情報についてページの作成や編集をする有志を募集しております。
+Homescapesの攻略情報についてページの作成や編集をする有志を募集しています。
 当WikiはDokuWikiを使用しています。
-作成や編集はパソコンで行うのがおすすめです。
+作成や編集はパソコンを推奨しています。
 軽微な変更ならスマホからでも可能です。
 ===== ユーザー登録とログイン =====
@@ ライン 9: / ライン 9: @@
 ユーザー登録では以下の項目を入力してください。
 <WRAP box>
-ユーザー名
+**ユーザー名**
   * ログインに使用します。<color #ed1c24>登録後に変更することはできません。</color>
-フルネーム
+**フルネーム**
   * コメントや編集履歴で表示される名前です。変更可。
-メールアドレス
+**メールアドレス**
   * ログインパスワードが送られます。変更可。
 </WRAP>
@@ ライン 19: / ライン 19: @@
 送られてきたパスワードもログイン後に変更可能です。
-ログインしたらWikiを編集できるようになります。
+ログインするとWikiを編集できるようになります。
 ===== 新規ページを作る =====
+  * [[playground:playground]]で練習と確認が自由にできます。
 ==== サイドバー内で右クリック（推奨） ====
   - サイドバーの「メニュー」の中で、新規ページを作りたい場所の名前を右クリック
   - **新規ページ**または**作成→Custom Page**をクリック
     * {{:how_to_edit:新規ページ１.jpg?nolink&200|}}
-  - Insert the pagename to createというポップアップが表示されるので作成したいページ名を入力
+  - 「Insert the pagename to create」というポップアップが表示されるので作成したいページ名を入力
     * ここで入力したページ名がURLになるので**アルファベット推奨**
+++++その他ページ作成方法|
 ==== ページ上段のアイコンから ====
+この方法だとページが１つ以上存在する場所にしか追加できない。
   - ページ上段のページ追加アイコンをクリック
   - 新規ページを作りたい場所を選択
     * {{:how_to_edit:新規ページ２.jpg?nolink&150|}}
   - ページ名を入力(アルファベット推奨)
-この方法だとページが１つ以上存在する場所にしか追加できない。
 ==== URLに直接入力 ====
 <WRAP box>homescapes-wiki.com/events/yard_decoration</WRAP>
 に新しくページを作成（追加）したい場合、
 <WRAP box>homescapes-wiki.com/events/yard_decoration/●●●●</WRAP>
-●にページ名を入力（アルファベット推奨）
+●にページ名を入力（アルファベット推奨）するとページを作成（追加）できる。
-するとページを作成（追加）できる。
+++++
 ===== 新規ページ作成後 =====
 新規ページ作成時は**「このトピックには文書が存在しません」**と表示されます。
 画面右の<html><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="18" width="18"><path d="M13.118 16.118h3v-3h2v3h3v2h-3v3h-2v-3h-3zM20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z"></path></svg></html>から編集を始めることができます。
+編集画面になったら右下にある<html><img src="/lib/plugins/codemirror/settings.png"></html>を押して「元々のDokuWikiエディター」の**チェックを外すのがオススメ**です。
+編集画面の見出しなどが色分けされて見やすくなります。
+操作が不安な場合は[[playground:playground]]で練習と確認が自由にできます。
 <wrap hi>最初は見出しを作りましょう。</wrap>
 <code>====== 第一見出し ======</code>
 **最初の見出しがページ名として表示されます。**
 編集画面上部のツールバーの**H=**、**H<**、**H>**、**H#**ボタンを押すと簡単に見出しを作れます。
+++++H=、H<、H>、H#　解説|
+**H=**は直前の見出しと**同じ**階層の見出しを生成。
+**H<**は直前の見出しの**下**の階層の見出しを生成。
+**H<**は直前の見出しの**上**の階層の見出しを生成。
+**H#**は任意の見出しを**選択**して生成。
+++++
 あとは見やすいようにページの内容を書いてください。
-編集画面下部のプレビューを押すと確認できます。
+編集画面下部の「プレビュー」を押すと確認できます。
-ページが完成したら保存を押して完了です。
+ページが完成したら「保存」を押して完了です。
-===== 基本操作 =====
-  * **選択＆ドラッグで文字を移動**
-    * 編集画面内で移動させたい文字を選択してドラッグすると移動させることができる。
-  * **選択した文字を装飾**
-    * 装飾したい文字を選択してからツールバーにある太字などのボタンを押すと選択した文字を装飾できる。
 ===== ページ関連 =====
 ==== ページを消去 ====
@@ ライン 68: / ライン 78: @@
 「編集中の文書はロック期限を過ぎようとしています。このままロックする場合は、一度文書の確認を行って期限をリセットしてください。」
 というポップアップが表示されます。
-プレビューを押すとロック期限がリセットされます。
+プレビューを押すと**ロック期限がリセット**されます。
-時間をかけて編集する場合は時々プレビューボタンを押してください。
+時間をかけて編集する場合は時々プレビューボタンを押しましょう。
+===== 編集画面の基本操作 =====
+  * **Ctrl+Z(元に戻す)**
+    * 直前の操作を取り消す
+  * **Ctrl+Shift+Z(やり直し)**
+    * Ctrl+Zの操作をやり直す
+  * **選択したテキストを移動、複製**
+    * 編集画面内で選択したテキストをドラッグすると移動させることができる。
+    * Ctrlを押しながらすると複製することができる。
+  * **選択したテキストを装飾**
+    * 装飾したいテキストを選択してからツールバーにある太字などのボタンを押すと選択した文字を装飾できる。
+  * **マルチカーソル**
+    * Ctrlを押しながらクリックするとをカーソルを増やすことができる。一括で同じ編集をしたいときに。
 ===== 基本構文 =====
 DokuWikiの基本的な構文については[[https://www.dokuwiki.org/ja%3Asyntax|Dokuwiki公式サイト]]を参照してください。
@@ ライン 84: / ライン 106: @@
 見出し２
 </code>
-=== 実際の表示 ===
+=== 表示結果 ===
 <WRAP box>
 見出し１
@@ ライン 95: / ライン 117: @@
 ===== 追加構文（プラグイン） =====
 このWikiに追加でインストールされているプラグインを一部説明。
-==== Color Plugin ====
-[[https://www.dokuwiki.org/plugin:color|Color Plugin]]
-文字色や文字背景色を変えることができます。
-ツールバーの<html><img src="/lib/images/toolbar/../../plugins/color/images/toolbar_icon.png" alt="" width="16" height="16"></html>ボタンを押すとあらかじめ用意された色が表示されます。
-色を指定したい場合は[[wp>X11_color_names#Color_name_chart|Color name chart]]のカラーネーム、16進数カラーコード、RGB、HSLを使うことができます。
-<code>
-<color green>text-1</color>
-<color blue/lightgrey>text-2</color>
-<color #FF0000>text-3</color>
-<color /#FFff00>text-4</color>
-<color rgb(80%,0%,0%)/rgb(100%,80%,100%)>text-5</color>
-<color rgb(0,0,100)/rgb(200,255,255)>text-6</color>
-<color hsl(120,100%,30%)/hsl(180,50%,90%)>text-7</color>
-</code>
-<fs 2em>
-<color green>text-1</color> <color blue/lightgrey>text-2</color> <color #FF0000>text-3</color> <color /#FFff00>text-4</color> <color rgb(80%,0%,0%)/rgb(100%,80%,100%)>text-5</color> <color rgb(0,0,100)/rgb(200,255,255)>text-6</color> <color hsl(120,100%,30%)/hsl(180,50%,90%)>text-7</color>
-</fs>
 ==== Wrap Plugin ====
 [[https://www.dokuwiki.org/plugin:wrap|Wrap Plugin]]
-段組み、<wrap hi>ハイライト表示</wrap>、<wrap em>特に強調表示</wrap>、<wrap lo>非強調（薄色表示）</wrap>などが簡単にできます。
+<wrap hi>ハイライト表示</wrap>、<wrap em>特に強調表示</wrap>、<wrap lo>非強調（薄色表示）</wrap>などが簡単にできます。
+段組みを作成することもできます。
 ツールバーの<html><img src="/lib/images/toolbar/../../plugins/wrap/images/toolbar/picker.png" alt="" width="16" height="16"></html>ボタンからアクセスできます。
 より詳しい使い方は上記のリンク先を参考にしてください。
+++++段組み例|
 === ２段組み ===
 <WRAP group>
@@ ライン 170: / ライン 177: @@
 </WRAP>
 </code>
-==== Edit Table Plugin ====
+++++
-[[https://www.dokuwiki.org/plugin:edittable|Edit Table Plugin]]
-表を作成するときはツールバーの<html><img src="/lib/images/toolbar/../../plugins/edittable/images/add_table.png" alt="" width="16" height="16"></html>ボタンから作るのがオススメです。
-エクセル風の操作感で表を作ることができます。
-表で右クリックすると様々なコマンドが使えます。
-{{:how_to_edit:表１.jpg?nolink&200|}}
-表の中で**Alt + Enter**を押すと改行できます。
-保存を押すとDokuWikiの構文に変換されて保存されます。
-表を再び編集したいときは、表の下の編集ボタンを押すとエクセル風に編集することができます。（プレビュー画面では表の下に編集ボタンは表示されません）
-{{:how_to_edit:表２.jpg?nolink&100|}}
-==== IndexMenu Plugin ====
-[[https://www.dokuwiki.org/plugin%3Aindexmenu|IndexMenu Plugin]]
-メニューをツリー状に表示できるプラグインですが、ここではページの並び順を変えるために使います。
-ツールバーの<html><img src="/lib/images/toolbar/../../plugins/indexmenu/images/indexmenu_toolbar.png" alt="" width="16" height="16"></html>ボタンを押すと「Indexmenuウィザード」が表示されます。
-一番下の「**ソート用Meta number**」の「**Meta numberの追加**」を押します。
-<code>{{indexmenu_n>1}}</code>
-この数字の大きい順に並び変わるように設定しています。
-例えば期間限定イベントのページを作る場合、新しいイベント順に並べたいのでイベント開始日を西暦から入力します。
-<code>{{indexmenu_n>20201205}}</code>
-わかりやすいようにページの一番上に書いておきましょう。
 ==== Folded Plugin ====
 [[https://www.dokuwiki.org/plugin:folded|Folded Plugin]]
 クリックすると展開できる要素をつくることができます。
-何か隠したい場合や、表示スペースを節約したい場合はこの構文を使うといいです。
+何か隠したい場合や、表示スペースを節約したい場合はこの構文が便利です。
 ++++タイトル|
 サンプル画像
@@ ライン 204: / ライン 192: @@
 ++++
 </code>
+==== Edit Table Plugin ====
+[[https://www.dokuwiki.org/plugin:edittable|Edit Table Plugin]]
+エクセル風の操作感で表を作ることができます。
+表を作成するときはツールバーの<html><img src="/lib/images/toolbar/../../plugins/edittable/images/add_table.png" alt="" width="16" height="16"></html>ボタンから作ることができます。
+この表には**エクセルやグーグルスプレッドシートからコピーして貼り付けることができます。**
+そちらで作った方が操作性が断然良いのでオススメです。
+DokuWikiの表（Web上の表示）をコピーしてエクセルやスプレッドシートに貼り付けることもできます。
+表の編集画面で右クリックすると様々なコマンドが使えます。
+{{:how_to_edit:表１.jpg?nolink&200|}}
+表の中で**Ctrl + Enter**または**Alt + Enter**を押すと改行できます。
+保存を押すとDokuWikiの構文に変換されます。
+再び編集したいときは、表の下にある編集ボタンを押すとエクセル風に編集することができます。（プレビュー画面では表の下に編集ボタンが表示されません）
+{{:how_to_edit:表２.jpg?nolink&100|}}
+==== IndexMenu Plugin ====
+[[https://www.dokuwiki.org/plugin%3Aindexmenu|IndexMenu Plugin]]
+メニューをツリー状に表示できるプラグインですが、ここでは**ページの並び順を変える**ために使います。
+ツールバーの<html><img src="/lib/images/toolbar/../../plugins/indexmenu/images/indexmenu_toolbar.png" alt="" width="16" height="16"></html>ボタンを押すと「Indexmenuウィザード」が表示されます。
+一番下の「**ソート用Meta number**」の「**Meta numberの追加**」を押します。
+<code>{{indexmenu_n>1}}</code>
+この数字の大きい順に並び変わるように設定しています。
+例えば期間限定イベントのページを作る場合、新しいイベント順に並べたいのでイベント開始日を**西暦月日**（0埋め）で入力します。
+<code>{{indexmenu_n>20201205}}</code>
+わかりやすいように作成したページの編集画面の一番上に書いておきましょう。
+この番号は通常画面には表示されません。
 ==== Comment Plugin ====
 [[https://www.dokuwiki.org/plugin:comment|Comment Plugin]]
@@ ライン 227: / ライン 240: @@
 で囲まれた部分は見えなくなります。
 </WRAP>
+==== Color Plugin ====
+[[https://www.dokuwiki.org/plugin:color|Color Plugin]]
+文字色や文字背景色を変えることができます。
+ツールバーの<html><img src="/lib/images/toolbar/../../plugins/color/images/toolbar_icon.png" alt="" width="16" height="16"></html>ボタンを押すとあらかじめ用意された色が表示されます。
+色を指定したい場合は[[wp>X11_color_names#Color_name_chart|Color name chart]]のカラーネーム、16進数カラーコード、RGB、HSLを使うことができます。
+<code>
+<color green>text-1</color>
+<color blue/lightgrey>text-2</color>
+<color #FF0000>text-3</color>
+<color /#FFff00>text-4</color>
+<color rgb(80%,0%,0%)/rgb(100%,80%,100%)>text-5</color>
+<color rgb(0,0,100)/rgb(200,255,255)>text-6</color>
+<color hsl(120,100%,30%)/hsl(180,50%,90%)>text-7</color>
+</code>
+<fs 2em>
+<color green>text-1</color> <color blue/lightgrey>text-2</color> <color #FF0000>text-3</color> <color /#FFff00>text-4</color> <color rgb(80%,0%,0%)/rgb(100%,80%,100%)>text-5</color> <color rgb(0,0,100)/rgb(200,255,255)>text-6</color> <color hsl(120,100%,30%)/hsl(180,50%,90%)>text-7</color>
+</fs>
+==== Video Share Plugin ====
+[[https://www.dokuwiki.org/plugin:vshare|Video Share Plugin]]
+YouTubeなどの動画をDokuWiki内に埋め込むことができる。
+<code>{{youtube>xxxxxxxxxxx}}</code>
+YouTubeなら「watch?v=」以下にある動画IDを「xxxxxxxxxxx」の部分に入れることで埋め込むことができます。