[JavaScript] サニタイジング(エスケープ) メソッド
「"サニタイジング jquery"」などのような検索ワードで当ブログへのアクセスが沢山ありますので、JavaScript や jQuery でサニタイジングメソッドを実装してみました。 JavaScriptでエスケープ function htmlentities(str) { return String(str).replace(/&/g, "&") .replace(/"/g, """) .replace(/</g, "<") .replace(/>/g, ">"); }分かりやすいように上記のように書きましたが、以下のように短くできます。 function htmlentities(str) { return String(str).replace(/&/g, "&").replace(/"/g, """).replace(/</g, "
![[JavaScript] サニタイジング(エスケープ) メソッド](https://cdn-ak-scissors.b.st-hatena.com/image/square/925b9fc86da725810964164bc8da4fa91fcc919a/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20131021184513.png%3Fts%3Dface6d0dbc8c4acc1ad935c97da9479734f7735f)
[JavaScript] 数字文字列の先頭のを削除する（ゼロサプレス）方法
var str = "00000010"; console.log(parseInt(str, 10)); // ⇒10 冒頭の'00000010'は文字列型だが、JavaScript の場合はparseInt()に渡すと出来るだけ数字を維持したまま数値型に変換してくれる。 単純にparseInt()に渡すだけで 0 を取り除いた数値にしてくれる。 もっと複雑な文字列の場合は文字列操作をする必要があるが、このような単純な数値の場合はparseInt()で事足りる。
![[JavaScript] 数字文字列の先頭のを削除する（ゼロサプレス）方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/b573c35a14e58ca858c02a37be321be05172c718/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20120517140219.png%3Fts%3Dface6d0dbc8c4acc1ad935c97da9479734f7735f)
こだわりのページ内リンクスムーズスクロール scrollsmoothly.js
「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル 以下のソースコードをサンプルページのようにhead内で読み込むだけでOK。 ソースコード(Javascript) scrollsmoothly.js 読み込み例 <script type="text/javascript" src="scrollsmoothly.js"></script> 特徴 縦横斜めにスクロール可能 スクロール中にもリンクをクリック可能 別のページからのリンクでも指定の場所までスムーズスクロールします MIT License 動作確認ブラウザ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 関連エントリ
JavaScript とのつきあい方
## JavaScript とのつきあい方 ### ここがダメだよJavaScript ### http://goo.gl/ovgS7Z Created by Shogo Kawase ## 自己紹介 - 河瀨翔吾（SHOGO） - 株式会社アークスタイル CTO - twitter: [@shogogg](http://twitter.com/shogogg) - PHP, Java, **Scala**, JavaScript, **TypeScript** - Android - AngularJS - Play Framework ## 本日の内容 - JavaScript の抱える問題点 - その解決方法があったりなかったり ## 問題点-1 ### 名前 ## JavaScript の名前の由来 - 元々は **Mocha** という名前で開発されていた - ライバルが Jav
Pokelib - ポケモンのパラメータをリアルタイムに変更
RPGにありがちなレベル上げ、非常に面倒でさっさと飛ばしてしまいと思ったことはありませんか。それもゲームの楽しみの一つであると言えばその通りなのですが、面倒に感じることは多いです。 そこでゲーム内の数値をいじってしまうチートが使われることがありますが、それをリアルタイムに実現してしまうライブラリがPokelibです。ゲームボーイ版ポケモンを数値を自在に変更できてしまいます。 Pokelibの使い方 さて、ここで左側のSUPERTATAのレベルを変更してみます。そうするとゲーム中ながらその場で変更が即座に反映されます。 変更できるのはモンスターの名前、レベル、現金、アイテムの数などになります。ゲームの解析が十分に行われているので可能な芸当と言えるでしょう。それにしてもリアルタイムに反映されるというのがすごいですね…。 PokelibはJavaScript製、MIT Licenseのオープンソ
var me = this の話 | KAWANO Shinobu
Sencha Advent Calendar 2012 の4日目の記事です。 夏頃から、Sencha Touch の解説書を執筆しています。執筆にあたり、「仕様を理解するだけでは不十分だ、ソースコードをしっかり読んで、内部の動きを正しく把握しなければ」と思い立ち、Sencha Touch のコードリーディングを熱心にやっていた時期がありました。今日はそこで目にした、不思議なコードについてのお話です。 Sencha Touch のコードをデバッグした経験のある方は、以下のようなコードに見覚えがあるかもしれません。 someFunction : function () { var me = this; ... me.doSomething(); }, this を一旦、me という名前の変数に代入して、以後は this の代わりに me を使っています。 最初に見た時、これはコンテキスト（th
neue cc - JavaScriptでString.Format的な超簡易テンプレート置換
// String.Format的な超簡易テンプレート置換関数 var Format = function(template, replacement) { if (typeof replacement != "object") // 可変長引数時はreplacementを詰め替え { replacement = Array.prototype.slice.call(arguments, 1); } return template.replace(/\{(.+?)\}/g, function(m, c) { return (replacement[c] != null) ? replacement[c] : m }); } // 例。可変長引数渡しでも配列渡しでもオブジェクト渡しでも可。 var case1 = Format("<div id={0}>{1}</div>", "あいでぃ",
bouncejs.com - bouncejs リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[Bootstrap] モーダルを表示している間に一定時間処理を実行する方法 – 零弐壱蜂
Boostrapで構築しているアプリで、モーダルを表示している間(一定時間)処理を実行する必要がありました。一定時間実行するコードvar time = 6000…
![[Bootstrap] モーダルを表示している間に一定時間処理を実行する方法 – 零弐壱蜂](https://cdn-ak-scissors.b.st-hatena.com/image/square/770b611b9059994b8fa8bd09a2eaedf4e6348d17/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fcropped-twinyan.png)
[JS]一味違ったアイデアでレスポンシブ対応のテーブルを実装するスクリプト -Responsive tables
サイズが変更されても、ハイライト表示はできます。 Responsive tablesの使い方 Step 1: スタイルシート スタイルシートをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/rwd-table.min.css"> </head> Step 2: スクリプト スクリプトを</body>の上あたりに記述します。 <body> ... <script type="text/javascript" src="js/rwd-table.js"></script> <script> $(function() { $('.table-complex').responsiveTable({ adddisplayallbtn: true, addfocusbtn: true, fixednavbar: '#n
【JavaScript】デザインパターンを知ってみる。ファサードパターン編 | バシャログ。
今回はJavaScriptで書くファサード（Façade）パターンについて調べてみました。 ファサードはフランス語で「建築物の正面のデザイン」という意味だそうです。 なぜ使うの？ ファサードパターン自体はとてもシンプルで、いくつかの機能の「窓口」になるクラスやオブジェクトを作り、利用しやすくするパターンです。 jQueryで一番よく使うであろう $() 関数もファサードパターンの一つです。 例えば要素の見た目を変える機能を実装するとして、個別の要素を制御するオブジェクトと、窓口になるオブジェクトを用意すると以下のようなコードが考えられます。 // 色を制御するオブジェクト function colorObj() { return { changeColor: function() { console.log('色を変えます'); } } }; // フォントを制御するオブジェクト func
aaencode - Encode any JavaScript program to Japanese style emoticons (^_^)
aaencode - Encode any JavaScript program to Japanese style emoticons (^_^)
JavaScript OCR demo
Step #1 - MediaDevices.getUserMedia() MediaDevices.getUserMedia is a browser API that allows web apps to access user's camera and microphone. Read more on MDN. Step #2 - glfx.js, JCrop glfx.js was used for image effects (sharpening, contrast, etc.). Cropping functionality (with touch support) is provided by jQuery plugin Jcrop. Step #3 - Tesseract.js Tesseract.js was used for OCR (Optical Characte
Javascriptで数値の3桁区切りを実装 - Qiita
function addFigure(str) { var num = new String(str).replace(/,/g, ""); while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2"))); return num; } Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
JavaScriptの関数定義 - Nao Minami's Blog
こんばんは、south37です。 最近はEffective JavaScriptを読んでるのですが、知らなかった事がポロポロ出てくるので、とても勉強になっています。これからはちょいちょい、そーやって勉強した事をまとめていけたらいいなと思います。 って事で、今日は関数定義の話をしたいと思います。 関数宣言と関数式 JavaScriptにおける関数定義には、大きく分けて3つの方法があります。 function文を使う方法(関数宣言) function演算子を使う方法(関数式) Functionコンストラクタを使う方法 1と2が一般的によく使われる方法ですね。 // 方法1 function multi(x, y) { return x * y; } // 方法2 var multi = function(x, y) { return x * y; }; // これも方法2 var multi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jekor/minform: A Minimalist JavaScript Form Enhancer
https://qiita.com/team-aries/items/f1e953ceb6839bab5597
GitHub - codemix/fast.js: Faster user-land reimplementations for several common builtin native JavaScript functions.
BackgroundCheck
社内勉強会資料 JavaScriptの基本 その1
