初めてのイカル
HTML作成アウトラインプロセッサ「イカル」を⽤いて簡単なHTMLファイルを作りましょう。
「イカル」の1つの⽂書ファイルより複数べーどのHTMLファイルを⽣成することができます。
ここでは複数のページから構成される「野⿃観察マニュアル」を例に説明します。
さあ始めよう
綺麗にしようステップアップ

さあ始めよう「イカル」を⽤いてHTMLファイルを作成するまでの流れは次の通りです。
「イカル」の1つの⽂書ファイルは複数のページから構成されます。1つのページが1つのHTMLファイルに変換されます。
⽂書を構成する複数のページは階層的な親⼦関係にすることができます。
また1つのページは複数の段落より構成され、段落もまた階層的な親⼦関係にすることができます。
① 開始「イカル」を開きます。
② 新規⽂書作成
メインメニューの「ファイル」より「新規作成」選択します。新規作成ダイアログが開きます。

まず最初に⽂書のタイトルを⼊⼒します。
使⽤テンプレートは取り合えず設定しないままで結構です。
⽣成先フォルダは⼊⼒した⽂書をHTMLとして出⼒するときのフォルダを右のボタンより指定します。
⽂書ファイル名は新規作成する⽂書ファイルの保存先とファイル名を右のボタンより指定します。
⽂書タイトル名⽂書のタイトルを「野⿃観察」と⼊⼒します。
⽂書⽬的名
当システムは、⼀つの⽂書をWeb⽤、製品添付マニュアル⽤、印刷⽤など、複数の⽬的毎に異なる形式でHTMLを⽣成することができます。
ここでは最初の⽬的とする⽬的名を設定します。⽬的名はWeb、マニュアルなど簡潔な名前にして下さい。
ここではとりあえず「マニュアル」と⼊⼒します。
使⽤テンプレート
テンプレートとはHTML⽣成時の型となるファイルです。⽂書⽬的に応じたテンプレートを使⽤します。
ここでは取り合えず設定しないままで結構です。

設定しなければデフォルトのテンプレートが使⽤されます。
選択する場合は、右のボタンよりファイルダイアログを開いて選択します。
⽣成先フォルダ
⽣成先フォルダは⼊⼒したイカル⽂書をHTMLファイルに変換して出⼒するときのフォルダです。
複数の⽂書⽬的がある場合は⽂書⽬的により異なる⽣成先フォルダーを設定できます。
右のボタンよりファイルダイアログを開いて選択します。
適当なところにフォルダbirdwatchを作り選択して下さい。
(注意)インストールフォルダ内にサンプルとしての野⿃観察.book⽤の⽣成先フォルダbirdwatchがありますので上書きしないよう別の場所に作成して下さい。
既定の拡張⼦
既定の拡張⼦は⼊⼒した⽂書をHTMLファイルに変換する場合の既定のファイル拡張⼦です。
後述の個々の出⼒ファイルに拡張⼦が指定されていない場合の拡張⼦となります。
⽂書⽬的に応じた拡張⼦を設定します。
ここでは既定のhtmlのままにします。
⽂書ファイル名
新規作成する⽂書ファイルの保存先とファイル名を設定します。
右のボタンよりファイルダイアログを開いて選択します。
「野⿃観察.book」とします。
(注意)
インストールフォルダにサンプルとしての野⿃観察.bookがありますので上書きしないように注意して下さい。
設定したら「作成」ボタンを押して下さい。
⽂書タイトルの付いた新しい⽂書が作成されます。
新しい⽂書には最初の新しいページが⾃動で作られ、次のような編集画⾯が表⽰されます。

左側の領域には⽂書タイトル「野⿃観察」とその下に「新しいページ」が表⽰され、⽂書タイトルが選択された状態になります。
左側の領域で⽂書タイトルが選択されると、右側の領域の最上位には⻘に⽩抜きで⽂書タイトル「野⿃観察」が表⽰されます。
この右側の領域で直接⽂書タイトルを編集することもできます。
③ 最初のページの作成
最初のページは⽂書作成時に⾃動的につくられます。
左側にある「新しいページ」をクリックして選択すると、右側の領域の最上位に茶⾊に⽩抜きで「新しいページ」と表⽰されます。
これがページタイトルとなります。

右側の領域でページタイトルをクリックするページタイトルを編集できるようになります。
「野⿃観察とは」とページタイトルを⼊⼒して下さい。⼊⼒したページタイトルは左側の領域に反映されます。

ページタイトルは主にHTMLでのtitleタグに使⽤され通常はブラウザでは表⽰されません。
④ ページの追加⽂書を作る場合、ページの内容を後回しにして、とりあえずページの構成を考えて、⽂章を構成するページを追加しておくことができます。
左側の領域を右クリックしてコンテキストメニューを表⽰して「同列上に追加」「同列下に追加」「⼦に追加」などでページを追加します。
これらの機能は上にあるツールバーのボタンでもできます。
「同列に追加」とは１章と2章のように同じ階層で追加することです。
「⼦に追加」とは1章と１節のように親⼦関係で追加することです。
「イカル」では多層の親⼦関係のページ構成が可能です。
下図を参考にページを追加し、③と同様にページタイトルをを設定しましょう。

ページの構成はで後で追加したり、コンテキストメニューやツールバーので上下左右に移動したりできますので気楽に⾏ってください。
⑤ ページ内容の編集
ページの構成ができましたら各々のページの内容を編集しましょう。
左側のページタイトルをクリックすると、右側に選択したページが表⽰されます。
左側の「野⿃観察とは」をクリックします。

まだページにはページタイトルしか設定されていません。
1つのページは複数の段落という部分で構成されています。
ページ内の段落は階層的な関係にすることができます。
これらの段落を左側のページタイトルの下に記述することによりページ内容を編集します。
⑥ 段落の追加
ページタイトルの下に が⼀つ表⽰されています。
これを押すと、最初の段落が追加されます。

この段落はこのページの最上位の段落となります。最上位の段落を複数作ることも可能です。
段落が追加されると、最後の段落の下にが複数表⽰されます。

これらのいづれかを押すと新しい段落が作られますが、押す1番右のの位置により段落の階層関係が決まります。

を押すと上の段落の⼦となる段落が追加されます。このとき上の段落は⾃動的に⾒出しとなります。

右から２番⽬のを押すと上の段落と同じ階層の段落が追加されます。

右から３番⽬のを押すと上の段落の上の階層と同じ階層の段落が追加されます。

右から４番⽬のを押すと上の段落の上の階層の上の階層と同じ階層の段落が追加されます。

⼦の階層を持つ段落は⽔⾊の背景になります。この段落は通常は⾒出しになります。
コンテキストメニューやツールバーを⽤いて段落を挿⼊したり、位置や親⼦関係をいつでも変更できます。
⑦ ページテキストの編集
段落のテキストを⼊⼒編集します。
段落内をクリックすると背景が⻩⾊に変わります。この状態でテキストが⼊⼒できます。
別の段落をクリックするとクリックした段落の⼊⼒に代わります。

上図を参考に各段落のテキストを⼊⼒してページを編集して下さい。
段落の深さによりページ内の⽂章が構成され、⽔⾊の段落は位置により⾃動的に⼤⾒出し、中⾒出し、⼩⾒出しなどになります。
⑧ HTML作成の準備
ページが完成したらさっそくHTMLに変換してみましょう。
右側の各項⽬毎にHTMLファイルに変換されます。
HTMLファイルに変換するには予めページ毎に⽣成するファイル名を設定しておく必要があります。
左側領域よりHTMLに変換したいページを右クリックし、コンテキストメニューより「ページのプロパティ」を実⾏します。
ここではページ「野⿃観察とは」を右クリックして、このページに対するプロパティを設定します。

ページタイトルは既に「野⿃観察とは」と設定されていますが、ここで変更することもできます。
⽣成ファイル名は選択したページよりHTMLファイルを⽣成するときのファイル名を設定します。
ここではbirdwatchと設定します。拡張⼦は省略できます。
「登録」をクリックしてダイアログを閉じます。
⑨ HTMLの作成
これでHTML作成の準備は整いました。
左側領域よりHTMLに変換したいページを右クリックし、コンテキストメニューより「選択ページをHTMLに変換」を実⾏します。
ここではページ「野⿃観察とは」を右クリックして、「選択ページをHTMLに変換」を実⾏します。
変換先フォルダ内にHTMLファイル birdwatch.html が作成され、既定のブラウザが起動して作成されたHTMLを表⽰します。

規定のテンプレートを⽤いたシンプルなHTMLが表⽰されました。
全てのページが編集できましたら、⼀度にすべてのページをHTMLに変換することもできます。
⑩ ⽂書の保存
メインメニューの「ファイル」より「名前を付けて保存」を選択するか、ツールバーのします。

を押して⽂書ファイルを保存

綺麗にしよう「さあ始めよう」でHTMLで出来たマニュアルができました。
これは「イカル」の持つ既定のテンプレートで出⼒されたHTMLをブラウザが持つ既定のスタイルシートで表⽰しています。
テンプレートは「イカル」のページをHTMLに変換するときの枠組みで、HTML宣⾔や⽂書構造を与えるものです。
スタイルシートは⽂字の⼤きさ、⾊、位置などを指定するものです。
上で出来たイカル⽂書にテンプレートとスタイルシートを適⽤して、どのようになるか⾒てみましょう。
① テンプレートの設定
野⿃観察.bookを開き、左側の⽂書タイトルの上で右クリックし「⽂書のプロパティ」を開きます。
使⽤テンプレートの右側にあるボタンを押して、インストールフォルダ内ののDataフォルダにあるtemplate_manual.htmlを選択します。
登録ボタンで閉じます。
② スタイルシートの登録
次に、上記テンプレート⽤のスタイルシートを設置する必要があります。
設置場所は「⽂書のプロパティ」で設定されている⽣成先フォルダです。
上記テンプレート⽤のスタイルシートはインストールフォルダ内ののDataフォルダに style.css として⼊っています。
エクスプローラでこの style.css をコピーして⽣成先フォルダ内に貼り付けてください。
③ HTMLの再作成
これでテンプレート適⽤の準備は整いました。
左側領域よりHTMLに変換したいページを右クリックし、コンテキストメニューより「選択ページをHTMLに変換」を実⾏します。

変換先フォルダ内にテンプレートの適⽤されたHTMLファイルが作成され、既定のブラウザが起動され、スタイルシートの適⽤されたHTMLが表⽰されます。

ここで使⽤したテンプレートは画⾯を縦⼆分割し、左側に⽬次を表⽰するようなっています。
また⽬次は固定で右側のみスクロールするようにスタイルシートがしています。
このように同じ⽂章でも、テンプレートとスタイルシートを使うことにより異なる⾒栄えを得ることができるようになります。
これらを利⽤して、Web表⽰や製品添付、印刷など複数の⽬的の出⼒を得ることができます。
「イカル」には複数の⽬的を設定することができ、各々のテンプレートと出⼒先が設定できます。
④ 印刷とPDF作成
ブラウザには印刷機能が付いていますので、これを利⽤すればHTMLペーシを印刷することができます。
また印刷にはPDFへの出⼒機能もありますので、これを利⽤すれば簡単にPDFファイルも作成できます。
PDFの例はPDF出⼒例をご覧ください。
印刷⽤としてテンプレートとスタイルシートを調整すれば、さらに最適な印刷やPDFを得ることも可能です。

ステップアップ「イカル」にはさらに便利な機能が⽤意されています。
テーブルを表⽰する
リストを表⽰する
画像を挿⼊する
リンクを挿⼊する
⽬次を挿⼊する
テンプレートを使う
スタイルシートを使う
変数を使う
Tips