HTML5

1/77ページ

Microsoft EdgeのsessionStorageとtarget="_blank"

早速Edgeで開発してみたら  2015年9月にWindows10が出ましたね。気になるMicrosoft Edgeいじってたら、早速予期せぬ事態が。  WebStorage(sessionStorage)の考え方が他のブラウザと違う。  まず前提としてHTML5の機能WebStorageの、特にsessionStorageは 「ブラウザのウィンドウ/タブ間でデータが共有されない」のが特徴。  と […]

WeChat公共プラットフォームのWeb開発戦闘 – 3. JSSDKを使用してWebページの地理的位置を取得する(HTML5 + jQuery)

図7.1に示すように、JSSDK環境をコピーし、index.htmlファイルを作成します。 図7.1セクション7.1のファイル構造 location.jsで、次のように「getLocation」インタフェースをカプセル化します。 01 wxJSSDK.location = function(locationApi){ 02 if(wxJSSDK.isReady){//wxJSSDK.isReady […]

ブラウザで音声ファイルを再生する(wav)

ブラウザで音声ファイルを再生する(wav) ブラウザ上に再生ボタンを設けて音声ファイル(wav)の再生を行いたいとの要件に対応するため、調べた内容をメモ。 実行環境 OS:Windows(7、10) ブラウザ:IE(10、11)、Chrome その他:HTML5、CSS3、Jersey(サーバ側フレームワーク Strutsベース) 以下、時系列、かつ、箇条書きに対応内容を記述する audioタグを […]

JavaScriptで砂嵐

はじめに テレビの砂嵐をご存知だろうか。アナログテレビで画像を受信できない時に出るノイズのようなものである。たまに歌のネタなんかにされたりもするが、テレビの地上波がデジタル化されて久しいので、今の若い人は知らないかもしれない。 テレビの砂嵐には有名な都市伝説がある。地方のテレビ局の夜勤の人が、放送終了後の砂嵐の時間帯に会社の機材でAVを見ようとしたら、うっかり公共の電波に乗せてしまい、すぐに数十件 […]

JavaScriptのテキスト(超入門)

JavaScriptのテキスト(超入門)  既に他の言語を習得している人が,迅速にJavaScriptでアプリ作りまでできるようになるための内容にしています.   --------------------- ●テキスト本体(PDF形式129ページ:2.49MB) 2018/07/15更新  SVG描画の方法,class文によるオブジェクト指向プログラミング(ES6)に言及しています.  HTMLと […]

JavaScriptのイベントドリブンとスコープのテスト

JavaScriptのイベントドリブンとスコープのテスト NOTE: 完全にプライベートでなおかつ試みとしての理解なので,あまりにも支離滅裂であると考えられる場合は後で削除する可能性があります。 JavaScriptのスコープというと次のような話題をよく見つけることができます: 巻き上げ JavaScriptにはブロックスコープはない。ただし,letが使えるようになった(ES2015) 関数スコー […]

Literalでjavascriptを呼び出すときの注意

書きたいこと Literalを使用したときの注意点を記載。 経緯 webapp作成中ボタンのイベントハンドラー処理でポップアップを表示するためLiteralを使いjavascriptを使用した。 ボタンボタンイベント発生時HTMLで作成した画面が途中から描写されていない状態でjavascriptが発生していた。 原因 Literalを使用してjavascriptを呼び出したとき画面表示がHTMLの […]

JavaScriptの実装に役立つリンク集

JavaScriptは誰でも書くことはできるから簡単だと思われがち。けれど実際に理解して正しく書くのはものすごい難しいと思う。があっても気が付きにくいからこそ経験者達のノウハウの収集はとっても大切! よくやることを忘れてしまった javaSctipt // 要素のidを取得する。 let id = $(要素名).attr('id'); // onClickイベントなどで let id = $(th […]

JavaScriptでユーザーアイコンのアップローダー

JavaScriptで画像をリサイズしてから画像をアップロードする を調整してユーザーアイコン用のアップローダーを作りました。 ファイル選択時に以下の動作をするように変更したものになります。 画像の中心を変更せずに短辺に合わせて正方形にトリミングしてリサイズする。 送信ボタンをつけてますが、ファイル選択時に送信を実行するように調整したら良いと思います。 <!DOCTYPE html> […]

JavaScriptでファイルダウンロード

JavaScriptでファイルダウンロード JavaScriptアドベントカレンダー 14日目です。(12/19) リンクを押すとダウンロードが勝手に始まるやつ。 どう実装していますか? 実装する機会があり私は詰まりました。 前提として、認証のあるサーバからファイルをダウンロードする想定です。 ダウンロードが始まるやーつ anchorタグのDOMオブジェクトを作ってあげて、urlにファイルのダウン […]

1 77