javascriptその他いろいろで何か作ってます。 http://cln01.blog.shinobi.jp/ ja Copyright (C) NINJATOOLS ALL RIGHTS RESERVED. <h2><a href="http://clone.ninja-web.net/editBox.htm">JSEditBox</a>を公開しました</h2> <p>使い方 : <br /> inテキストエリアにテキストを貼り付ける <br /> &darr; <br /> functionテキストエリアにスクリプトを書く <br /> &darr; <br /> functionボタンを押す <br /> &darr; <br /> outテキストエリアに結果が表示される</p> <hr /> <h3>サンプル : 行番号付加スクリプト</h3> <textarea rows="22" cols="55">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&lt;max;i++){ ret+=" " } return ret } for(var i=0;i&lt;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") </textarea><hr /> <h3>開発ノート</h3> <p><a href=" https://developer.mozilla.org/ja/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API ">MDN - Web Storage API を使用する</a> の localStorageの機能検出の部分に『 localStorage がサポート済みかつ使用可能であるかを検出する関数 』が載っていたのでコピペして組み込んだ。</p> <p>androidな環境でtextareaにtabを入力してインデントしたいと思ったのが泥沼の入り口だった。<br /> tabを挿入するだけなら <a href=" https://www.htmlcenter.com/blog/insert-text-into-textareas-using-javascript/ ">HTMLCenter Insert Text Into Textareas Using Javascript April 4, 2009 Javascript Tutorials by Curtiss </a>の関数で出来たが、テキストの先頭に挿入出来ない。<br /> if(obj.selectionStart)でセレクションオブジェクトの判定をしているのが原因だった。 selectionStartの値が0のとき単純な判定式だとfalseになって弾かれてしまう。 <br /> if("selectionStart" in obj)に書き換えた。</p> <p>複数行選択されているときインデント/アウトデントするようにした。 <br /> tabを行頭に挿入するか有効な文字列の先頭に挿入するか悩んだ。どっちでもたいして変わらないが行頭に挿入することにした。 正規表現でさっくりと処理できると思ったら上手く行かず手間取った。</p> <p>IE用の範囲選択処理を <a href="http://archiva.jp/web/javascript/getRange_in_textarea.html">Archiva textareaの選択範囲を取得し、前後に文字列を挿入する 2007&ndash;03&ndash;23 /web/javascript </a> と <a href="https://ok2nd.hatenablog.com/entry/2010/12/21/180616"> 中級プログラマの自宅でPHP ブログ 2010-12-21 textarea文字列をタグで囲んだ後のカーソル表示 </a>を参考に書き換えた。</p> <p>firefoxだとerrorオブジェクトでエラー発生行と列が取れる。他のブラウザではスタックトレースを参照するようにした。window.onerrorハンドラで処理したほうが簡単かと試してみたらイベントが発火しない(&acute;Д｀)&hellip;。 IE系のエラーメッセージはどうにもならんので放置。</p> http://cln01.blog.shinobi.jp/_js/20190603 <a href="http://clone.ninja-web.net/moji_j2.htm">文字列逆転器unicode版</a>と<a href="http://clone.ninja-web.net/cellam/cellautomaton2.htm">線形セルオートマトン2019年版</a>のスタイルシートをスマホ向けにいじりました。<br /> 縦画面でも横画面でも使えるようにしてみました。 http://cln01.blog.shinobi.jp/_js/%E3%82%B9%E3%83%9E%E3%83%9B%E7%94%A8%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%E8%BF%BD%E5%8A%A0 旧版と見た目はたいして変わっていませんが<a href="http://clone.ninja-web.net/cellam/cellautomaton2.htm">2019年版</a>はGIF画像を生成しているので気に入った模様が出来たらダウンロード出来ます。<br /> オプション説明<br /> <pre>スタイル 　ノーマル : セルを塗りつぶします 　タイル : タイル状に塗ります 　ドット : 点を打ちます 　ステッチ : 縫い目風に塗ります 始端と終端 　セル列の先頭と末尾をつなぐかどうかです 　つながない場合、先頭と末尾は常に状態0のセルと接しているとみなして出力ルールを適用します 出力 　アニメGIFの生成には少し時間がかかります 再出力 　同じ初期値とルールで出力します 　各種設定を変更して同じ模様を出力したいときに使います 背景画像に設定する 　生成した画像を背景画像に設定します </pre> <hr />使ったライブラリは<a href="https://github.com/antimatter15/jsgif/blob/master/README.md">jsgif</a>です。<br /> 簡単にjavascriptでGIF画像が生成出来ます。<br /> ただしGIF動画のリピート回数を1に設定しても2回くり返すので<br /> GIFEncoder.jsの 第96行の0を-1に書き換えました。<br /> <pre> if (iter &gt;= -1) repeat = iter; </pre> リピート回数を1回にしたいときはsetRepeatで-1を設定します。<br /> 設定を変えて画像を生成するときは毎回 new GIFEncoder()でエンコーダを作るべきなのかもしれない。まあいいや。<hr />今回、onloadで嵌まった。古臭い書き方だと動かぬ。<br /> <pre>document.body.onload=function(){ 　//実行されない } </pre> <br /> 上位オブジェクトにすると動く。<br /> <pre>window.onload=function(){ 　//動く } </pre> http://cln01.blog.shinobi.jp/_js/20190505 <a href="http://clone.ninja-web.net/moji_j2.htm">文字列逆転器ユニコード版</a>を更新しました。 <br /> ライブラリを自作しました。<br /> 拡張書記素クラスタはUnicode12.0.0準拠です。 regGraphemeCluster.js 16.98kiB<br /> ハングルのデータをスクリプトで生成するようにしたらファイルサイズがかなり小さくなりました。<br /> <a href="https://github.com/nota/split-graphemes">split-graphemes</a>のコードを組み込んだのでインド・東南アジアの文字を正しく分割出来るようになったはず。<br /> 読めないのでよくわかりませんが。<br /> <hr />書記素クラスタについて調べたらUnicode.orgの<a href="http://www.unicode.org/reports/tr29/">Text Segmentation</a>に拡張書記素クラスタの正規表現が載っていたので数日前からちまちまと作業していました。<br /> Unicode.orgからダウンロードしたプロパティデータと拡張書記素クラスタの正規表現を正規表現で整形してスクリプトを組み立てるという正規表現漬けの日々でした。<br /> そんな中、android版WaterFoxのjavascriptの正規表現で\p❴❵が使えないことが判明。<br /> 更にモジュールも使えないことが判明。<br /> &hellip;まあ使わないんですが。<br /> 文字列結合で配列.joinメソッドより+を使ったほうが速いというのをほぼ出来上がってから知ってしまい(&acute;Д｀)ﾏｼﾞｶﾖとなりました。 http://cln01.blog.shinobi.jp/_js/%E6%96%87%E5%AD%97%E5%88%97%E9%80%86%E8%BB%A2%E5%99%A8%E3%83%A6%E3%83%8B%E3%82%B3%E3%83%BC%E3%83%89%E7%89%88%E6%9B%B4%E6%96%B0 <a href="http://clone.ninja-web.net/moji_j2.htm">文字列逆転器</a>のユニコード処理ライブラリをunistring.js(86.66kiB)からgraphenesplitter.js(47.81kiB)に変えました。 <br /> 合成可能なダイアクリティカルマーク (U+0300..U+036F)も適当に左右反転するようにしました。どれが何なのかよく分かってないので本当に適当です。 <br /> <hr />ユニコードの書記素クラスタについて調べていたらスクリプトで処理を書いている人たちがいた。 <br /> <a href=" http://appsweets.net/blog/tag/unistring/">unistring.js</a> javascript<br /> <a href="https://github.com/orling/grapheme-splitter"> grapheme-splitter </a> javascript <br /> <a href=" https://ufcpp.net/blog/2017/11/graphemesplitterbyproduct/">GraphemeSplitter の副産物(絵文字調査ツールとRangeスイッチ)</a> C# <br /> 皆さんuncode.orgからデータを拾って来てスクリプトで加工して作っています。<br /> unistring.jsとgrapheme-splitterを使わせていただきました。<br /> <hr />ウインドウズにおいて<a href=" https://ja.m.wikipedia.org/wiki/%E5%86%86%E8%A8%98%E5%8F%B7#%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%81%AB%E3%82%88%E3%82%8B%E6%89%B1%E3%81%84 ">バックスラッシュと円記号の表示の問題</a>がありますが文字列逆転器ユニコード版ではスラッシュとバックスラッシュを相互変換しています。 <br /> <hr />左右反転させるのは記号のみという方針なので 顔文字で使われる漢字や片仮名 <br /> 「丿」と「乀」 <br /> 「ヾ」と「ﾉﾞ」 <br /> などを対応させていません。<br /> やりだしたらきりがないので( &acute;Д`) <br /> <hr />調べたら丿乀（へつぽつ）なんて言葉があるんですね。船などが左右に揺れるさまのことだそうです。 http://cln01.blog.shinobi.jp/_js/%E6%96%87%E5%AD%97%E5%88%97%E9%80%86%E8%BB%A2%E5%99%A8%E3%80%80%E3%83%A6%E3%83%8B%E3%82%B3%E3%83%BC%E3%83%89%E7%89%88%E3%80%804%E6%9C%8820%E6%97%A5%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3 geocities.comのアーカイブであるoocities.orgから<a href="http://clone.ninja-web.net/cellautomaton.htm">セルオートマトンのページ</a>をサルベージしました。 http://cln01.blog.shinobi.jp/_js/%E3%82%BB%E3%83%AB%E3%82%AA%E3%83%BC%E3%83%88%E3%83%9E%E3%83%88%E3%83%B3%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E3%82%B5%E3%83%AB%E3%83%99%E3%83%BC%E3%82%B8%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F <a href="http://clone.ninja-web.net/moji_j2.htm" title="String Reverser ver.2019">文字列逆転器　ユニコード版</a>を公開しました。<br /> ユニコード化するだけなのでちょっといじれば出来ると思っていたら日付が変わるまでかかってしまった。<br /> ユニコードの時代になってもマルチバイト文字の処理をせねばならんとは。サロゲートペアめ。<br /> あとユニコードの矢印多すぎ。他にも表示出来ないやつや合成文字で使うやつはパス。 http://cln01.blog.shinobi.jp/_js/%E6%96%87%E5%AD%97%E5%88%97%E9%80%86%E8%BB%A2%E5%99%A8%E3%80%80%E3%83%A6%E3%83%8B%E3%82%B3%E3%83%BC%E3%83%89%E7%89%88%E3%80%80%E5%85%AC%E9%96%8B%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F