タグ「JavaScript」が付けられているもの

ウェブサイトをつくる側として、AdBlock対策をすべきかどうか検証してみる。

  • 投稿:
ウェブページ上の広告は確かにウザかったりもする。だから、それを非表示にしたい気持ちも解るのだけれど、つくる側としては「せめてサーバ代くらいは稼がせてくださいよ…」というのが本音でもある訳です。 先日、…

iTunes代替プレーヤー "sTunes" をアップデート。

  • 投稿:
動作の軽さのみを追求した、ウェブブラウザ上で動作するiTunes代替音楽プレイヤー "sTunes" のアップデートです。 操作パネル右側、ジャンル/アーティスト/アルバムの各プルダウンメニュー、これ…

【JavaScript】すべての子要素を削除するときは、cloneNode(false) して replaceChild するのが多分いちばん速い。

  • 投稿:
さて、あるDOM要素の中身を空にしたい。つまり全ての子要素を削除したいときの話。 要素 ele の子ノードをすべて削除したいならば、安直に、 ele.innerHTML = ''; という方法も考えら…

「iTunesが重くて使いにくくてかなわん」というときには、 sTunes Playerをお試しあれ。

  • 投稿:
ただ音楽を聴きたいだけなのに、どうも最近の iTunes は気に入らない。何だか重いし。ユーザインターフェースも昔のほうが使いやすかったな…。 …と iTunes を起動するたびに思っていたので、HT…

【JavaScript】長大なテキストファイルを分割して読み込む。

  • 投稿:
数百MBのテキストファイルを読み込んでごにょごにょする JavaScript を書く必要に迫られた。 デカいファイルを一気に読み込むと当然のようにブラウザが固まるので、『ファイルの分割読み込みをしつつ…

【縦書き:h2vR.js / h2v.js】不具合を修正しました。

  • 投稿:
  • / 更新:
縦書き変換JavaScript・h2vR.js と h2v.js です。 前の記事のコメント欄などで報告を受けていた、 縦書き変換が上手く行われない場合がある。 …という不具合に対応しました。ダウンロ…

DOMContentLoaded と外部スタイルシート。

  • 投稿:
JavaScriptで、DOMContentLoaded イベントを捕捉して何かしらの処理を行うときの話。 DOMContentLoaded 時に getComputedStyle() でページ内要素…

【h2v.js】縦書き変換スクリプトの新しいバージョンを準備中です。

  • 投稿:
  • / 更新:
さて、縦書きを実現するJavaScript・h2v.jsです。暫くほったらかしで申し訳ないです。 最近、 h2v.js はレスポンシブデザインのウェブベージに対応していないのか。 という問い合わせを何…

PCからなのか、モバイルデバイスからのアクセスなのかを "ざっくり" と判別する。

  • 投稿:
タイトルのとおりなのだけれど、とりあえず今やりたいのは、 アクセスしてきたブラウザが、ユーザの側でウィンドウサイズ変更可(≒PC)な奴なのか、そうでない(≒スマートフォンやタブレットの類)なのか。 ……

【CSS / JavaScript】インラインテーブル要素を、行に対してぴったり配置する。

  • 投稿:
ruby_enabler2.jsでは、ruby要素を正しくレンダリングしてくれないウェブブラウザに対して、 ruby要素:インラインテーブル(display:inline-table;) 内包するrb…

【HTMLルビ】両面ルビ表示を実現するJavaScript、出来ました。

  • 投稿:
  • / 更新:
ウェブページでどうしてもルビを使いたい / 両面ルビを表示させたい / 最新のHTML5勧告に基づく書式でルビをコーディングしたい…というコンテンツ制作者さんたち、こちらのスクリプトを試してみてくださ…

Firefoxでルビ表示を実現するJavaScriptブックマークレット。

  • 投稿:
  • / 更新:
さて、拙作ruby_enabler.jsと鋭意開発中のHTML5対応版ruby_enabler2.jsは「ウェブページの制作者側でルビ表示の適正化を行うためのJavaScript」です。 余談ですが、…

Internet Explorerで両面ルビのレンダリングに手こずっている理由。

  • 投稿:
  • / 更新:
さて、HTML5最終勧告で定義されたルビの書式を先取りしてやろう…と、ぼちぼちJavaScriptを書いているのです。 【2015.02.07 追記】  ruby_enabler2.js、完成版が出来…

【HTMLルビ】両面ルビ表示を実現する。中間発表。

  • 投稿:
  • / 更新:
【2015.02.07 追記】  ruby_enabler2.js、完成版が出来ました。→ こちらでどうぞ。 以前に書いた記事のコメント欄で『HTML5の両面ルビを実現すべく何かしらやってみる』と書…

HTML5の最終勧告でrubyタグ周りはどうなった?

  • 投稿:
こちらの記事にコメントを頂きました。遅ればせながら纏まとめてみます。 2014年10月に発表されたHTML5の最終勧告。 …と、その前に。用語がとっ散らかりそうなので、この記事内では ルビを振られる…

デバイスがタッチスクリーンかどうかJavaScriptで判定する。

  • 投稿:
ユーザのマウスクリックや画面タッチで何かしらの操作を行ってもらう時に、マウスイベントを捕捉するのかタッチイベントを捕捉すれば良いのか簡単に切り分ける方法のメモ。 まず、最近の Internet Exp…

【Web Audio API】サンプルどおりにプログラムしても音が出ない時には…。

  • 投稿:
JavaScriptでサウンドをごにょごにょしてみよう…と思います。HTML5やJavaScript関連の解説ドキュメントでは日頃からMDN(Mozilla Developer Network)あたり…

【h2v.js】 縦書きレイアウトを簡単にプレビューできるリッチテキストエディタを作ってみた。

  • 投稿:
さて、h2v.jsを利用した縦書き表示のウェブページを作成するとき、みなさんはどうされています? テキストエディタでHTMLをごりごりとコーディングしてゆくか、ホームページビルダー的なアプリケーション…

【h2v.js】 バージョン3.5.0 の公開です。

  • 投稿:
縦書きWebページを実現するJavaScript・h2v.jsのバージョン3.5.0です。今回の更新では、いわゆる空白文字の扱いを大幅に変更しています。 h2v.jsでは「通常の横書きを、そのまんまサ…

JavaScriptで   を上手く扱う。

  • 投稿:
さて、こないだの記事で "半角スペース" と "&nbsp;" は違うのだ、ということを書きました。 例えばこんなHTMLがあったとします。 <div id="s">It's bee…