JavaScript innerHTMLに流し込んだscriptを活性化させる
innerHTMLは仕様上、scriptタグの含まれるHTMLソースコードを代入しても、そのスクリプトコードは実行されません。// 何も起きない(´・ω・`)document.body.innerHTML = '<script>console.log('test')</script>';さてどうする...
JavaScript JavaScript JSでHTMLのテンプレートを扱うシンプルな方法
templateタグの使用例。覚え書きですよ
JavaScript フォームの送信前に確認ダイアログをはさむ方法
例えばこういうフォームがあったとして、送信前に確認メッセージをはさみたいときのシンプルな実装方法の例をご紹介。<form id="example-form" action="example.php" method="post"> <input type="text" name="key" value...
JavaScript JSPM + Riot.js v3 セットアップ覚え書き
なんとなく覚え書き的なアレです。Riot.js v3がつい先日リリースしたのですが、公式サイトもまだv2の内容な上、JSPMと併せて使う方法がよくわからなかったので、自己解決してまとめ。
SASS ネストしたセレクタで親セレクタに対して要素を限定したい場合
例えば.btn1ってクラスのa要素またはbutton用のスタイルを作るとして、普段は白文字、:disabledもしくはhref属性がない場合ならグレー文字ってしたいと思うじゃないですか。そしたら以下みたいなコード書くと思います。.btn1 { color: white; &disabled, &:n...
C# zlib形式圧縮の実装
先日PNGエンコーダを自作してみたのですが、なんでかC#もとい.NET FrameworkにはPNGフォーマットに必須のzlib圧縮(RFC1950)が見当たりませんでした。無いものは作るべし、ということで自作してみました。正直なところサードパーティ製のライブラリ使えば終わりですが、PNG圧縮のため...
C# リサイズフィルタの改良
これまでに幾つかの画像リサイズフィルタを紹介してきました。あともう一つ紹介したいところですが、その前に実装したコードにいくらか問題点があるのでそれらを解決したいと思います。
C# Lanczos（ランチョス法）【ついでにSpline36】
SSDを交換して容量不足から解消され、久々にVisualStudioを入れることができたので再開しま。今回はランチョス（Lanczos）法と、おまけでSpline法をご紹介します。
CSS カスタムデータ属性を動的に変化させた時に子要素のCSSが適用されない件
例えばこのようなCSSとHTMLコードがあった場合、親要素のカスタムデータ属性をJSで書き換えてもデザインが変化しないことがあったので対応策をメモ。<div id="hoge"> <div>ほげ</div></div>div > div { background-color: blue;}div >...
JavaScript URLSearchParamsを自作してみた
Chromeやスマホのブラウザではまだ実装されてないみたいなので自作してみた。