AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/後編の編集

[[AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座]]

#menu(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/メニューバー)

#contents

*後編 AARを作ってみよう！ [#c99e7118]

さて、前編では基礎的な編集の方法について説明したが、後編ではいよいよAARの作り方について解説していこう。

**ページを作ってみよう [#ae8c1d6d]

まずAARを作るにあたって、本体となるページを作らなくては始まらない。
しかしその作り方を説明する前に、説明の理解に必要な知識である、wiki内のページ構造について軽く解説しておこう。
wikiを読んできた読者諸氏の中には直感的に理解している方もいると思うが、wikiのページは入れ子構造になっている。
例えばAARのページの中には様々なAARが乗っており、その中の本AARのページには前編、後編、おまけのページが含まれている。
このマトリョシカのうち、あるページを内包しているページを''親階層のページ''、内包されているページを''子階層のページ''という。((子階層でないページのリンクが乗っていることもあるが、違いはページ名の頭に親階層のページ名がついているかどうか。例えば本AARトップページの名前にはAAR/とついている))

***新しいページの作り方　其の一 [#q52d679f]

さて、新しくページを作る方法は3種類あるが、このページではその内よく使われるであろう二つを紹介する。
今回はAARを作るということで、まずはAARのページを開いて、ページ最上部のメニューを見てほしい。

&ref(AARページメニュー.jpeg);

新規と書いてあるのが見えるはずだ。まずはそれをクリックしよう。すると以下のページに移る。

&ref(ページ新規作成.jpeg);

表示されている枠の中に作成したいページの名前を打ち込んで、横の編集をクリックすればそのページの編集画面に移る。
だが、ここではAARのページを作るということなので、打ち込んだ名前の頭に、次のように打ち込んでほしい。

&ref(子階層ページの作り方.jpeg);

./作成したいページの名前

このように打ち込むことで、新規をクリックしたときのページ((この場合はAARのページ))の''子階層にページが作成される''。
子階層化することで、最新の100件に表示されるときなどにページ名の頭に親階層のページ名が表示されるようになる。
なお、

親階層のページ名/作成したいページの名前

このように打ち込んでも、同じく階層化される。

さて、名前が決まったら次にページの中身を作っていこう。((紹介すると書いた二つのページの作り方のうち、もう片方は少し後回しにする))
編集をクリックしてくれ。

&ref(AAR初心者講座前編編集前.jpeg);

ここに表示されているものは、前編で紹介した編集画面と全く同一のものだ。
ここに打ち込んだものは基本的にそのまま実際のページに反映されるが、wikiのルールに則って適切な記述を行うと、
&size(25){文字の大きさを変えたり};&color(red){色を付けたり};、様々な効果を付与することができる。

それで、そのルールは以下のページに乗っている。

[[テキスト整形のルール>FormattingRules]]
[[プラグインマニュアル(1.4)>PukiWiki/1.4/Manual/Plugin]]

…軽い気持ちで覗いてみたら予想以上にたくさんあって、これ全部覚えなきゃいけないの！？と思った方もいるだろう。
安心してほしい、''そんなわけがない''。正直筆者は半分も覚えていない。

***テキスト整形のルールについて [#q6dd08c7]

[[テキスト整形のルール>FormattingRules]]や[[プラグインマニュアル(1.4)>PukiWiki/1.4/Manual/Plugin]]はいわば辞書であり、wikiで使えるテキスト整形やコマンド等のプラグインが網羅されているが、滅多に使われないものも少なくない。
例えば&heart;とか&bigsmile;なんていうのもあるが、正直使われているところを見たこともない。
AARを作ったりwikiを編集する分には、比較的易しい[[テキスト整形のルール>FormattingRules]]を軽く眺めて使えそうなものだけメモっておくくらいで十分である。

それと、''ブロック要素''、''インライン要素''とは何ぞや、ということも軽く説明しておく。

ざっくり言えば、ブロック要素は見出しや表など、主に文章を仕切るのに使うものをまとめた呼び名で、
インライン要素はその逆に、強調や注釈など、文章そのものや、それに付随する効果をまとめたものだ。
[[テキスト整形のルール>FormattingRules]]の説明にはこの言葉が終始ついて回るので、覚えておいて損はない。

さて、少し脱線してしまったが話を戻そう。
テキスト整形のルールは数多くあるが、多用するのは一握りである。
本ページではその中でもAAR作成に必須と言えそうなものを紹介するぞ！

**テキスト整形でページを飾り付けよう [#d3097ebd]

ここで紹介するテキスト整形はたった三つ、テキスト整形を使った新規ページ作成方法と見出し、そして添付画像の表示だ。

***新しいページの作り方　其の二 [#j1e6eb15]

新しいページの作り方と謳ってはいるが、正確に言うとエイリアスの貼り方である。
エイリアスというのは何かというと、wiki内の指定した場所へのリンクであり、要するに[[これ>#j1e6eb15]]のことである。
上の行のエイリアスは、このページの『新しいページの作り方　其の二』のアンカー((下で説明する見出しにつく、ページの中の番地にあたるもの))に飛ぶようになっている。

エイリアスを作るには、以下のように打ち込む。

[[エイリアス名>ページ名#アンカー名]]

エイリアス名の部分には好きな言葉を打ち込もう。例えばさっきのエイリアスでは『これ』と打ち込んである。
ページ名の部分でページを指定し、アンカー名の部分でそのページ内のアンカーを指定できる。

『#アンカー名』は必要なければ省略できる。
また、ページ名を省略するとそのエイリアスのあるページ内のアンカーを指定できる。

それでこのページ名の部分にまだ存在しないページ名を打ち込む、例えば下のように打ち込むと、

&ref(ページ作成方法其の2.jpeg);

その編集を反映したページでは下のように表示される。

&ref(未作成のページ.jpeg);

この黄色くなっているエイリアスをクリックすることで、そのページの編集画面に移ることができる。
AARが複数話に分かれているときなどは、この機能を使うと便利だぞ！((その場合、ちゃんと階層化されるように『親階層のページ名/』をつけておこう。親階層のページに更に親階層のページがある場合はそれも含めて入力しないと正しく階層化されないので注意))

***見出しの作り方 [#h4da884e]

紹介の前に、見出しというのがどれのことを指しているか教えておこう。

&ref(見出し大.jpeg);

これとか

&ref(見出し中.jpeg);

これとか

&ref(見出し小.jpeg);

これのことだ。wikiを読んでいるとよく目にすると思う。
これを表示するには、以下のように打ち込むといい。

*インライン要素
 **インライン要素
 ***インライン要素

~*が一つで大きな見出し、二つで中くらいの見出し、三つで小さい見出しが表示される。
この見出しはテキスト整形で目次を作成したとき、自動で入れ子状に並べられる。((目次の作り方についてはおまけを参照))
また、編集を完了した後、自動でアンカーが後ろに着けられるぞ！((お尻についてる十字マークと、編集画面で見られる英数字の番地。よそのページの編集画面を見て、これが何なのか筆者がしばらく悩んだのは内緒))

***画像を表示しよう [#p7e126ae]

AARには、ゲームプレイ画面のスクリーンショットをはじめとして、様々な画像が使われている。
一つもなかったとしてもAARを作ることは可能だが、やはりいくらかはあった方が画面に華が出るだろう。

さて、画像を表示するには、外部のリンクを使う方法と、wiki内に添付した画像を使う方法がある。
筆者は後者を使用しているが、両者の違いも含めて説明しよう。

まずは外部リンクを使う方法だが、次のように打ち込めばよい。

&ref(ファイルのURL);

この方法の特徴は、画像データが外部にあるため、wikiのサーバーに負担をかけにくいことだ。
また、添付画像を使う場合と比べて、画像のアップロードが楽に行えることも長所だ。
一方で、一部のサイトでは画像の保存期間を設けている場合もあり、期限が切れると画像が見られなくなってしまう欠点がある。
そのサイトのサービスが終了した際などについても同様のことが言える。

[[imgur>https://imgur.com/]]というサイトでは無料・無期限・無制限で画像をアップロードできるため、外部のサイトの中では使い勝手がよさそうだ。((ログインの必要もないらしい。筆者は使用したことがないため、使い方については各自で調べてほしい))

次に、wiki内に添付した画像を使う方法だ。こちらは次のように打ち込む。

&ref(添付ファイルの名前);

説明の都合で二つに分けたが、ファイルのURLが添付ファイルの名前に置き換わっただけだ。
こちらの特徴は、外部の画像を使う場合とは逆に期限切れを気にする必要がないことにある。
ただし、画像は一つずつ添付しなければならないし、wikiのサーバーに多少の負担をかける。
stellarisやHoI2のwikiにあるAARなど、昔のAARに外部の画像を使うものが多い理由の一端もそこにある。
そのため、アップロードできる最大ファイルサイズは1,024KBと結構厳しめだ。画像を圧縮するなどの工夫が必要になることもある。
なお、現在のwikiのサーバーは昔と比べて強くなっているため、負担についてはさほど気にする必要はない。
どちらを使うかは好みの問題の範疇だろう。

さて、ここまで読んで気が付いた方もいるだろうが、まだ画像を添付する方法を説明していない。
どうして説明していないのかというと、基本的に添付する場所はその画像を使うページとなるのだが、
''編集を終わらせてページが存在する状態にしないと画像を添付できない''ためだ。
そういう訳で、これを見ながらAARを実際に作っている場合((そういう人はそうそう居ないだろうが))、''編集を完了させてから''次の工程に移ろう。

**画像を添付しよう [#m568e4b3]

画像を添付するにあたって、まずは添付したい画像ファイルを用意してくれ。
スクリーンショットをそのままアップしても構わないし、いくらか加工しても問題ない。
なお、本AARでは画像の加工方法については扱わない。ここでは純粋に添付する方法のみを説明しようと思う。
%%むしろ誰か画像加工の何たるかを教えてくれ%%

***実践あるのみ [#b6c4571b]

まず、画像を添付したいページの最上部のメニューを見てくれ。

&ref(本AARページメニュー.jpeg);

その中にある添付をクリックだ。すると以下の画面になる。

&ref(添付画面.jpeg);

ファイルの選択をクリックして添付したい画像を選ぼう。選べたらアップロードをクリックだ。
添付ファイルの名前を編集の段階で打ち間違えていなければ、これで指定した場所に画像が表示される。

&ref(画像が表示された.jpeg);

名前が間違っていた場合はその旨が表示されているので、編集で直しておこう。
そして、これを''表示させたい画像の数だけ繰り返そう''。
…面倒だと思う人の気持ちもわからんでもない。

**画像表示の細かいテクニック [#ya6bc3d7]

さて、最もシンプルな画像表示方法を解説したわけだが、wiki内の別ページに添付された画像を表示したり、その他細かいテクニックも存在する。
こちらについては[[テキスト整形のルール>FormattingRules#v181e939]]を各自参照してくれ…と言いたいところだが、筆者が実際に使ってみたところ''一部陳腐化している''ようだ。
というわけで%%説明が面倒くさい%%超初心者向けとしては蛇足となるが、それらのテクニックもまとめて紹介しようと思う。

***別ページの添付画像を表示する [#e218f318]

まずは別ページの添付画像を表示する方法だ。ここでは本AARトップページの真っ白な灰になったジョーを召喚する。
[[テキスト整形のルール>FormattingRules#v181e939]]には下のように書けば表示される、と書いてある。

&ref(添付ファイルの名前,添付ファイルのページ);

しかし現在ではこの方法は''陳腐化している''。試しにこの方法でジョーを呼び出してみると、下記のように表示される。

&ref(真っ白な灰に.jpeg,AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座);

はい、ご覧の通り英文で『そのやり方は曖昧だったから陳腐化したよ！』と言われる(意訳)。
ではどうするかというと、その後ろに書いてあるように、代わりにこのように記述すればよい。

&ref(添付ファイルのページ/添付ファイルの名前);

このように書き直すと、

&ref(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/真っ白な灰に.jpeg);

ちゃんと表示されるようになる。

***画像のリンクを付けずに画像を表示する [#wd708cac]

デフォルトでは画像に自動でリンクが付き、画像をクリックするとその画像のもととなる画像ファイルが表示されるようになっている。
細かい画像を多用して、それらにいちいちリンクが付いているとうっとうしい場合などは、下のように書き込もう。

&ref(添付ファイルのページ/添付ファイルの名前,nolink);

上のように書くと、下のようになる。

&ref(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/真っ白な灰に.jpeg,nolink);

さっきのジョーの画像と異なり、左クリック((スマホの場合はタップ))をしても画像ページに移らないことがわかる。
同じページの添付画像を表示させる場合は、『添付ファイルのページ/』は省略可能だ。

***画像にマウスオーバーした際表示される言葉を変える [#u8aa66d1]

画像にマウスオーバーした際((スマホの場合は画像を長押しした際))、デフォルトでは画像の名前が表示されるが、画像の名前の代わりに好きな言葉を表示させることができる。

&ref(添付ファイルのページ/添付ファイルの名前,好きな言葉);

&ref(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/真っ白な灰に.jpeg,燃え尽きたぜ…真っ白にな…);

こちらもnolink同様、同じページの添付画像を表示させる場合『添付ファイルのページ/』は省略可能。
またnolinkと併用可能で、その場合は『,nolink』の後に『,好きな言葉』と付けよう。

&ref(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/真っ白な灰に.jpeg,nolink,あきらめたらそこで試合終了ですよ);
&size(10){nolinkとの併用バージョン};

*総括 [#i9fea827]

さて、ここまでの技術を身に着けることができたならば、貴方も一端のwiki編集者であり、AARを作ることもできるはずだ。
''ね、簡単でしょ？''少なくとも当初思っていたよりはハードルが下がったはずだ。
これ以上の技術を身に着けるには、[[pukiwiki公式の使い方解説>https://pukiwiki.osdn.jp/?PukiWiki%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9]]や[[テキスト整形のルール>FormattingRules]]を改めて読んでみるといい。
ここで身に着けた技術を活かしていってくれれば、それに勝る喜びはない。

…とまぁ、ここで本AARを終了しても問題ないのだが、説明していないテキスト整形ルールが多いのも事実だ。
''あれ''とか&size(20){それ};とか%%これ%%とか、説明していないものの中にも実用性の高いものは多い。
そこで、おまけとしてAARでよく使われるであろうテキスト整形ルールを紹介しようと思う。
[[テキスト整形のルール>FormattingRules]]に載っているものをかみ砕いて説明するので、活用してほしい。

~
~
----
[[次回　おまけ-よく使うテキスト整形ルール紹介>AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/おまけ]]
~
*コメント欄 [#f5ca8baf]

本AAR内共通のコメントページにコメントが追加され、コメントは返信時にコメント返信欄に移します。

#pcomment(Comments/AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座,5);

タイムスタンプを変更しない

[[AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座]]

#menu(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/メニューバー)

#contents

*後編 AARを作ってみよう！ [#c99e7118]

さて、前編では基礎的な編集の方法について説明したが、後編ではいよいよAARの作り方について解説していこう。

**ページを作ってみよう [#ae8c1d6d]

***新しいページの作り方　其の一 [#q52d679f]

&ref(AARページメニュー.jpeg);

新規と書いてあるのが見えるはずだ。まずはそれをクリックしよう。すると以下のページに移る。

&ref(ページ新規作成.jpeg);

&ref(子階層ページの作り方.jpeg);

./作成したいページの名前

親階層のページ名/作成したいページの名前

このように打ち込んでも、同じく階層化される。

&ref(AAR初心者講座前編編集前.jpeg);

それで、そのルールは以下のページに乗っている。

[[テキスト整形のルール>FormattingRules]]
[[プラグインマニュアル(1.4)>PukiWiki/1.4/Manual/Plugin]]

***テキスト整形のルールについて [#q6dd08c7]

それと、''ブロック要素''、''インライン要素''とは何ぞや、ということも軽く説明しておく。

**テキスト整形でページを飾り付けよう [#d3097ebd]

ここで紹介するテキスト整形はたった三つ、テキスト整形を使った新規ページ作成方法と見出し、そして添付画像の表示だ。

***新しいページの作り方　其の二 [#j1e6eb15]

エイリアスを作るには、以下のように打ち込む。

[[エイリアス名>ページ名#アンカー名]]

『#アンカー名』は必要なければ省略できる。
また、ページ名を省略するとそのエイリアスのあるページ内のアンカーを指定できる。

それでこのページ名の部分にまだ存在しないページ名を打ち込む、例えば下のように打ち込むと、

&ref(ページ作成方法其の2.jpeg);

その編集を反映したページでは下のように表示される。

&ref(未作成のページ.jpeg);

***見出しの作り方 [#h4da884e]

紹介の前に、見出しというのがどれのことを指しているか教えておこう。

&ref(見出し大.jpeg);

これとか

&ref(見出し中.jpeg);

これとか

&ref(見出し小.jpeg);

これのことだ。wikiを読んでいるとよく目にすると思う。
これを表示するには、以下のように打ち込むといい。

*インライン要素
 **インライン要素
 ***インライン要素

***画像を表示しよう [#p7e126ae]

まずは外部リンクを使う方法だが、次のように打ち込めばよい。

&ref(ファイルのURL);

次に、wiki内に添付した画像を使う方法だ。こちらは次のように打ち込む。

&ref(添付ファイルの名前);

**画像を添付しよう [#m568e4b3]

***実践あるのみ [#b6c4571b]

まず、画像を添付したいページの最上部のメニューを見てくれ。

&ref(本AARページメニュー.jpeg);

その中にある添付をクリックだ。すると以下の画面になる。

&ref(添付画面.jpeg);

&ref(画像が表示された.jpeg);

**画像表示の細かいテクニック [#ya6bc3d7]

***別ページの添付画像を表示する [#e218f318]

&ref(添付ファイルの名前,添付ファイルのページ);

しかし現在ではこの方法は''陳腐化している''。試しにこの方法でジョーを呼び出してみると、下記のように表示される。

&ref(真っ白な灰に.jpeg,AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座);

&ref(添付ファイルのページ/添付ファイルの名前);

このように書き直すと、

&ref(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/真っ白な灰に.jpeg);

ちゃんと表示されるようになる。

***画像のリンクを付けずに画像を表示する [#wd708cac]

&ref(添付ファイルのページ/添付ファイルの名前,nolink);

上のように書くと、下のようになる。

&ref(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/真っ白な灰に.jpeg,nolink);

***画像にマウスオーバーした際表示される言葉を変える [#u8aa66d1]

&ref(添付ファイルのページ/添付ファイルの名前,好きな言葉);

&ref(AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/真っ白な灰に.jpeg,燃え尽きたぜ…真っ白にな…);

*総括 [#i9fea827]

~
~
----
[[次回　おまけ-よく使うテキスト整形ルール紹介>AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/おまけ]]
~
*コメント欄 [#f5ca8baf]

本AAR内共通のコメントページにコメントが追加され、コメントは返信時にコメント返信欄に移します。

#pcomment(Comments/AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座,5);

テキスト整形のルールを表示する

AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/後編 の編集

AAR/これさえ読めばAARが作れる！超初心者向けAAR作成講座/後編の編集