にせねこメモ

はてなダイアリーがUTF-8じゃないので移ってきました。

Javascript

ins/delタグのdatetimeで指定された追記/削除時間を表示する

HTML文書を書いているとき、<ins>や<del>などのタグで追記や削除を行う場合に、その追記や削除を行った時間を表示しておけたらいいと思うことがある。これらのタグにはdatetime属性で時間が指定できるので、そこで指定された日時に追記あるいは削除された、ということ</del></ins>…

SVGでフレームアニメーション w/ Javascript

前回の記事でSMILによるフレームアニメーションを実装したが、これだとIEやEdgeで動かないので、Javascriptを用いてアニメーションを実装しIEやEdgeでも動くようにした。 デモ <img>タグによる読み込み <img src="animate_js.svg" style="width:100%"> imgタグで埋め込むとJavascriptによるアニメーションは動か…

Chinachu録画番組一気見プレイリスト生成ブックマークレット

Chinachuで録画番組をストリーミングで連続再生したかったので、そのためのXSPFプレイリストを生成する簡易的なブックマークレットを作った。 使い方 ブラウザからWUIにアクセスする。 「録画済」番組一覧を表示し、「録画番組検索」などを行い、観たい番組…

現在時刻のglobal date and time stringを生成する

HTML5では、時間を指定するための<time>要素があり、また<del>要素などではdatetime属性によって時間を指定できる。これは編集履歴を残すのに都合がよい。ここに指定するのは、有効なglobal date and time stringでなければならない。例えば、 2017-03-15T20:53:45+09:0</del></time>…

HTMLのある要素の直下のテキストだけを取り出す

JavaScriptで、HTMLの要素の直下(つまり、子供)のテキストだけをとりだしたかった。 例をあげると、 <div id="test"><b>新</b>楽しい人生<small>第一回</small></div> みたいなhtmlがあったとき、<div>の中の直下のテキストだけ取り出し、「楽しい人生」を得たいという欲求があった。ここで、 div = document.</div>…

モンゴル文字簡易翻字ブックマークレット

nixeneko.hatenablog.com これ、色々応用できるのでは、ということで、Unicodeのモンゴル文字をラテン文字に1:1で変換して表示するというものを作ってみた。 ブラウザのブックマークレットとして動くJavascriptプログラムです。文字の対応に変なところがあっ…

ブラウザ上で文字列のUnicode Code Pointを調べる

時々文字列を見てその素性を調べたいことがある。とりあえず文字のUnicodeコードポイントが分かれば色々と調べることもできるのだが、案外そういったものが見つからず不便だった(探し方が悪いのかもしれない)。 ブラウザでできたらいいなあと思ったのでJavas…