個人的によく使う or 人に教える正規表現チェックツールをまとめました お役に立てますと幸いです 目次 Debuggex: Online visual regex tester Regexper Regular Expression Test Drive 正規表現チェックツール - Kaizen Platform RegexPlanet - Online Regular Expression (Regex) Testing and Cookbook Regex Tester Online regex tester and debugger Rubular: a Ruby regular expression editor and tester 1．Debuggex: Online visual regex tester 対応言語 JavaScript, Python, PCRE 正規表現を

JavaScriptは大変難しい言語です。Rubyの難易度を2、Cの難易度を5、C++の難易度を8にすると、JavaScriptの難易度は12ぐらいあると思います。このコーディングガイドはそんなJavaScriptの深みに嵌まらないようにするためのJavaScriptの書き方を規定したものです。初級者1のための物ですので、わかってやっている人に好きにやってください。 このコーディングガイドは絶対に従わなければならないものではありません。私は一切強制はしませんし、初級者が従わなければならないという義務もありません。採用するしないはみなさんの自由です。 禁止編 JavaScriptには安易に使用してはいけない機能があります。下記の機能は、それぞれの機能を使っても良い、または、使うべきであるという理由を説明できない限り、使用してはいけません。 ==、!= ==と!=を使用してはいけません。代わり

これはなに？ いわゆるMicrosoft Excelで言うところのPHONETIC関数です。 漢字を含むテキスト・セルを指定することで、読み仮名を出力することができます。読み仮名はひらがなのふりがなでもカタカナのフリガナでも大丈夫です。 典型的な利用シーンとしては、住所録で氏名の読み仮名を自動で（それなりに）ふりたい、というシーンがあります。ちょうど年賀状シーズンの住所録でふりがなが必要になったりしていると思いますが、ローカルのExcelではなくGoogleスプレッドシートで管理している方も多いでしょう。ExcelにはPHONETIC関数があるのにGoogleスプレッドシートには同様の機能が無いのです。 機能 漢字を含むテキスト（セル）をひらがなへ変換 =HIRAGANA(input) 漢字を含むテキスト（セル）をカタカナへ変換 =KATAKANA(input) フラグで変換先（ひらがな/

CSS(スタイルシート)のコメントアウト記法 CSSのコメントアウト記法は、 『/* 』から『 */』までがコメントアウトされます 複数行でも『/* 』から『 */』までがコメントアウトされます 特に、一行コメント用の記法は用意されていないようです。 /* ここがコメントアウトされます */ /* 複数行でも コメントアウトされます */ バッチ(bat)、バッチファイル内でのコメントアウト記法 バッチのコメントアウト記法において、 一行コメントの方法は三つ用意されています。 『rem』コマンドを使用するか、『::』から始まる行、『: 』（コロン+半角スペース）から始まる行でも コメントアウトが可能です。 複数行のコメントアウト記法は現時点では用意されていません。 ですので、複数行をコメントアウトするには、行数分のremなりを記述する必要があります。 rem この部分がコメントです ::こ

iOS6になりiPhoneのSafariからconsole出力機能が除外された。 今までは設定→Safari→デベロッパ→デバックコンソールをONにすることで エラーログを確認することができた。 この機能がiOS6ではWebインスペクタに置き換えられてしまった。Webインスペクタとは iPhoneで閲覧しているwebサイトのエラーログを有線接続したMacのSafariで 見ることが出来るというもの。 すなわち、iOS6ではiPhone単独でconsole.logを表示することができなくなってしまったということだ。 対策方法を2つ紹介する。 １．お手軽な方法 windowのonerrorイベントを拾って、エラーの内容をそのままalert表示してしまうという解決方法。 下記の三行を追加するだけで実装できる。 window.onerror = function(error) { alert(er

window.onload = function(){ navigator.geolocation.watchPosition(update); //現在位置情報を定期的に監視 // navigator.geolocation.getCurrentPosition(); //現在位置情報を取得 // navigator.geolocation.clearWatch(); //watchPosition()での監視を中止 } function update(position){ //下記すべての情報が取得できるわけでは無い var lat = position.coords.latitude; //緯度 var lng = position.coords.longitude; //経度 var alt = position.coords.altiude; //高度 var acc = pos

最近ブックマークレットがマイブームなので、作るときに覚えておくと便利なサービスやTipsを紹介したいと思います。 コードの圧縮 Closure Compiler Service http://closure-compiler.appspot.com/home このサービスは、入力されたJavascriptコードを解析して最適化したコードを出力してくれます。パース時間の短縮や、実行速度の高速化も見込めます。 ちなみに、Google製です。 ブックマークレット化 WDF - Software : ブックマークレット作成スクリプト http://www.eonet.ne.jp/~wdf/software/bookmarklet_creator.html 上記サービスは、通常のJavascriptコードをブックマークレット形式に変換してくれます。 変換した後のブックマークレットをリンク状態で出力し

jQuery の使用 次のコードを実行することにより、jQuery を読み込んでいないページでも jQuery を使用することができる。 if (!window.jQuery) { document.body.appendChild((function(){ var s = document.createElement("script"); s.type = "text/javascript"; s.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"; return s; })()); } (参考: ChromeのJSコンソールでjQueryを使うTips – y-kawazの日記) 試しに任意のページで jQuery をロードして、次のコマンドを打ってみると、あら不思議……。 $('img').a

気になったら即調べるが吉、ということで。 数値→文字列 var num = 123; // わかりやすい String(num); // "123" num.toString(10); // "123" // この用途では使ったこと無い num.toFixed() // "123" // なるほど num + ''; // "123" 文字列→数値 var str = '123'; // わかりやすい Number(str); // 123 parseInt(str, 10); // 123 parseFloat(str); // 123 // なるほど str - 0; // 123 str * 1; // 123 str / 1; // 123 // すっきりやけど知らん人は読めない +str; // 123 -(-str); // 123 ~~str; // 123 str&-1;

2017/06/22 JavaScriptでランダムでメッセージや画像を表示したい場合に役立つ「乱数の作り方」を説明します。Mathオブジェクトのrandom()、floor()というメソッドを利用しましょう。 サンプルコード5〜10の間でランダムな整数を作る例です。 var min = 5 ; var max = 10 ; var a = Math.floor( Math.random() * (max + 1 - min) ) + min ;デモMath.random(n)で、0〜nまでのランダム数を取得できます。取得できる値は少数を含むので、整数を得たい場合はMath.floor()などで切り捨てましょう。 最大値を指定0〜10の間で得たい場合は11、0〜100で得たい場合は101を指定します。

正規表現で文字列の置き換えを纏めてみました。 あまり自身ないんで、「おかしいよ」「こうした方がいいんじゃない」っていうのがあったらコメント下さい なお、簡単なテストは通していますがすべてを網羅しているわけではありませんので、ご使用になる際にはご自身で十分検証の上ご利用下さい JavaScriptで正規表現（文字列制限編） JavaScriptで正規表現（文字列置換え編） JavaScriptで正規表現（数字操作編） JavaScriptで正規表現（エスケープ編） この投稿 参考サイト 6. TERASOLUNA Server Framework for Java (5.x)によるセキュリティ対策 Closure Templatesのオートエスケープが最強すぎる件 XSS対策:JavaScriptのエスケープ(その2) /** * HTMLエスケープ * * @param {String}

Javaのnullのように、特別な値を言語側が提供しなくても、一定の約束事(0をNULLとするなど)を決めることで対応できるのです 逆にいえば、約束事を決めておいてでも、“何もない値"を使う必要があったわけです。 「何もない」を表現する必要性とは？ 値を格納する箱に名前を付けるもの、あるいは値を束縛するために必要な物が変数。 変数は基本的には何かの値とひも付いている物であり、逆に値とひも付かない変数があってもよいのでは？ これこそが「null」が必要とされた理由です。 ネット検索に例えて考えてみる 極端な例でいうならば、とあるキーワードをネットで検索した場合、 キーワードに該当するサイトやページがヒットすれば検索サイトはその該当するページを一覧で返してくれますが、 もしキーワードに該当するページが無かった場合、何の反応もしないわけにはいきませんから システムエラー画面ではなく「何もなかった