alice導入 夢小説ページ編

小説ページに名前変換機能を追加し、変換コードを埋め込むまでのチュートリアルです。

1) 名前変換フォームを設置した時と同じく、</body>の真上にscript.jsとalice.jsを呼び出します。
<script src="js/script.js"></script>
<script src="js/alice.js"></script>
</body>
script.jsとalice.jsのリンクが正しいか注意してください。以前と同様、jsフォルダから小説ページまで何回フォルダをクリックしたか数えて、その数分、js/の前に../を入れます。例としてjsフォルダから小説ページまでフォルダを2つ挟むと
<script src="../../js/script.js"></script>
<script src="../../js/alice.js"></script>
</body>
になります。

2) 次に閲覧者が名前変換フォームに名前を登録しなかった場合のデフォルト名を設定します。aliceには元々デフォルト名(名無し0など)が設置されているので、名前を考えるのが手間な方はこのまま使用して頂いても大丈夫です。ステップ4へと進んでください。

また、どの夢小説にも共通してデフォルト名を1セット(YZ1とYZ2を合わせれば2セット)しか使用されない方は、aliceスクリプトの方でデフォルト名を一度設定していただければ、大丈夫です。デフォルト名が1セットしかない方はjsフォルダの中に入っているalice.jsをサクラエディタなどで開き、8行と9行
if (!shokiYZ1){var shokiYZ1 = '名無し0,名無し1,名無し2,名無し3,名無し4,名無し5';}
if (!shokiYZ2){var shokiYZ2 = '名無し0,名無し1,名無し2,名無し3,名無し4,名無し5';}
の名無し0等を好きなデフォルト名に書き換えてください。そして、ステップ4へと進んでください。

反対に、夢小説ごとにデフォルト名を変えたい方はステップ3へと進んでください。

3) まず、その夢小説ではYZ1とYZ2、どちらのモードを使用するか決めてください。そして、先ほど設置したscript.jsの真上に前回ではラベルの役割をした
<script>var shokiYZ1 = "変換項目0,変換項目1,変換項目2,変換項目3,変換項目4,変換項目5";</script>
<script src="../../js/script.js"></script>
<script src="../../js/alice.js"></script>
</body>
を設置します。例ではYZ1の方を設置しました。あとは、変換項目0などをあなたの好きなデフォルト名に書き換えてください。
<script>var shokiYZ1 = "山田,花子,変換項目2,変換項目3,変換項目4,変換項目5";</script>
<script src="../../js/script.js"></script>
<script src="../../js/alice.js"></script>
</body>
6個以外の個数を選ばれた方はラベルと同様『,』の数を合わせてください。

4) これで、デフォルト名設置は終了です。次に、この夢小説ページにどのモードを使用するか認識させるため、ページの上部にある<body>にYZ1かYZ2を指定してください。
<body class="YZ1">
<body class="YZ2">
これで、このページはどのモードを使用するべきか認識しました。

5) 次は名前変換をするコードの説明を致します。某変換機を使用されたことがある方には分かりやすいと思いますが、基本、名前入れ替える部分にはコードが入ります。某変換機ではdocument.write( );が含まれるコードでした。aliceでは名前変換項目0を変換するとき
<span class="names0"></span>
となります。同じように、名前変換項目1のときは
<span class="names1"></span>
名前変換項目2,3,4,5は
<span class="names2"></span>
<span class="names3"></span>
<span class="names4"></span>
<span class="names5"></span>
と続きます。

6) しかし置き換えソフトがなく、手作業で名前変換をしていくのが手間な方は、ツールページからalice一括変換機をお使いください。画面が出たら変換項目数をセレクト。例として小説の文面が『山田花子がだした抹茶に太郎は固まった』とします。そして、名前変換をしたいのが『変換項目0=苗字=山田』『変換項目1=名前=花子』『変換項目2=茶の名=抹茶』の3つの場合、変換項目数は3個を選びます。改行は自動で入るようになっていますが、必要ない場合は改行なしにチェックを入れてください。

7) 変換項目を記入します。『変換項目0』には『山田』。『変換項目1』には『花子』。『変換項目2』には『抹茶』です。 そして、あなたが書いた小説を『ここに小説を貼り付けて』の場所に貼り付けて、変換するをクリックします。

8) 小説が夢小説へと変換されました。最後は、変換された夢小説を小説ページに貼り付けるだけです。

9) これでaliceの基本説明は終了です。吃音など、他のalice機能につきましては、別のチュートリアルを閲覧ください。ここまで、お付き合いありがとうございました。

PREV BACK NEXT
inserted by FC2 system