HTAファイルとは？HTAメニューアプリ作成の備忘録｜SEからの脱出日記 サーバー ネットワーク パソコン備忘録
こんばんは！ホームページなどで使用されているHTMLファイルなどは知っている方は沢山いるかと思います。ですがHTAファイルは、馴染みのない方もいるかもしれません。HTAで簡易アプリケーションを作成したので備忘録です。 HTAファイルとは？ HTAは、HtmlApplicationの略。ダイナミックHTML（DHTML）の機能を利用して、Windows向けアプリケーションを作成する技術のこと。 HTML を作成する感覚で作成が可能でありHTA独自のタグを使い細かなスタイルも指定できます。 VBScriptやJavaScriptの埋め込みも可能でWindows簡易アプリケーションとして使用できます。 HTAメニュー実行画面 HTAで作成した簡易メニューアプリケーションです。下記のような画面が作成できます。メニューの名前をクリックすると指定のサイトへとびます。 HTAメニューのコード HTAメニ
画像の指定位置の色(RGBA)を取得する
HTML5のcanvasを使用して画像の指定位置の色を取得するサンプルです。色はR(red:赤)、G(green:緑)、B(blue:青)、A(Alpha:不透明度)のRGBAを取得できます。 色の取得の体験 画像をクリックすると色を取得する事ができます。 256色のカラーパレット画像の外側をクリックするとキャンバスのデフォルトのRGBAが表示されます。これによりキャンバスのデフォルトは黒色でアルファチャンネルは0と言うことがわかります。 サンプルプログラム キャンバスから色データを取得するにはcontext.getImageData()を使用します。このメソッドの戻り値はImageDataオブジェクトです。そのImageDataオブジェクトのdataプロパティに色データが含まれます。色はRGBAの順で格納されています。 <!DOCTYPE html> <html> <head> </he
Window.requestAnimationFrame() - 60fpsの間隔で繰り返し処理を実行する | DOMリファレンス
2017/10/14 requestAnimationFrame()は、Windowのメソッドです。アラートを表示します。60fpsの間隔で繰り返し処理を実行します。繰り返し処理という点ではWindowOrWorkerGlobalScope.setInterval()と目的が同じですが、こちらはアニメーションを想定しているため、ブラウザがアクティブでない時は処理を一時停止するなどCPUメモリを節約してくれます。繰り返し処理はcancelAnimationFrame()で中止できます。 概要名前requestAnimationFrame所属WindowIDLunsigned long requestAnimationFrame(FrameRequestCallback callback); callback FrameRequestCallback = void (DOMHighResTim
JavaScriptだけで言葉をしゃべらせてみた - Qiita
※ JavaScript for Robotics or Hardware Advent Calendar 2015 12/2用 http://qiita.com/advent-calendar/2015/jsrobotics ロボットなどでコミュニケーションを取る場合には、人間との会話が必要になることが多いです。 そのため、これら会話するために機械的に合成音声を出す必要があります。 これらを実現するためには、高度なライブラリやWeb上のサービスでのAPI、はたまた専用の基板などが存在したりします。 ですが、実はこの合成音声のためのものがW3Cで仕様が策定されています。 Web Speech API Specification https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html ということは・・・ブラウザで実装されてい
JavaScriptでオブジェクトの配列を filter() を使ってフィルタリングする | Try Lifelog
JavaScriptでオブジェクトの配列(普通の配列でもOK)に対し、あるプロパティの値をキーとして、条件を満たす要素のみを抽出したいときは、array.filter() メソッドを使う。(ソートしたい場合は、ここを参照。) 例えば、以下のような配列があるとする。 // JavaScript gLines = [ { ln_file: "T1301451.json" ln_key: "1301451" ln_name: "[ＪＲ]岩泉線 (茂市～岩泉) " }, { ln_file: "T1301541.json" ln_key: "1301541" ln_name: "[ＪＲ]北上線 (北上～横手) " }, { ln_file: "T1301671.json" ln_key: "1301671" ln_name: "[ＪＲ]磐越東線(ゆうゆうあぶくまライン) (いわき～郡山) " }]
配列・二次配列・連想配列のソート | TF Lab - クラウド開発記録 -
最近、連想配列も慣れてきて、バリバリ使っています。 最初は文字で参照している分、 通常の配列に比べ、気持ち悪い感じはしていたのですが、 文字列だけで配列に入れた要素を呼び出せるし、 慣れると便利なものです。 そして最近になって、配列をソートする事が必要になってきました。 ソートするといえば「sort()」関数で、これがなかなかの難物でした。 普通に使うと「ary.sort()」と使うのでしょうが、 これだと、アルファベット順に並ぶだけで、数値だけでは微動だにしません。 しかもこれは、戻り値で返されるのではなく、 対象の配列そのものが書き換わります。 数値でソートしたい場合は、 引数の中に関数を設置する必要があるようなのです。 その例がこちら。 var ary = [100,120,80,110,180]; ary.sort(function(a,b){ if(a < b){return 1
jQueryでjsonデータを扱ってみる【入門編】
jQueryでjsonデータを扱ってみる【入門編】 javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基本なようです。 似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。 そこで入門編と題して（入門編しかない!）改めて基礎から勉強していけたらと思います。 投稿日2010年07月25日 更新日2016年04月26日 とにかくシンプルなjson jsonデータは基本は外部から読み込むことになりますが、練習なのでとりあえずjavascript内の変数内に直に書きます。 「:（コロン）」で区切ったキーと値を一組として、２組目を「,（コンマ）」で区切って記述していきます。 それらを{}で囲むことで一つのオブジェクトとして扱い
Javascriptで配列にある値が存在するかどうかを確認する方法について - プログラミングを勉強するブログ
以前配列にある値が存在するかどうかをfor文を使わずに調べる方法を考えてみたという記事を書きました。この記事は「やろうと思えばこういう方法でもできるなぁ」というアイデアについて書いた記事だったのですが、Javascriptで配列にある値が存在するかどうかを確認する一般的な方法を探して当該記事を訪問していただくことが多いので改めてこの方法について書いてみたいと思います。 といってもJavascriptには"Array.contain"のような「まさにそのためにある」というメソッドが用意されているわけではないのでいずれにしろ方法の紹介ということになってしまいますが。 次の3つのパターンに分けて書きたいと思います。 ECMAScript 5が使える場合 jQueryが使える場合 上記のどちらも使わない場合 1.ECMAScript 5が使える場合 ECMAScript 5では配列に"indexO
Web Speech APIで途切れない音声認識 クラゲのIoTテクノロジー
どうも、クラゲです。 Web Speech APIを使って途切れない音声認識を行います！ 目次 [TOC] デモ体験 実際のデモが体験できるページはこちら https://monomonotech.jp/kurage/assets/scripts/iot/webspeechapi_voice_recognition この「途切れない」というのが今回のミソです。Web Speech APIはJavaScriptで非常に簡単にプログラミングできますが、数秒経つと音声認識が停止してしまいます。そうなると手動で再開しなければいけなかったり、再開の度にマイクの使用許可を聞かれて毎回タップするのが面倒です。 そんな面倒な手間を解放し、途切れずに長時間、音声認識を続ける技を紹介します！ コツ HTTPSサーバーに置くこと ローカルやHTTPサーバーだと動作しなかったり、マイクの使用許可を毎回許可する必要
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
IEだけに適用されるHTML「条件付きコメント」の使い方
こんにちは、さち です。 ウェブサイト制作の経験がある人には有名な話なんですが 古いバージョンの Internet Explorer（以下：IE） は ウェブサイトの表示で 特殊な挙動，未実装の問題 があり サイトを作る時に、別途 IE 対策が必要です。 そこで今回は IE だけに適用される HTML を記述できる 「条件付きコメント」の使い方についてまとめていきます。 「条件付きコメント」とは？ 「条件付きコメント」は IE だけが解釈できる HTML コードです。 構造は下記のようになっています。 <!--[if IE 7]> 適用するHTMLコード <![endif]--> 最初に、<!--[if IE 7]> で適用する IE のバージョンを指定。 例では、[if IE 7] なので 閲覧者のブラウザが IE7 の場合に適用します。 次に、適用内容を HTML 形式で記述。 最後に
15分ごとに時間を通知するしゃべる時計を作ろう！簡単に扱える音声合成エンジン
インターネットで調べ物をしているときや、パソコンの前に座って集中して作業していると、あっという間に時間が過ぎてしまっている、なんてことはありませんか。そこで、時間を忘れてしまうことがないよう、今回は、15分ごとに時報を読み上げる、おしゃべり時計を作ってみます。 実はこれ、Mac OS Xには、はじめから付いている機能なのですが、かなり便利なので、Windows用にJavaScriptで作ってみました。 プログラムを動かす準備 Windowsで読み上げを行なうためには、音声合成エンジンをインストールする必要があります。Microsoft Speech Platformのランタイム、および、各国語用の言語パッケージをダウンロードし、インストールしてください。 しかし、ファイルを選んでインストールするのは面倒なので、まほろば「Microsoft Speech Platform 簡単インストーラー
YouTube JavaScript Player API｜YouTubeAPI｜音声・動画配信（ストリーミング）｜PHP & JavaScript Room
動画の埋め込み クロムレスプレーヤー 再生の制御〔再生、一時停止、停止、シーク位置〕 音量の制御〔ミュートの設定・解除、ミュート状態取得、音量の設定・取得〕 再生ステータスの取得〔経過時間、プレーヤーの状態、読み込みバイト数など〕 再生画質の制御〔画質の取得・変更、有効な画質セットの取得〕 動画情報の取得〔現在の動画の長さ、URL、埋め込みコードを取得〕 イベント〔プレーヤーの状態が変わった時、画質が変わった時、エラー時に発生〕 プレーヤーのリサイズ〔プレーヤーのサイズを変更〕 動画の切り替え 複数プレーヤーの配置 動画の埋め込み 2011/1/10 YouTube JavaScript Player API リファレンス YouTube JavaScript APIを使用すると、YouTube埋め込み動画プレーヤーの再生や音量などのコントロールや関数を使用してプレーヤーの動作を制御するこ
(連想)配列の初期化と要素を動的に追加する方法 - javascript
Javascript で配列の初期化や要素を追加するには様々な方法があるが、 ここでは一般的（と思われる）な方法をいくつか以下に示す。 [HTML / javascript]// 初期化サンプル（その１） var array1 = ['日', '月', '火', '水', '木', '金', '土']; for(var i=0; i<array1.length; i++) { alert(array1[i]); } // 初期化サンプル（その２） var array2 = new Array('日', '月', '火', '水', '木', '金', '土'); for(var i=0; i<array2.length; i++) { alert(array2[i]); } [HTML / javascript]var array3 = []; // 配列の初期化 // 最後尾に要素を追加
JavaScriptで正規表現を使う方法 - JavaScript TIPSふぁくとりー
《2017年6月12日 12:00 PM 公開/更新》 JavaScriptで正規表現を使う方法 [計算・変換] JavaScriptでも正規表現を使った文字列の検索や置換が可能です。検索文字列が固定されている場合はかなりシンプルな記述で済みます。変数に格納された文字列を検索文字列に使いたい場合は、RegExpコンストラクタ関数を使うことで実現できます。 JavaScriptで正規表現を使う方法 正規表現の記述方法(検索文字列が固定の場合) 正規表現の記述方法(検索文字列が変数に格納されている場合) indexOfメソッドより楽？ JavaScriptで正規表現を使う方法 JavaScriptでも正規表現を使った文字列の検索や置換が可能です。 検索する文字列が固定されていてスクリプト内部に書いてしまえる場合には、かなり簡単に記述できます。 ※下記の文章やサンプルソース内には、「\」という記
リアルタイムWebを構築しやすくする「Socket.IO」とは
本連載では、このTech-Sketchから「コレは！」というテーマをピックアップし、加筆修正して皆様にお届けいたします。 リアルタイムWebとSocket.IO 栄えある連載第1回は、リアルタイムWebとSocket.IOについてお届けいたします。Tech-Sketchに掲載した元ネタはこちらです。 JavaScriptとDynamic HTMLによる「動的に表示内容が更新されるWebサイト」は、JavaScript内から非同期にサーバへ接続しデータを取得する技術、いわゆるAjaxが利用できるようになったことを皮切りに、爆発的に広がりました。Google Mapsなどがその代表例です。 このGoogle Mapsは、表示する場所や縮尺を変更するといった「利用者の操作」を契機として新しいデータをサーバへ取りに行く仕組みになっています。そのためサーバ側でデータが変更されたとしても、次にデータを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Animate Css Jquery
【JavaScript入門】filterで配列のデータを抽出する方法 | 侍エンジニアブログ
finefinefine.jp
IDEA * IDEA
