![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
#author("2017-09-19T05:56:21+00:00","hinodeya","hinodeya") #author("2017-09-19T05:59:01+00:00","hinodeya","hinodeya") &pgid(,Ecolife情報); > &pgid(,家庭の省エネ診断); *家庭の省エネ診断（JavaScript版）開発状況 [#y0119b91] &pgid(,家庭の省エネ診断);(JavaScript版）では、JavaScriptでコーディングがされており、インターネット上でもローカルサイトでも動かすことができるようになっています。 一般の家庭などでは、常にインターネットにつながっているパソコンばかりではない（我が家はダイアルアップです）と思われ、インターネットに接続しなくても動くことは考えておくべきです。特にプラットフォームとして、ブラウザは必ず入っていますので、インストール作業なしで動くというのもうれしいものです。 JavaScriptはHTMLファイルに入れ込むことができますので、うまく組み込むことで配布が1ファイルだけで済むというのもいいところです。更新しても、単純にファイルをダウンロードをするだけで実行できます。 MacやLinuxでも動きますよ。もっともLinuxは家庭で使う人は、まだ少ないと思いますが。 #ref(sindan_js.GIF,center,60%,家庭の省エネ診断JavaScript版) * JavaScriptでのローカルソフト開発メモ [#i1a3364a] ** IEのJavaScript警告 [#n5749531] IEでJavaScript（JScript)が記述されたファイルをローカル環境で開くときにはとりあえず尋ねられます。最初の記述でこの解除の仕方を記述しておき、JavaScriptのwindow.onload で消すようにします。 ** ページ移動（らしく見せる） [#t305b20b] <DIV display=none></DIV>で区切ってページを作り、順番に表示させているだけです。実際に何十ページにもわたっていても、以外とスピーディーに各ページを表示してくれます。 要するにJavaScriptで実装されたタブ移動みたいなものです。開発当時はあまり整備されていなかったので使いませんでしたが、jQueryを活用したソースなどを利用すると 、もっと簡単に実装できるかもしれません。 ** IEのinnerHTML問題 [#ub5881d1] JavaScriptを使うときには基本かもしれませんが、IEではinnerHTMLが使えませんので、outerHTMLでタグ自体から書き換える方法をとります。(以下はprototype.js利用。jQueryの場合には素直にDOM関数使いましょう） // html：書き込みをする内容 if (isMSIE) { // IEの場合 $("writeDiv").outerHTML = '<div id=writeDiv><select name=writeSelect id=writeSelect >' + html + '</select></div>'; } else { // IE以外の場合 $("writeDiv").innerHTML = "<select name=writeSelect id=writeSelect >" + html + "</select>"; } ** ファイルの書き込み [#tbe42661] これは、TiddlyWikiさんの記述を活用しています。IEは ActiveXObject("Scripting.FileSystemObject") でできるのですが、FireFox系は Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile) をつかっています。最近はこれも厳しいかな。 -https://developer.mozilla.org/index.php?title=Ja/Code_snippets/File_I%2F%2FO 2012年ころからはだいぶHTML5が普及してきて、ファイルを作成するという考え方ではなく、ブラウザ画面からファイルをダウンロードするという考えで、結果的にファイルを作成することができます。アプリとしてファイルを保存するという概念ではないので、ダイアログなど表現に混乱するかもしれません。やはりHTML5アプリとして動かすためには、現在のところ、Electronなどnode.jsを含めたシステムとして構築することになりそうです。 *** ファイルのダウンロード 2012年ころからはだいぶHTML5が普及してきて、ファイルを作成するという考え方ではなく、ブラウザ画面からファイルをダウンロードするという考えで、結果的にファイルを作成することができます。アプリとしてファイルを保存するという概念ではないので、ダイアログなど表現に混乱するかもしれません。 -http://www.petitmonte.com/javascript/file_create_download.html やはりHTML5アプリとして動かすためには、現在のところ、Electronなどnode.jsを含めたシステムとして構築することになりそうです。まあ、html5ができていれば、スマホアプリはCordovaでいけるので、なかなかいい時代になりました。 -[https://play.google.com/store/apps/details?id=com.hinodeya.ecolife.kateisyoeneapp 省エネ診断Androidアプリ]
