Web
Chromiumベースの新EdgeでIEモードを使うために必要な Microsoft Edge ポリシー設定をローカルPCに構成する方法を説明しています。
Windows Update を待たずにChromiumベースの新MS-Edgeをインストールする方法と、IEモードを使えるようにする設定手順を書いています。
この度、JavaScriptでWebWorkerを手軽に扱う [npmモジュール TransWorker](https://www.npmjs.com/package/transworker) を v1.1.0 に更新しました。 従来は DedicatedWorker にしか対応していなかったため、ワーカースレッドを生成したメインスレッドからし…
結構みんなが知ってるつもり？ウェブページのマウスカーソルの形状を変更する方法を書いています。小ネタといえば小ネタです。
HTMLのIMGタグでSVG画像を表示するとき、EdgeではSVG画像がIMGタグのサイズに拡大・縮小されず、SVGで指定されたサイズでそのまま表示されることがあります。 他のブラウザ（Chrome、Firefox、Safari）では大丈夫でした。 また他の画像形式ならばEdgeでも問…
WEBページのSVGにツールチップを表示する方法を書いています。なぜかHTML要素とはやり方が違いますので比較しながら説明します。
前回記事の読み込みに引き続いて、WEBアプリからGoogleドライブにファイルを保存するサンプルコードを掲載します。 公式ガイドにWEBブラウザのJavaScript向けサンプルコードは有りませんでした。 しかし前回懲りて学習しました。 XHRで直接APIを叩けばOK。 …
「ブラウザで動作するWebアプリから、ユーザーのGoogleドライブに保存されているファイルを読み込む方法」を書いてます。
HTML5のDOMイベントに、mouseenter と mouseoverという、よく似たマウスイベントがあります。ここには、その違いについて調べたことを書いておきます。 どちらもマウスポインターが要素の上に入ってきた時に発生するイベントで、それぞれに対応する「マウス…
最近AdSenseで「自動広告」なるものが使えるようになりました。 とても便利でお手軽で、素晴らしいソリューションだと感動したんですが、「AIが人々の仕事を奪っちゃう！」というほどではないにしろ、少し危機感も感じます（後述）・・・。 てことで、ちょっ…
WEBページ内の特定HTML要素を画面全体に広げられるフルスクリーンAPIのラッパーモジュールをnpmで公開しました。 WHATWGが策定しているフルスクリーンAPIは、現状（2017年5月現在）、多くのブラウザで、プリフィックス付きの実装（mozとかwebkitというアレで…
JavaScriptからSVG要素の重なり順（Z-Order）を制御する方法をご紹介。意外に簡単にできますよ。
ふと思いついてテキストに傍点をつけるためのスクリプトを作りましたので、ご紹介。（ソースはGitHubに置いてます） 「傍点」は「圏点」ともいうらしいのですが初耳でした。この文書では以降「傍点」で通します。 「傍点によるテキストの強調」は、CSS3のtex…
フォームのテキスト入力項目の見た目を、jQuery UI の spinner(スピンボタン付き数値入力ウィジェット)と同じようにする、jQueryの簡単なプラグインです。spinnerのスタイル(CSS)を利用するので、jQuery UI も必要です。 spinnerは結構高さがあって、ボタン…
よく勘違いして慌てているので書いておきます。 フォーム部品のcheckedやselectedといったbool型のプロパティの操作は、propを使用する。以前はattrを使っていた記憶がありますが、それではちゃんと動いてくれないです。 いちご みかん りんご いちご みかん…
jQuery UI のselectmenu は、フォームがリセットされても表示が元に戻らないみたいですね。 以下のようにして解決。 $("input[type='reset']").button() .click(function() { window.setTimeout(function() { $("[name='sel']") .selectmenu('refresh'); }, …
気象庁のWEBページからは、10分間隔で気圧、降水量、気温などのデータが得られます(*1)。 やんごとなき事情により、住んでる近くの気圧や気温の急激な変化があったところを調べたくて、サイトを開いてみたのですが、気象庁のサイト、イマイチ使いにくい。デ…
