View source for さくらインターネット「さくらのレンタルサーバ」にMediaWikiをインストールして、Wikipedia風Wikiを構築する方法

== 事前準備 ==
=== データベースの作成 ===
まず事前に'''データベース'''の新規作成をしておきます。

コントロールパネルにログインしてから、'''「Webサイト/データ」'''→'''「データベース」'''

[[File:Cp2.png|600px]]


'''「新規作成」'''からデータベースを新規作成。

[[File:Db.png|600px]]


上図の①-④は、MediaWikiのセットアップ (インストール) 時に入力するので、記憶/記録するなり、このページをブラウザの別タブで開いておくなりして下さい。
* ①'''データベースURL''' : mysql''XX''.''aaaaa''.sakura.ne.jp
* ②'''データベースユーザ名''' : ''aaaaa''
* ③'''接続先パスワード''' : ''xxxxxxxxx''
* ④'''データベース名''' : ''aaaaa_bbbbb''


=== 独自ドメインの用意 ===
次に、MediaWikiをインストールした場合、'''デフォルト'''のURLは、ページ表示が「'''http://''aaaaa''.sakura.ne.jp/''Folder1''/''Folder2''/index.php/''PageTitle'''''」で、編集時が「'''http://''aaaaa''.sakura.ne.jp/''Folder1''/''Folder2''/index.php?title=''PageTitle''&action=edit'''」といった、'''不格好で長ったらしいもの'''になってしまうわけですが、これを'''Wikipedia風'''に、
* ページ表示が「'''http(s)://wiki.''yyy''.org/wiki/''PageTitle'''''」で、
* 編集時が「'''http(s)://wiki.''yyy''.org/w/index.php?title=''PageTitle''&action=edit'''」
といったような、'''短く簡潔でかっこいい'''、いわゆる'''「ショートURL」'''に仕上げるためには、'''事前に独自ドメインを用意しておく'''ことが推奨されます。


まだ有料で独自ドメインを購入するほどではない人の場合、さくらインターネットの「さくらのレンタルサーバ」では、利用者が「さくらインターネットが提供する60種類のドメインに、好きなサブドメインを加えた独自ドメイン」を、2つまで取得/利用できる無料サービスを提供しているので、それを活用するといいでしょう。

(※ただし、この無料ドメインには、SSL (https) を設定できないので、SSL (https) を設定したい場合は、さくらインターネットなり、他社なりで、有料で独自ドメインを購入する必要があります。)

[[File:Dm1.png|500px]]


[[File:Dm2.png|500px]]


[[File:Dm3.png|500px]]


そして、'''MediaWikiのフォルダ''' (Folder2) を'''入れる予定のフォルダ''' (Folder1) の'''名前'''を、ドメイン一覧ページの「設定」から指定しておきます。

名前は何でも構いません。「'''''xxxx''wiki'''」といったように、他のフォルダと区別できる分かりやすい名前を付けておけば十分です。

[[File:Dm4.png|700px]]


== MediaWikiのダウンロード ==
[https://www.mediawiki.org/wiki/MediaWiki/ja '''MediaWikiの公式サイト''']の[https://www.mediawiki.org/wiki/Download/ja '''ダウンロードページ''']から、MediaWiki (.tar.gzファイル) をダウンロードします。

2021年2月現在、最新の安定版は「'''MediaWiki 1.35.1'''」、旧版の長期間サポートは「'''MediaWiki 1.31.12'''」となっていますが、現在の「さくらのレンタルサーバ」の環境との相性で言うと、前者の「'''MediaWiki 1.35.1'''」は、SSL (https) のURLを使おうとした際に不具合が出たので、SSL (https) のURLを使いたい人は、後者の「'''MediaWiki 1.31.12'''」を使っておいた方が無難だと思います。(以下でも、説明に「MediaWiki 1.31.12」を使うことにします。)

[[File:Download.png|900px]]


== MediaWikiのアップロードと解凍 ==
続いて、ダウンロードしたMediaWiki (.tar.gzファイル) を、「FFFTP」などのFTPソフト (ファイル転送ソフト) を使って、「さくらのレンタルサーバ」側へとアップロードします。'''FTP'''用の'''パスワード'''などは、最初にさくらインターネットに登録した際の「'''仮登録メール'''」に記載されています。

10秒-20秒ぐらいで、アップロードは完了するでしょう。

(※MediaWikiの.tar.gzファイルは、数十メガの大きさなのに対し、「さくらのレンタルサーバ」側の「ファイルマネージャー」のアップロード機能は、5メガが上限なので、FTPソフトでないとアップロードできません。)

[[File:Ftp.png]]


アップロードが終わったら、「ファイルマネージャー」を開きます。

[[File:Fm.png]]


まず先に、MediaWikiの解凍フォルダ (Folder2) を入れるフォルダ (Folder1) を作ります。フォルダの名前は、もちろん先に[[#.E7.8B.AC.E8.87.AA.E3.83.89.E3.83.A1.E3.82.A4.E3.83.B3.E3.81.AE.E7.94.A8.E6.84.8F|'''独自ドメイン設定''']]した際に指定したものと同じ名前 (「'''''xxxx''wiki'''」) でなくてはいけません。

ここではとりあえず「testwiki」という名前のフォルダを作って説明していきます。

[[File:Fm2.png|600px]]


フォルダ (Folder1) を作ったら、その中にMediaWikiのフォルダ (Folder2) を解凍・展開します。

先ほどアップロードしたMediaWikiファイル (.tar.gz) を右クリックし、「'''リモートで解凍'''」から、作ったフォルダ (Folder1) を指定して実行するだけです。

10秒-20秒ぐらいで、解凍・展開は完了するでしょう。(※解凍・展開が終わったら、アップロードしたMediaWikiファイル (.tar.gz) は不要になるので、削除してしまって構いません。)

これで、作ったフォルダ (Folder1) の中に、「'''mediawiki-1.3''x''.''x'''''」といった名前の、MediaWikiのフォルダ (Folder2) が作られました。

[[File:Fm3.png]]


wikiのURLを、'''Wikipedia風'''の「'''ショートURL'''」に仕上げるためには、ここでMediaWikiのフォルダ (Folder2) の名前を、「mediawiki-1.3''x''.''x''」から「'''w'''」へと、変更しておく必要があります。

以上で、セットアップ (インストール) 前の下準備は完了です。

[[File:Fm4.png]]


== MediaWikiのセットアップ (インストール) ==
先ほど「w」へと名前を変更したMediaWikiのフォルダ (Folder2) をクリックして、中身を参照します。

[[File:Fm5.png]]


「'''index.php'''」を右クリックし、「'''Webページとして開く'''」をクリックすると、セットアップ (インストール) 画面が表示されます。

[[File:Fm6.png]]


この画面からセットアップ (インストール) 作業を開始します。

[[File:Su.png]]


まずは言語です。セットアップ (インストール) 作業の言語は「ja - 日本語」のままでいいでしょうが、作られるWikiのメニュー言語は、英語に苦手感が無い人は、「en - English」にするのも雰囲気があっていいと思います。日本語じゃなきゃ分からないという人は、下も「ja - 日本語」のままでいいでしょう。

[[File:Su2.png|600px]]


次に、データベースの設定。[[#.E3.83.87.E3.83.BC.E3.82.BF.E3.83.99.E3.83.BC.E3.82.B9.E3.81.AE.E4.BD.9C.E6.88.90|'''先に作成したデータベース''']]の情報を、ここで入力し、先に進みます。

[[File:Su3.png|600px]]


これはこのままでいいです。次に進みます。

[[File:Su4.png|600px]]


次に、作るWikiの名前と、自分のアカウント名、パスワードを設定します。

[[File:Su5.png|600px]]


次が、'''作るWikiの性格を決定'''する、セットアップ (インストール) 作業の'''最重要'''な部分です。

主な着目点は、以下の4点です。
# 「'''利用者権限のプロファイル'''」(Wikiの開放性)の'''選択'''
# 「'''メールの設定'''」のチェック'''外す'''
# 「'''Editors'''」の2項目にチェック'''入れる'''
# 「'''画像およびファイルのアップロード'''」にチェック'''入れる'''
設定したら、次へ進みます。

[[File:Su6.png|600px]]


いくつか「続行」を押していくと、以下の画面になってセットアップ (インストール) 作業は完了です。

「'''LocalSettings.php'''」という'''設定ファイル'''が'''ダウンロード'''されるので、それをFTPソフトなり、ファイルマネージャーなりで、MediaWikiフォルダ (「w」) の'''中'''に'''アップロード'''した上で、再び「index.php」→「Webページとして開く」からWikiを開くと、'''Wiki'''の'''デフォルト状態'''が表示されます。

[[File:Su7.png|600px]]


デフォルト状態のWiki。上画像は「ja - 日本語」設定の場合、下画像は「en - English」設定の場合。

この状態では、まだ「独自ドメイン・ショートURL」や「ロゴ・ファビコン・アイコン」などの設定が済んでないので、続いてそれらの設定へと進みます。

[[File:Default-ja.png|600px]]

[[File:Default-en.png|600px]]


== 独自ドメイン・ショートURLの設定 ==
作成したWikiを、'''Wikipedia風'''の「'''ショートURL'''」にするためには、
# '''独自ドメイン'''の取得と設定
# '''設定ファイル''' (LocalSettings.php) の記述変更とアップロード
# '''htaccessファイル'''の作成とアップロード
の3つが必要になります。

1の独自ドメインについては[[#.E7.8B.AC.E8.87.AA.E3.83.89.E3.83.A1.E3.82.A4.E3.83.B3.E3.81.AE.E7.94.A8.E6.84.8F|'''既述済み''']]なので、ここでは以下、2と3について説明していきます。


まずは「[https://sakura-editor.github.io/ サクラエディタ]」「[https://jp.emeditor.com/ EmEditor]」「[https://www.sublimetext.com/ Sublime Text]」「[https://atom.io/ Atom]」のような'''テキストエディタ'''を、自分のPCにインストールし、使えるようにしておく必要があります。


続いて2の説明から。

セットアップ (インストール) 作業の最後でダウンロードされた'''設定ファイル''' (LocalSettings.php) を、テキストエディタで開きます。

やることは、
* 29行目の「$wgScriptPath = "/''Folder1''/w";」の「/''Folder1''」を部分を削り、「'''$wgScriptPath = "/w";'''」にする。
* 32行目の「$wgServer = "http://''aaaaa''.sakura.ne.jp";」のドメイン部分を、'''独自ドメイン'''に書き換える。
* 一番下に、<code>$wgArticlePath = "/wiki/$1";</code> の一文を貼り付ける。
の3つです。終わったら上書き保存。

[[File:Ls1.png]]

[[File:Ls2.png]]


続いて3の説明。

'''htaccess'''(エイチティーアクセス)'''ファイル'''とは、サーバーソフトウェアであるApache(アパッチ)をディレクトリ単位で制御する設定ファイルのことです。テキストファイルの名前を「'''.htaccess'''」に変更することで作成でき、それを目的のフォルダにアップロードすることで適用できます。

ここでは、
<pre>
RewriteEngine On
RewriteRule ^/?wiki(/.*)?$ %{DOCUMENT_ROOT}/w/index.php [L]
RewriteRule ^/*$ %{DOCUMENT_ROOT}/w/index.php [L]
</pre>
の3行をテキストファイルで (適当なファイル名で) 保存し、そのファイル名を「'''.htaccess'''」に変更すれば完成です。

[[File:Hta.png]]


以上の2つのファイルが揃ったら、2で作った'''設定ファイル''' (LocalSettings.php) を、'''MediaWikiフォルダ (「w」) の中'''にアップロードし、他方で、3で作った'''htaccessファイル''' (.htaccess) を、その1つ上位の'''Folder1の中'''に、MediaWikiフォルダ (「w」) と並べる形でアップロードすれば、作業は完了です。

[[File:Hta2.png]]


これで、「独自ドメイン」で、Wikipedia風の「ショートURL」なWikiが出来上がりました。

[[File:Shorturl.png]]


== ロゴ・ファビコン・アイコンの設定 ==
残るは、ロゴ、ファビコン、(スマートフォン用の)アイコンの設定です。


'''ロゴ''' (logo) とは、Wikiの左上に表示される画像のことです。'''135x135のpngファイル'''が推奨されます。

'''ファピコン''' (favicon) とは、ブラウザのタブやブックマークなどに表示される画像のことです。元となる適当な画像ファイルを作ったら、「favicon generator」などで検索してファビコン作成サイトへ行き、ファビコンファイル ('''favicon.ico''') を作成します。

ここで言う'''アイコン''' (icon) とは、iPhone/Android phoneなどのスマートフォンのホーム画面に、直リンク (ブックマーク) を設定した際に表示される際の画像のことです。'''150x150ぐらいのpngファイル'''が無難でしょう。


これらの表示設定も、'''設定ファイル''' (LocalSettings.php) で行います。

ロゴは、デフォルトでは、39行目に、
* '''$wgLogo = "$wgResourceBasePath/resources/assets/wiki.png";'''
といった形で指定されています。つまりは、「wフォルダ」→「resourcesフォルダ」→「assetsフォルダ」の中の「wiki.png」という画像が、ロゴに指定されているということです。

したがって、135x135の「wiki.png」という画像を作って、同じ場所に上書きして置き換えるか、
* $wgLogo = "$wgResourceBasePath/logo.png";
といったように、新しいロゴ画像や、その場所をしてあげればいい、ということになります。

[[File:Logo.png]]


ファビコンとアイコンは、デフォルトでは設定されてないので、
* '''$wgFavicon''' = "$wgScriptPath/favicon.ico";
* '''$wgAppleTouchIcon''' = "$wgScriptPath/icon.png";
といったような画像と場所を指定する記述を、設定ファイル (LocalSettings.php) の一番下に加えます。

[[File:Fi.png]]


そして、設定ファイル (LocalSettings.php) と、3つの画像ファイルを、それぞれの場所にアップロードすれば、完成です。

[[File:Lfi.png]]


== 画像アップロードの不具合への対処法 ==
なお、現在の「さくらのレンタルサーバ」の環境では、構築したWikiで画像をアップロードすると、
* 画像はアップロードされているのに、'''表示されない'''
という不具合が生じることが多いのですが、この不具合はMediaWikiフォルダ (「w」) の中の「'''images'''」フォルダの中の'''htaccessファイル'''が悪さしているせいなので、思い切ってこのhtaccessファイルを'''削除'''してしまって下さい。

そうすれば、不具合は解消すると思います。

[[File:Upload.png]]