現在JavaScriptの設定が無効になっています。このページを利用するにはJavaScriptの設定を有効にしてください。フレームワークを作ろう私はフレームワークを、ある特定のコーディングルールを実現する為の手法ともとらえています。それがなんであれ、世にあるフレームワークには何らかのコーディングルールを満たした状態を容易に維持しながら効率よく開発する為の基盤を提供していると思います。今回からはフレームワークを実際に作ってみましょう。題材としてはもちろん、前回まで利用してきたプログラムを使います。文字列の効率よい組み立て方」に話の主軸が移ってくることにお気づきだと思います。対象のコードをじっと見つめてみましょう。文字列を必要とします。文字列を効率よく奇麗な形で組み立てることが出来ればよいと考え上記を少しずつ分割していきます。文字列なので足し算でつなげば改行が入れられます。"+"/>");}とにもかくにも改行が入りました。複数のプログラムが書かれた一行が、一つのプログラムが一行で書かれたものになったのでひとまず進歩といえるでしょう。残された最大の問題点は、プログラムが文字列として表現されている点です。して記述できるところにロジックをおいて文字列で記述するところから呼び出すことにします。){this.ref("desc").style.display="";}}プログラムが外に出ました。上記のプログラムは肝心の部分がかけています。呼び出すプログラムがありません。上に記述するには抵抗があるのですが、上記のように分離されれば、プログラムの部分はどのイベントに対しても同じ記法で記述できます。同じ記法で記述できるならフレームワークとして分離することも可能です。function(){document.write(this.getHTML());}いかがでしょうか。少々長くなりましたがずいぶんとプログラムは管理しやすくなったと思います。部分に改善の余地があるかもしれません。上から取得するだとか、そういった方法があると思います。残る作業は、この手法をほかの場面でも応用できなければフレームワークとはいえません。部品開発を効率的に行えそうです。次回、最終回では継承を利用してコンポーネント開発用フレームワークとして仕上げていきます。灰色の文字の入った検索ボックスが完成するまであと少し、お付き合いください。JAPANでは情報技術を駆使して人々や社会の課題を一緒に解決していける方を募集しています。詳しくは採用情報をご覧ください。JAPANのサービス開発を支える技術やデザイン、文化を発信しています。Reserved.このページの先頭へ。