Rain or Shine – もはやプログラムとかコンピュータ系の開発Tips集的なアレ。万年工事中。

2017/03/16 -JavaScript
HTMLCollection, jQuery, NodeList

rowspanされてて2行で一組なテーブルってよくあるじゃないですか。それを動的にまるっと挿し替えたいときどうするか。

<table>
	<tbody>
		<tr data-row-id="1">
			<td rowspan="2">2行分使ってるセル</td>
			<td>ほげほげ</td>
		</tr>
		<tr data-row-id="1">
			<td>ふがふが</td>
		</tr>
		<tr data-row-id="2">
		...
	</tbody>
</table>

1

2

3

4

5

6

7

8

9

10

11

12

13

<table>

<tbody>

<td rowspan="2">2行分使ってるセル</td>

</tr>

</tr>

...

</tbody>

</table>

innerHTMLに流し込んだscriptを活性化させる

2017/03/02 -JavaScript
element.innerHTML, jQuery.fn.html(), script

innerHTMLは仕様上、scriptタグの含まれるHTMLソースコードを代入しても、そのスクリプトコードは実行されません。

// 何も起きない(´・ω・`)
document.body.innerHTML = '<script>console.log('test')</script>';

1 2	// 何も起きない(´・ω・`) document.body.innerHTML = '<script>console.log('test')</script>';

ele …

JSでHTMLのテンプレートを扱うシンプルな方法

2017/02/07 -HTML, JavaScript
DocumentFragment, importNode, template

templateタグの使用例。覚え書きですよ <template> – HTML | MDN

フォームの送信前に確認ダイアログをはさむ方法

2016/11/30 -JavaScript, Web
form, jQuery

例えばこういうフォームがあったとして、送信前に確認メッセージをはさみたいときのシンプルな実装方法の例をご紹介。

<form id="example-form" action="example.php" method="post">
	<input type="text" name="key" value="">
	<input type="submit" value="送信">
</form>

1

2

3

4

</form>

JSPM + Riot.js v3 セットアップ覚え書き

2016/11/25 -Web, フロントエンド
JavaScript, jspm, npm, riot.js

なんとなく覚え書き的なアレです。 Riot.js v3がつい先日リリースしたのですが、公式サイトもまだv2の内容な上、JSPMと併せて使う方法がよくわからなかったので、自己解決してまとめ。

ネストしたセレクタで親セレクタに対して要素を限定したい場合

2016/10/15 -CSS, Web
CSS, SASS

例えば.btn1ってクラスのa要素またはbutton用のスタイルを作るとして、普段は白文字、:disabledもしくはhref属性がない場合ならグレー文字ってしたいと思うじゃないですか。そしたら以 …

zlib形式圧縮の実装

2016/06/05 -C#
.NET Framework, Adler32, Deflate, PNG, zlib

先日PNGエンコーダを自作してみたのですが、なんでかC#もとい.NET FrameworkにはPNGフォーマットに必須のzlib圧縮(RFC1950)が見当たりませんでした。無いものは作るべし、とい …

リサイズフィルタの改良

2015/10/28 -C#, プログラミング
Bicubic, Bilinear, Lanczos, NearestNeighbor, Sinc, Spline, 画像処理, 補間アルゴリズム

これまでに幾つかの画像リサイズフィルタを紹介してきました。あともう一つ紹介したいところですが、その前に実装したコードにいくらか問題点があるのでそれらを解決したいと思います。

Lanczos（ランチョス法）【ついでにSpline36】

2015/10/12 -C#, プログラミング
Lanczos, Spline, 画像処理, 補間アルゴリズム

SSDを交換して容量不足から解消され、久々にVisualStudioを入れることができたので再開しま。今回はランチョス（Lanczos）法と、おまけでSpline法をご紹介します。

カスタムデータ属性を動的に変化させた時に子要素のCSSが適用されない件

2015/05/14 -Android, CSS, JavaScript, スマートフォン
Android, CSS, Xperia, カスタムデータ属性, バグ

例えばこのようなCSSとHTMLコードがあった場合、親要素のカスタムデータ属性をJSで書き換えてもデザインが変化しないことがあったので対応策をメモ。 [crayon-5950e87c140503704 …

URLSearchParamsを自作してみた

2014/12/04 -JavaScript, Web
Chrome, Safari, URLSearchParams, スマートフォン

Chromeやスマホのブラウザではまだ実装されてないみたいなので自作してみた。 URLSearchParams – Web API インターフェイス | MDN

次に来る◯時のタイムスタンプを取得するシンプルな方法

2014/07/24 -PHP
date, strtotime, UNIXタイムスタンプ, メモ

次に来る◯時（5時とか）のタイムスタンプが欲しい時ありますよね？色々方法はあると思いますが、なんだかんだで日をまたぐと煩雑になりがち。ということでstrtotime()を使ってシンプルに片付けたの …

キーを維持したまま配列をシャッフルするシンプルな方法

2014/07/23 -PHP
shuffle, uasort, メモ

PHPのshuffle()ってホラ、あれですよね？キーを張り替えて混ぜてるから、キーが連番で振り直されちゃうっていう。やはりキーを維持したまま混ぜたい時もあるんで、ashuffle()とかは無いし …

続 GALAXY S4の標準ブラウザのUAに『Chrome』と書かれている件について

2014/04/03 -JavaScript, Web, スマートフォン
Android, Chrome, GALAXY S3, GALAXY S4, UserAgent

以前書いた記事の続報。大変困った。 GALAXY S4（SC-04E）の標準ブラウザのUAに『Chrome』と書かれている件について » Rain or Shine

Bicubic（バイキュービック法）～3.さらに高速化編～

2013/12/13 -C#
Bicubic, 画像処理, 補間アルゴリズム

また前回の投稿から間が空いてしまいました。さてさて、前回のアンセーフコードとマルチスレッドを用いた劇的な高速化に引き続き、今回は『ループの書き方を変える』というコロンブスの卵的な手法を用いたさらなる …

CGIに渡すREQUEST_URIを書き換える

2013/12/13 -PHP, Web
Nginx, PHP, メモ

Nginxの設定において、実際にリクエストされたURLを書き換えて、CGIで使うサーバ変数のREQUEST_URIに渡したい時があったのでメモ。

iRig RecoderからエクスポートしたWAVファイルが読み込みエラーな件

2013/08/15 -コンピュータ, スマートフォン
iOS, iRig Recoder, WAVファイル

自分は普段バンドや合奏の練習を録音するのにiOSアプリの『iRig Recoder』（無料版）を利用しています。 iPod Touchの内蔵マイクを使って録音するわけですが、これが結構いい感じに高音質 …

ファイル内容から正規表現で抜き出した文字列でリネームするワンライナー

2013/07/18 -Linux
find, sed, shell, メモ

ワンライナー？というか、一行コマンド。もしかたら今後も使うかもしれないのでさくっとメモ。

市松模様をXAMLだけで描く方法

2013/06/11 -C#
WPF

WPFをロクに使いこなせてないのに、なんかやってみたかったので作ってみました。

GALAXY S4の標準ブラウザのUAに『Chrome』と書かれている件について

2013/06/03 -JavaScript, Web, スマートフォン
Android, Chrome, GALAXY S4, UserAgent

現在docomoが優遇販売している『GALAXY S4』と『Xperia A』ですが、GALAXY S4（SC-04E）の標準ブラウザのUAに『Chrome』の文字が入っていてあたふたしたのでメモ。

たかおファン(surface0)