javascript

[PR]

×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
JSEditBoxを公開しました

JSEditBoxを公開しました

使い方 :
inテキストエリアにテキストを貼り付ける
↓
functionテキストエリアにスクリプトを書く
↓
functionボタンを押す
↓
outテキストエリアに結果が表示される

サンプル : 行番号付加スクリプト
var ret=inStr.replace(/\r\n/gm,"\n").match(/^.*/gm) var pow10=1 var log10=0 var logMax=Math.floor(Math.log(ret.length)/Math.log(10))//LN10 var nbspc="" function fillSpc(n,max){ var ret="" for(var i=n;i<max;i++){ ret+=" " } return ret } for(var i=0;i<ret.length;i++){ if(i+1==pow10){ nbspc=fillSpc(log10++,logMax) pow10=pow10*10 } ret[i]=nbspc+(i+1)+"|"+ret[i] } return ret.join("\n")

開発ノート

MDN - Web Storage API を使用するの localStorageの機能検出の部分に『 localStorage がサポート済みかつ使用可能であるかを検出する関数』が載っていたのでコピペして組み込んだ。

androidな環境でtextareaにtabを入力してインデントしたいと思ったのが泥沼の入り口だった。
tabを挿入するだけなら HTMLCenter Insert Text Into Textareas Using Javascript April 4, 2009 Javascript Tutorials by Curtiss の関数で出来たが、テキストの先頭に挿入出来ない。
if(obj.selectionStart)でセレクションオブジェクトの判定をしているのが原因だった。 selectionStartの値が0のとき単純な判定式だとfalseになって弾かれてしまう。
if("selectionStart" in obj)に書き換えた。

複数行選択されているときインデント/アウトデントするようにした。
tabを行頭に挿入するか有効な文字列の先頭に挿入するか悩んだ。どっちでもたいして変わらないが行頭に挿入することにした。正規表現でさっくりと処理できると思ったら上手く行かず手間取った。

IE用の範囲選択処理を Archiva textareaの選択範囲を取得し、前後に文字列を挿入する 2007–03–23 /web/javascript と中級プログラマの自宅でPHP ブログ 2010-12-21 textarea文字列をタグで囲んだ後のカーソル表示を参考に書き換えた。

firefoxだとerrorオブジェクトでエラー発生行と列が取れる。他のブラウザではスタックトレースを参照するようにした。window.onerrorハンドラで処理したほうが簡単かと試してみたらイベントが発火しない(´Д｀)…。 IE系のエラーメッセージはどうにもならんので放置。

PR
スマホ用スタイルシート追加

文字列逆転器unicode版と線形セルオートマトン2019年版のスタイルシートをスマホ向けにいじりました。
縦画面でも横画面でも使えるようにしてみました。
線形セルオートマトン 2019年版　公開しました
旧版と見た目はたいして変わっていませんが2019年版はGIF画像を生成しているので気に入った模様が出来たらダウンロード出来ます。
オプション説明
```
スタイル
　ノーマル : セルを塗りつぶします
　タイル : タイル状に塗ります
　ドット : 点を打ちます
　ステッチ : 縫い目風に塗ります
始端と終端
　セル列の先頭と末尾をつなぐかどうかです
　つながない場合、先頭と末尾は常に状態0のセルと接しているとみなして出力ルールを適用します
出力
　アニメGIFの生成には少し時間がかかります
再出力
　同じ初期値とルールで出力します
　各種設定を変更して同じ模様を出力したいときに使います
背景画像に設定する
　生成した画像を背景画像に設定します
```
使ったライブラリはjsgifです。
簡単にjavascriptでGIF画像が生成出来ます。
ただしGIF動画のリピート回数を1に設定しても2回くり返すので
GIFEncoder.jsの第96行の0を-1に書き換えました。
```
 if (iter >= -1) repeat = iter;
```
リピート回数を1回にしたいときはsetRepeatで-1を設定します。
設定を変えて画像を生成するときは毎回 new GIFEncoder()でエンコーダを作るべきなのかもしれない。まあいいや。
今回、onloadで嵌まった。古臭い書き方だと動かぬ。
```
document.body.onload=function(){
　//実行されない
}
```
上位オブジェクトにすると動く。
```
window.onload=function(){
　//動く
}
```
文字列逆転器ユニコード版更新

文字列逆転器ユニコード版を更新しました。
ライブラリを自作しました。
拡張書記素クラスタはUnicode12.0.0準拠です。 regGraphemeCluster.js 16.98kiB
ハングルのデータをスクリプトで生成するようにしたらファイルサイズがかなり小さくなりました。
split-graphemesのコードを組み込んだのでインド・東南アジアの文字を正しく分割出来るようになったはず。
読めないのでよくわかりませんが。

書記素クラスタについて調べたらUnicode.orgのText Segmentationに拡張書記素クラスタの正規表現が載っていたので数日前からちまちまと作業していました。
Unicode.orgからダウンロードしたプロパティデータと拡張書記素クラスタの正規表現を正規表現で整形してスクリプトを組み立てるという正規表現漬けの日々でした。
そんな中、android版WaterFoxのjavascriptの正規表現で\p❴❵が使えないことが判明。
更にモジュールも使えないことが判明。
…まあ使わないんですが。
文字列結合で配列.joinメソッドより+を使ったほうが速いというのをほぼ出来上がってから知ってしまい(´Д｀)ﾏｼﾞｶﾖとなりました。
文字列逆転器　ユニコード版　4月20日バージョン

文字列逆転器のユニコード処理ライブラリをunistring.js(86.66kiB)からgraphenesplitter.js(47.81kiB)に変えました。
合成可能なダイアクリティカルマーク (U+0300..U+036F)も適当に左右反転するようにしました。どれが何なのかよく分かってないので本当に適当です。

ユニコードの書記素クラスタについて調べていたらスクリプトで処理を書いている人たちがいた。
unistring.js javascript
grapheme-splitter javascript
GraphemeSplitter の副産物(絵文字調査ツールとRangeスイッチ) C#
皆さんuncode.orgからデータを拾って来てスクリプトで加工して作っています。
unistring.jsとgrapheme-splitterを使わせていただきました。

ウインドウズにおいてバックスラッシュと円記号の表示の問題がありますが文字列逆転器ユニコード版ではスラッシュとバックスラッシュを相互変換しています。

左右反転させるのは記号のみという方針なので顔文字で使われる漢字や片仮名
「丿」と「乀」
「ヾ」と「ﾉﾞ」
などを対応させていません。
やりだしたらきりがないので( ´Д`)

調べたら丿乀（へつぽつ）なんて言葉があるんですね。船などが左右に揺れるさまのことだそうです。

javascript

JSEditBoxを公開しました

サンプル : 行番号付加スクリプト

開発ノート

カテゴリー

最新記事

RSS

リンク

P R