開発備忘録&ふと思ったこと読み流してください。システム開発ネタが多いです。itsysgroupCanvusにテキスト表示するHTML5から実装されているCanvusにテキスト表示する簡単なプログラム書いて試してみました。・背景色を時刻で変える・日時を表示するだけの簡単なものです。テストはChromeとEdgeで行いました。Chromeは毎回確実に動作をしたのですが、Edgeは動かなくなることがありました。何かいけないことをしているのかも。わかっていないので、公開するものに使う時はEdgeで十分にテストしてください。可能ならどうしてEdgeで動かなくなることがあるのかコメントで教えてもらえるとありがたいです。一読してもらえばおおよその内容がわかると思います。インターバルで1秒ごとに背景色と日時時刻を書き換えているだけのシンプルなプログラムです。初期状態のcanvusの状態を保持と初期状態のcanvusの状態を復元はこのプログラムの中では意味はありませんが、複雑なプログラムになってくると便利らしいです。私もピンと来ていません(イニシャライズ関数を作れば良いような。)が、学習した本に載っていたので便利なんだろうと思い、使うようにしています。Canvusにテキスト表示する」の簡単なサンプルテストでした。数値を選択する入力フィールドを試してみました。必要ならリストやスライダー等とjavascriptを使って自前で組み込んでいたのですが、どの程度使えるのかと思って。簡単に数値選択が可能なので、アンケート等で使用するならこれで十分な気がします。下に試したHTMLを貼っておくので試してみては如何でしょうか?ちなみに、ブラウザによって微妙な違いが出るかもしれませんので、そのあたりのチェックもした方が良いと思われます。下のHTMLはtype=’renge’を使って単純な数値を選択する入力フィールド2つを試しています。バーを移動させるごとに数値を取得して表示しています。送信ボタンをクリックすると送信されてクリアされます。<label>デフォルトの場合、min属性の初期値は0、max属性の初期値は100となります。<label>min属性の初期値は1、max属性の初期値は5となります。数値を選択する入力フィールド」の簡単なチェックでした。数値の入力フィールドのバリデーションチェックを試してみました。必要ならjavascriptを使って自前で組み込んでいたのですが、どの程度使えるのかと思って。簡単な入力チェックならこれで十分な気がします。下に試したHTMLを貼っておくので試してみては如何でしょうか?ちなみに、ブラウザによって微妙な違いが出るかもしれませんので、そのあたりのチェックもした方が良いと思われます。下のHTMLは単純な数値の入力フィールド、小数点の数値の入力フィールド、範囲を指定した数値の入力フィールドの3つを試しています。送信ボタンをクリックするとバリデーションチェックが行われ、問題が有ればメッセージが表示されます。問題がなければ送信されてクリアされます。入力中にチェックをしたいのならこのバリデーションチェックを使うことができません。alert("テスト開始!入力フィールドに数値以外が入るとバリデーションチェックが入ります。バリデーションチェック」の簡単なチェックでした。Definition」(DTD)のことで、日本語に訳すと「文書型宣言」となります。ブラウザに対しどのバージョンのHTMLやXHTMLで書かれているかを宣言しています。HTML文書の先頭に書く必要があります。DOCTYPE宣言をブラウザに示すことで、文書を解析するパーサが文書型宣言に指定されたDTDを参照することで、ブラウザが規則に従った妥当な文書か否かを検証することができます。一部のブラウザ(HTMLレンダリングエンジン)は「DOCTYPEスイッチ」と呼ばれる機能を有しています。これはMIMEタイプとしてtext/htmlを与えられた文書に書かれた文書型宣言の内容によってレンダリングを「標準モード」や「互換モード(Quirksモード)」というように切り替えるユーザに見えやすくすることができます。DOCTYPE宣言をするとDOCTYPE宣言をすることで、ブラウザはどのバージョンのHTMLやXHTMLで書かれているかがわかります。HTML5で書かれている旨宣言をすると、文書型宣言はもはやモード指定以外の意味をなさなくなります。HTML5における文書型宣言は、レンダリングを「標準モード」へ切り替えるためだけの、「ほとんど役に立たないが、それでも必要な」ヘッダという役割を担います。たいした意味はなくなりましたが、それで宣言は必須です。DOCTYPE宣言を書くようにしましょう。Application(ウェブアプリケーション)を構築する際に使用されるフォーマット仕様の第5版である。5.1が勧告される予定。HTMLを取り巻く環境は、各組織の思惑が有るため複雑に絡んでいます。興味の有る人は別途ググってください。ここからは私見で書くので、偏った情報になると思いますが、このような見方もあるとの参考にしてください。HTML5とは、ウェブアプリケーションのプラットフォームとしての機能させるべく開発された仕様です。そのため、今までは例えばプラグインをインストールしないと使えなかったビデオ機能など、普通に欲しいと思われる機能を盛り込んだ仕様になっています。これはAppleがFlashを採用しなかったようにいろいろと思惑が働いているようですが、基本的には、プラットフォームは共通の技術の上に構築されるべきという概念が有るためと思われます。FlashはAdobeの製品なので、Adobeが特定のハードウェアに対しプラグインを作らないという事態はAdobeの支配が強まるとの見方もでき、Appleの容認できなかったようです。HTML5は巨大なマーケットをいろいろな組織が自分達の有利になるよう、または不利にならないように、便宜上公平なプラットフォームとして策定したHTML仕様です。ウェブ・ハイパーテキスト・アプリケーション・テクノロジー・ワーキング・グループ)の影響も受けており、策定に関しては専門家でないとよくわからないと思われます。HTML5を使うに当たっては、当面不必要な情報でしたが、HTML5の定義はこんな感じです。以上、HTML5とは・・・でした。