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

【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…

「両端揃え」と「均等割付」。

  • 投稿:
  • / 更新:
どうやら自分の中でも用語が混乱しているようなので、私見も含めてまとめておきます。『日本語の横書き文書』を整形するときの話です。 『両端揃え』というのは、一般的にはこういう処理。 言葉で説明すると、 【…

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

  • 投稿:
縦書きレイアウトを実現するJavaScript・h2v.jsの新しいバージョンです。 スタイルシート・letter-spacingプロパティを適切に処理できるようにしてみました。スタイルに lette…

【h2v.js】次期バージョンのβ版がだいぶこなれてきたよ。

  • 投稿:
さて、縦書きレイアウトを実現するJavaScript・h2v.jsです。 しばらく前から取り組んでいる、スタイル letter-spacing を適切に処理できるバージョンですが、動作・表示ともに良い…

【h2v.js】 letter-spacingを適切に処理するバージョンのβ版。

  • 投稿:
  • / 更新:
さて、以前予告しましたが、縦書き表示用JavaScript・h2v.jsの次期バージョンについてです。 CSSで letter-spacing を設定することで文字の(上下)間隔を調整できるようにした…