制限環境下でのサボりソフト開発_01

2803 ワード
環境構築 hta 初心者 リンク集 環境構築 テキストリンク

制限環境下でのサボりソフト開発_01

携帯持ち込み禁止の職場における有意義な暇つぶしの為のソフト開発をしたい
今回は、最低限の骨組みだけ作る

1. 職場における制限

  • 職場の業務用端末にソフトウェアを勝手にインストールしてはいけない
  • 業務用端末はインターネットから完全に切り離されている
  • 可搬記憶媒体（ＵＳＢメモリ等）を差し込んではいけない
  • 未知のexeファイルはセキュリティソフトに引っかかる
  • ブラウザはＩＥ１１のみ

2. 開発環境

  • Visual Studio2015（会社の端末に入ってた）
  • サクラエディタ（上に同じ）

3. 上記制限を鑑みてやれそうなこと

  • HTML5のCanvas機能で面白フラッシュもどきを作る
  • 上記をHTA化してなんちゃってソフトにする

4. すごく大雑把な説明

(1) HTML5のCanvas

Webページ上にJavaScriptで図形を描いたり、動かしたりできる

(2) HTA

HTML Application
HTMLとJavaScriptでアプリケーション作れる

5. 定型もどき

sample.hta

<!DOCTYPE html>
<html lang="jp">
<head>
    <meta charset="UTF-8" http-equiv="X-UA-Compatible" content="IE=10"><!--VBSで弄るならいる-->
    <title>HTAの骨組み</title>
</head>
<body>
    <div style="position: absolute; top: 0px; left: 0px;">
        <canvas id="canvasOne" width="800" height="600">
            Your browser does not support HTML 5 Canvas.
        </canvas>
    </div>
</body>
</html>

なお、htaをブラウザでデバッグする方法は知らないので、デバッグの都度htmlに拡張子を変更する

6. 参考

Markdown記法 サンプル集：記事の書き方
書籍
「HTML5 Canvas」オライリー・ジャパン・・・難解

vueでよく使用される親子コンポーネントの値伝達
vueテンセントIM導入