SSF を HTML にする

SSF は単純なテキスト表記なので、 JavaScript で HTML の表に置き換えることができる。オンラインで利用できる SSF ビューアーの単純な試作品を作ってみた。

'ssf-begin
';

'cells-formula
'  address;A13:J13
'         ;ボタンの表示
'         ;ボタンの機能
'         ;Tag
'         ;Parameter
'         ;ControlType
'         ;Style
'         ;Width
'         ;Group
'         ;Action
'         ;Initialize ..
'  address;A15:U30
'         ;操
'         ;ファイル操作メニュー
'         ;file
'     skip;1
'         ;10
'     skip;2
'         ;1
'     skip;13
'         ;編
'         ;編集メニュー
'         ;edit
'     skip;1
'         ;10
'     skip;16
'         ;メモ帳
'         ;接続するメモ帳を選択する
'         ;notepad
'     skip;1
'         ;3
'     skip;1
'         ;2
'         ;1
'     skip;13
'         ;コ
'         ;メモ帳からクリップボードへ
'         ;copy
'     skip;1
'         ;1
'         ;2
'     skip;1
'         ;1
'     skip;13
'         ;入
'         ;メモ帳からエクセルへ
'         ;in
'     skip;1
'         ;1
'         ;2
'     skip;15
'         ;出
'         ;エクセルからメモ帳へ
'         ;out
'     skip;1
'         ;1
'         ;2
'     skip;15
'         ;消
'         ;メモ帳消去
'         ;clear
'     skip;1
'         ;1
'         ;2
'     skip;15
'         ;文字コード
'         ;入出力の文字コード
'         ;charset
'     skip;1
'         ;4
'     skip;2
'         ;1
'     skip;1
'         ;utf-8
'         ;shift_jis
'         ;euc-jp
'         ;iso-2022-jp
'         ;unicode
'         ;ascii
'         ;binary
'     skip;5
'         ;改行変換
'         ;改行コードを変更する
'         ;linefeed
'     skip;1
'         ;4
'     skip;1
'         ;2
'     skip;2
'         ;CrLf
'         ;Lf
'         ;Cr
'         ;Tab
'         ;Null
'         ;<BR>
'         ;<DIV>
'         ;<P>
'         ;<TABLE>
'         ;<LI>
'         ;\n
'         ;\r\n
'         ;検索
'         ;正規表現による検索
'         ;find
'     skip;1
'         ;4
'     skip;1
'         ;3
'         ;1
'     skip;1
'         ;^
'         ;$
'     skip;10
'         ;次
'         ;次を検索
'         ;find_next
'     skip;1
'         ;1
'         ;2
'     skip;15
'         ;[Aa]
'         ;大文字小文字を区別しない
'         ;ignore_case
'     skip;1
'         ;1
'         ;2
'     skip;2
'         ;F3Notepads.BaumMain.OnButtonToggle
'         ;1
'     skip;11
'         ;置換
'         ;検索結果を置換
'         ;replace
'     skip;1
'         ;4
'     skip;1
'         ;3
'     skip;14
'         ;置
'         ;置換する
'         ;replace_this
'     skip;1
'         ;1
'         ;2
'     skip;15
'         ;全
'         ;すべて置換
'         ;replace_all
'     skip;1
'         ;1
'         ;2
'     skip;2
'         ;F3Notepads.BaumMain.OnButtonToggle
'         ;1
'     skip;11
'         ;?
'         ;このシートを表示する。
'         ;about
'     skip;1
'         ;1
'         ;2
'     skip;1
'         ;1
'   repeat;13
'         ;

'cells-background-color
'  address;A13:U13
'   repeat;9
'         ;#99CCFF
'   repeat;12
'         ;#CCFFFF
'  address;J22:P22
'   repeat;7
'         ;#FFFF00

'cells-color
'  address;A15:C30
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600
'         ;#FF0000
'     skip;1
'         ;#FF6600

'ssf-end

この方法は、エクセルのワークシートで作った表を、ホームページやブログに公開する人にうってつけだ。画像処理ツールを使ってキャプチャ画像を加工したり、大きさを気にする必要は無い。 PDF変換ソフトを用意する必要は無い。見る人が、ブラウザにPDFプラグインなどをインストールする必要は無いし、携帯やスマートフォンなど、低機能のブラウザにも対応できる。必要なソフトはすべてフリーのオープンソースで提供されている。

ダウンロード (JavaScript)

静的な HTML ソースを手に入れて、それを公開したいなら、 VBScript で書かれたデスクトップ版を使うとよい。

ダウンロード (VBScript)