①使用するUserscriptのメニュー 外部ファイルと連携するプログラム群はWebプログラミングで説明しているMy Noteの拡張機能である Userscriptで作られています。図１．は文書編集画面の最下段の右端部分にあるhtml_menuとして登録されているUserscriptです。詳細についてはWebプログラミングの項を参照して頂いたら良いのですがMy Noteの開発者は勿論ですが、ユーザーの方でもでも希望する機能をプログラミングしてMy Noteを拡張できるようになっています。今現在は図１．がメニューとして登録されています。

図１．html_menuに登録されたメニュー

図２．Userscriptの登録リスト

Userscriptの登録リストやhtml_menuは新たな機能開発などで随時変化してと思いますが使用の際には使い方など確認してご使用下さい。

②外部ファイルを読み込んでテーブルを作る 簡単な例ですが図３．がPC上にあるcsvファイルです。今回は図１．のメニューの①と②を使って２ステップでテーブルを作ってみましょう。（同様に同じことが③でも可能ですので試して見て下さい。）

図３．読み込むcsvファイル

最下段のhtml_menuをクリックすると図１．のメニューが現れますのでget_csvを選ぶだけです。すると下の図4．が現れファイル選択を要求します。

図４．ファイル選択の要求写真

ファイルを選択をクリックします。

図5．PC上のcsvファイルを選択

図６．完了のメッセージ

OKをクリックしてステップ１は終了です。

次はデータを読み込んでテーブルを作成するステップですが、テーブルはGreen Lineの下に作られます。ページの最後の部分に「初期のテーブルを作成します。」の文を選んでWebDesignボタンを押してGreen Lineを持ってきて下さい。そこで図１．のメニューから②のmake_tableを選ぶだけです。ディフォルトではテーブルセルの罫線は引きません。罫線を引きたい場合は図７．に罫線styleを設定して下さい。

図７．罫線を引く場合の設定

Green Lineの下にテーブルは作成されました。この初期のテーブルを「テーブル作成機能と外部ファイルとの連携（１）」のページで説明した方法で罫線を入れたりカラー化及びフォントを変更したものが図XXです。（説明で分かり易いように初期テーブルをコピペして別テーブルとして作成しました。）

これでcsvファイルからデータを取り込んでのテーブル作成は完成となります。

③テーブルの再利用のためのコピー＆ペースト テーブルの場合も文章のコピペと全く同じ方法でコピペできます。テーブル上のどこでも良いので１つのセルを選択状態にしてWebDesignをクリックします。選択したセルにGreen Lineが入りますのでその状態で ↑ を何回かクリックしてHtml_Design画面の先頭行がtag:DIV、fig:tableとなり、テーブル全体の下にGreen Lineが引かれた図８．のようになったらテーブル全体を選択していることになります。この状態でcopyボタンを押し、貼り付けたい位置にGreen Lineをもっていきpasteボタンを押すことでコピペが完成します。

図８．テーブルのコピペ方法

④テーブル再利用の準備（テーブルに名前付け） ③の場合と同じようにコピペしたテーブル全体を選んだ状態でStyle表示ボタンを何回か押してid：の項目があるStyle画面でid名を入れてsetボタンを押して下さい。これで名前付けが出来ました。

図９．テーブルに名前（id）を付ける

⑤既存テーブルへの上書き ④で作成した名前付けした既存テーブルに上書きしたい図10．のcsvファイルを例としました。

図10．既存テーブルに上書きするデータ

既存のテーブルに上書きするuserscriptは図1．メニューの④csvTotbl_owです。その前にcsvデータを暫定エリアに保存する必要があるので、メニュー①のget_csvを実行し、④csvTotbl_owを実行すると下記の図11．のテーブル名を聞かれますので名前を入力して決定ボタンを押すと新しいデータが入ります。

図11．テーブル名を入力

行列数が同じなのはテーブル上書きの条件です。