HTMLだけのアプリ


こんちは。アプリを作ろうかと思った事ありますか？
C#などを習わないといけなく、簡単に作れませんよね。 
諦めるな。本当は、HTMLの知識があれば、簡単にアプリを作る事ができます。
<p>環境の整備<p>
作成の環境は、Windows です。iMacは、専用の物がないので、作れません。そのかわり、簡単に.Appという拡張で、アプリを作れます。それがオートメーターです。
アプリは、メモとかで大丈夫です。しかし、拡張子を指定できる物にして下さい。
<p>簡単な物を作るなら簡単なウェブブラウザで<p>
といっても、難しいと思いますが、HTMLで作るものなので、簡単です。安心して下さい、簡単ですよ。
ウェブブラウザを作るには、YouTubeの埋め込みコードにも採用されている<iframe>を使います。
<p>Googleの<iframe>の使い方<p>
GoogleのYouTubeでは、埋め込みコードがありますが、あれは、動画ごとに付けられたサイトを<iframe>で表示している事です。
<p>じゃ、元の話に戻します。<p>
つまり、YouTubeの使い方を理解すれば、誰でも作る事が出来ます。
コードに、リンクを付ける部分がありますが、そこには、任天堂ホームページや、Yahoo!のサイトなどの、特集なHMLやCSSが付けられているサイトは、コードなので、IEなどの、ブラウザでは、読み込む事は出来ますが、コードなので、読み込みに限界に達すると、エラーが出てきます。
<p>やる気満々の貴方に、大変残念なお知らせ<p>
大変残念なのですが、リンクのドメインなどを表示するdocumentは、動きません。動くのは、簡単なボタンの戻るボタン、進むボタン、再読み込みボタン、このぐらいです。
<p>やってはいけないことや、注意してほしいこと<p>
ワンクリック詐欺のサイトでは、支払いが確定したかのように、サイトを閉じることの出来ないコードが仕込まれていたり、知らないものを勝手にダウンロードされる危険性があります。そのなかでは、今回学習する.htaや.vbtなどで、悪用する人がいます。今回学習した事を生かして、犯罪などに巻き込まれない力をもったり、このサイトは危険だななどと、危険性を予知出来る力を持ってくれれば、ありがたいです。その場合、記事を書いた甲斐があったと思います。
当然のことですが、今回した事で、ワンクリック詐欺のサイトを作るなど、詐欺に悪用する事はやめて下さい。作ったウイルスを、拡散したり、他人に送らせたりする行為も、逮捕されるケースもあります。 
<p>まずは、ウェブブラウザを作ろう<p>
まず、初段はウェブブラウザを作ってみて下さい。サイトを表示出来るサイトですが、調べて見たら、https://search.yahoo.co.jp などです。最初の部分のhttps://はコードに入寮して下さい。多分http://でも行けると思います。サイズの調節ですが、横と縦の数字です。苦手な方は、Microsoftの、完全なエディタであるweb4というブラウザを使ってみてはどうでしょうか？リンクはhttps://www.microsoft.com/en-us/download/details.aspx?id=36179 です。安心して下さい。日本語もありますよ。
2012に開発が終了し、フリーソフトになったので、今は無料でダウンロード出来ます。気づいた人もいると思いますが、実はこれ、htmlだけではなく、CSSやPHPや、MicrosoftのASP.NETの拡張子である.aspxなども作れます。ダウンロードしたら、新規作成から、小さい項目にマウスを置き、HTMLと書かれている部分をクリックすれば、.htmlのサイトを作れます。下に、コードとか書いてありますが、その隣に、両方というボタンもあると思います。
その隣には、なんかあったと思います。で、コードに<iframe>のコードを置きます。そしたら、両方の隣のボタンを押すと、大きい物がでますが、それをマウスで引っ張ったりして、丁度いいサイズまで、伸ばします。あとはweb4がその大きさに合わせて、コードに自動入力します。出来たら、周辺のボタンの戻るボタンなど。設置します。ボタンの詳細は、検索すると分かります。(戻るボタン以外)ともかく、そのリンクはhttp://www.tagindex.com/javascript/link/back.html です。ま、後は、ネットにあったのを、コピペすれば、両方のボタンの隣を押して、良いところにボタンを置きます。さっき見つけたコードは、コードの項目に入力して下さい。両方の隣は、文字や、ボタンなどの調節ぐらいしか、出来ません。
<p>jsの埋め込みコードについて<p>
jsのリンクでしたが、jsは使用出来ます。
<p>セキリュティ<p>
Yahoo!のサイトなので、Yahoo!IDが表示されてると思う思いますが、そんなに発狂しない様にして下さい。実は、cookieや、パスワードをIEに入れていれば、このウェブブラウザにも、暗号化で情報を往き来し、表示されます。しかし、完全な暗号化まではいきません。例え、標準のブラウザをchromeにしているとしても、IEのパスワードやCookieを使います。
ブラウザが出来たら、他のアプリにも、やってみて下さい。
<p>出来た後の保存方法<p>
web4などで構成しならそれのコードを全てコピーしてメモ帳を開いてそれをペーストします。名前を付けて保存か下書き保存で名前の設定でテキストから全てのファイルに。名前は適当でokです。入力したら最後の部分に.htaと入力して下さい。文字コードはアプリケーションに文字が入っていればだれもが知っていて文字化けしないUTF-8にして下さい。それ以外すると文字化けの可能性が高くなります。入れる場所はなんでも良いです。あなたが入れたいところで良いです。もし本格的なアプリケーションを作りたいなら専用のフォルダを作りましょう。そしてそこに入れましょう。保存したら作成は完了です。
<p>もし本格的なアプリケーションを作りたいなら<p> もし本格的なアプリケーションを作りたいならそれ専用のフォルダを作りましょう。そこに自分の作った.htaのアプリケーションを入れます。ユーザーが分かりやすいように取扱説明書を作りましょう。取扱説明書はメモ帳で作ります。文字を書いたら保存で.txtです。文字でokです。そしてその専用フォルダに入れます。入ると重くなってしまうので.zipで圧縮する事をお勧めしやす。圧縮の方法はあとで書きます。あと入れておきたいものとして.htmlでの説明ですね。三個ぐらい入ったら圧縮が出来ます。
<p>圧縮の方法<p>
圧縮は入っているフォルダのオプション(上)に色々な選択オプションがあるので触って弄っていくと圧縮するとかのボタンが出現します。それを押します。そうすると中に特殊なアイコンのフォルダが出てきます。なのでそれを全部入れます。中にフォルダを入れたい場合はその圧縮フォルダを開いで新しいフォルダを作ります。それが済んだらokです。個人情報を守りたい限り特殊な設定はしなくても大丈夫です。詳しくのはネットを参照して下さい。
<p>配布方法<p>
配布方法はそれぞれ自由ですが一番楽なのはDropboxです。配布したらリンクを教えてダウンロードしておきます。説明書も入っているので迷うことは多分ないでしょう。
<p>注意<p>
多分最初にも言いましたがiMacなどのwindowsではないOSは使えません。たとえiMacでダウンロードしたとしてもエラーで出て開けませんよ。