次世代HTMLレンダリング・エンジン

これまでのWebシステムの開発では、データベースから取得したデータをWeb画面に表示するために、Velocity、Smartyなどのテンプレート・エンジンを利用してWebシステムを構築するケースが多かったと思います。

しかし、このテンプレート・エンジンを利用して開発をした場合の欠点は、テンプレート・エンジン仕様に基づいたレンダリング制御をHTMLファイル内に埋め込むと、完全なHTMLファイルではなくなってしまうため、HTMLファイルでデザイン・レイアウト管理をすることが不可能となり、開発コストを圧迫する結果に繋がっていました。

「WebBoard」はこれらの欠点を解決するために最適な、次世代のHTMLレンダリングエンジンを搭載しています。

業界初のHTMLレンダリング・エンジン

「WebBoard」はPHPやJavaを組み込んだ、業界初のHTMLレンダリング・エンジンです。
テンプレートエンジンを使用する必要がなく、HTMLファイルのままWebシステムを構築出来るため、デザイン・レイアウト管理に余計なコストをかける必要がありません。
<特許申請済み>

WebBoardのレンダリング・エンジン機能

  • サーバープログラム習得の必要がない
  • これまでのテンプレート・エンジンを意識する必要がない
  • HTMLファイルとサーバプログラムが完全に疎結合
  • WebBoardのレンダリングは、HTML標準タグの属性に埋め込むため文法エラーにならない、かつ習得が簡単
  • レンダリング制御を埋め込んだHTMLファイルをサーバに配置する必要がない
  • 開発途中・サイト公開後も、DreamWeaverなどのオーサリングツールでデザイン・レイアウト管理が可能

動的表示制御の埋め込みが簡単

HTML5で使用しているタグを使用して動的表示制御が行えるため、Java、PHPの知識がいりません。
WebデザイナーなどHTMLの知識を持っている方なら、簡単に動的ページを構築することが可能です。

<form class="
                    wb-form-wb_inquiry" method="POST" action="./inquiry_confirm.html">
    <div id="inquiry">
        <table>
            <colgroup>
                <col class="per35">
                <col class="per65">
            </colgroup>
            <tr>
                <th>会社名</th>
                <td>
                    <input type="text" name="company_name" size="49"
                    data-label="会社名">
                </td>
            </tr>
            <tr>
                <th>名前<font color="#eb6100"> ※</font></th>
                <td>
                    <input type="text" name="name" size="49"
                    data-label="名前"
                    data-required="true">
                  <div class="
                    wb-formerrmsg-name" style="color:red;"></div>
                </td>
            </tr>
            <tr>
                <th>メールアドレス<font color="#eb6100"> ※</font></th>
                <td><input type="text" name="email" style="ime-mode:disabled;" size="49"
                    data-label="メールアドレス"
                    data-required="true">
                <div class="
                    wb-formerrmsg-email"   style="color:red;"></div>
                </td>
            </tr>
            <tr>
                <th>問い合わせ内容<font color="#eb6100"> ※</font></th>
                <td>
                    <textarea name="contents" rows="13" cols="65" 
                    data-label="問い合わせ内容"
                    data-required="true"></textarea>
                    <div class="
                    wb-formerrmsg-contents" style="color:red;"></div>
                </td>
            </tr>
        </table>
    </div>

    <!--================================================================-->
    <div id="send">
        <button class="btn-send
                    wb-formsubmit-wb_inquiry" name="action" value="next" type="submit" type="submit">送信</button>
        <div class="clearfix"></div>
    </div>

</form>
                  

サーバプログラムの知識が一切不要

Velocity、Smartyなどのテンプレート・エンジンを使用する必要がないので、Java、PHPをサーバに組み込む知識がなくても動的ページが構築できます.