製作, 軽量マークアップ言語, 画面分割

TerminalPro4用のソフトウェアの作り方を説明します.

• ソフト作製の流れ
• TerminalPro4での制御流れ
• ソフトの作り方

TerminalPro4のハードウェアを作っていきます. 次のことを説明していきます.

• 各モジュールの用意
• モジュール間の接続

ここでは, OutlineTextの特徴を示します.

OutlineTextの特徴は以下のとおりです.

• プレーンテキストでの見た目がそのままウェブページに反映
• 文章のアウトラインを見えやすく
• 見た目が分かりやすい文章は，読みやすく書きやすい

OutlineTextは, プレーンテキストの段階で文章のアウトラインを分かりやすくするために開発された軽量マークアップ言語です. 他の軽量マークアップ言語(Markdown, AsciiDoc, ReStructuredText, …)と異なり, インデントは文章の階層構造を表します. このことで, 文章の階層構造が視覚的にわかりやすくなります.

OutlineTextの実行例をご覧になりたい時はこのウェブページを参照してください. このウェブページはすべてOutlineTextで書かれています. OutlineTextのプレーンテキストは, ウェブページ右下にあるこのページのソースコードを表示をクリックすることで, 確認できます.

すぐに試してみたい方は, 以下のページから
すぐに試す

私が製作に携わったゲームを紹介します.

コントローラ製作に関することについて説明します. 説明の項目は以下のとおりです.

• 部品入手
• 製作
• 説明
• 参考文献

ここでは, OutlineText の文法を示していきます. 基本的に Markdown と似せていますが, インデントに対する挙動が異なります. 見やすい文章を書くことを注意すれば, OutlineText は自然に解釈し構造化します.

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

• ページロード時のレイアウト変化なし
• 他スクリプトによるビューへの自由な変更
• カスタム可能

サンプルページ