JavaScriptで特殊文字エスケープする３つの方法【htmlspecialchars的実装】 | PisukeCode - Web開発まとめ
JavaScriptにはこういう関数はありません。 HTML特殊文字をエスケープできる関数 PHPのhtmlspecialchars的な関数 だから自作する必要があります。 いくつか方法があったので、 JSで特殊文字エスケープの方法をまとめました。 大前提．HTMLでエスケープすべき特殊文字とは ググれば出てくるけど次の６つです。 「&」 : アンパサンド 「'」 : シングルクォート 「」 : アクサングラーブ, 「"」 : ダブルクオート 「<」 : 小なり記号 「>」 : 大なり記号 関係ないけど 「」 ってアクサングラーブ（またはグレーブアクセント）と呼ぶらしいです。こんな名前があるとは知らなかった これらをエスケープするのはXSS攻撃を防ぐためです。（XSS攻撃については次記事を参照 ： https://pisuke-code.com/xss-attack-by-one-line
[JavaScript] 本日、明日、昨日、月末、月初などを取得する - YoheiM .NET
こんにちは、@yoheiMuneです。 JavaScriptで日付を扱う際に、数行コードを書けば、任意の日付を取得できます。今日はその実装方法をブログに書きたいと思います。 目次 解決したいこと JavaScriptを用いて、今日、明日、昨日、月末、月初、などの任意日付を取得したいけど実装方法が分からない、という悩みを解決したいと思います。LP制作やアプリ制作で日付を扱いたいこともしばしば。そんな時に役立てたらと思います。 本日を取得する JavaScriptで日付を扱う場合、Dateクラスを利用します。Dateクラスのインスタンスを作成すると、現在日時を取得できます。そこから、本日を取得します。 // Dateクラスのインスタンスを作成. var now = new Date(); // 本日を取得する. var todayString = now.getFullYear() + '年'
![[JavaScript] 本日、明日、昨日、月末、月初などを取得する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/64e637fc08f9b7e934d1b0c0024b3f66cfb20ac4/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F623.png)
Base64 - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
Base64 とは、バイナリーからテキストへの符号化を行う手法のグループであり、バイナリーデータを 64 を基数とする表現に変換することで、ASCII 文字列で表すことができます。Base64 という用語は、 MIME の Content-Transfer-Encoding における特定の符号化方式の名前に由来します。 "Base64" という用語が自分自身で具体的なアルゴリズムを参照するために使用される場合、それは一般的に RFC 4648 の第 4 章で概説された Base64 のバージョンを参照します。これは、64 進数を表すための以下のアルファベットと、同時にパディング文字として = を使用します。 ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/ よくある変化形は "Base64 URL safe"
Object Property Value Shorthand in JavaScript with ES6
New in JavaScript with ES6/ES2015, if you want to define an object who's keys have the same name as the variables passed-in as properties, you can use the shorthand and simply pass the key name. Here’s how you can declare an object with the new ES6 / ES2015 syntax: let cat = 'Miaow'; let dog = 'Woof'; let bird = 'Peet peet'; let someObject = { cat, dog, bird } console.log(someObject); //{ // cat:
テンプレートリテラル (テンプレート文字列) - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. Learn moreSee full compatibilityReport feedback テンプレートリテラルは逆引用符 (`) で区切られたリテラルで、複数行の文字列、埋め込み式による文字列の補間、タグ付きテンプレートと呼ばれる特殊な構文を許可します。 テンプレートリテラルは非公式に「テンプレート文字列」と呼ばれることもあります。文字列の補間のためにもっともよく使用されるからです。しかし、タグ付けされたテンプレートリテラルが文字列になるとは限りません。カスタムのタグ関数と併用することで、テンプレートリ
Checking if a key exists in a JavaScript object?
How do I check if a particular key exists in a JavaScript object or array? If a key doesn't exist, and I try to access it, will it return false? Or throw an error?
npm とか bower とか一体何なんだよ！Javascript 界隈の文脈を理解しよう - Qiita
背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower の違いは？ npm はサーバーサイド用、bower はクライアントサイド用らしいよ えっ、でもなんで bower のインストールに npm が必要なの？ サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ ていうかサーバーサイドJSとか node.js って何？ よく見る browserify って何？ こういった疑問が沸き上がるのは、各ツールが生まれた文脈がよくわかっていないからです。いろいろ調べてやっとちょっとわかってきたのでメモします。間違いがあったらご指摘ください。 「CommonJS」誕生 - Javascript は汎用プログラミング言語へ その昔、Javascript 大好きおじさんは言いました。 Javascrip
location.hashが遷移しない？ - Qiita
WEBアプリというのかわかりませんが、とある社内向けのWEBシステムを作成中の事 まぁ一画面でいろいろ表示させたい顧客要望で、狭い（とはいえ1920x1080ですが）画面をDIVで区切ってありそれぞれに必要な情報を同時に表示させてる訳です。 リストAをクリックしたときにAJAXで取得してきて遷移せずにリストBが更新されるようになってるよくある話です。 リストBは量が多い為スクロールするので、表示されている先頭数件分より下の方にある対象の部分をあらかじめウィンドウ内に見えるように表示しておきたかった訳です。 aタグだと<a href="index.php#target">みたいな感じで書くとクリックするとそこが表示されている感じですかね？ Javascriptだとlocation.hash = "target";みたいに書くのが割と普通では無いかと思ってます。 が、何かおかしいなと思ってよく
replace()の機能のまとめ！『正規表現、function()、arguments、RegExp()』：JavaScript - モーリーのメモ
『replace()』は、文字列の置換を行う関数です。 基本的な使い方は、下記の通りです。 var text = "abcabc"; var result = text.replace(/a/g, "1"); // "abcabc"内の"a"を最後まで検索して"1"に置換する // 結果：resultは"1bc1bc"になる 『replace()』の第１引数の『/a/g』は、検索する文字列を正規表現で表したものです。 正規表現では、検索する文字列を『/（スラッシュ）』で囲みます。 末尾の『g』は、最後まで探すというフラグです。 フラグには下表のようなものがあります。 フラグ意味 g１個目だけでなく最後まで検索します。 i検索の際に大文字と小文字を区別しません。 m複数行に渡って検索します。 ＊『g』フラグを付けないと１個目しか置換しません。 ＊また『text.replace("a", "1
コードのハイライト表示用 JS ライブラリ highlight.js の使い方 - Qiita
Highlight.js の使い方 highlight.js は HTML にソースコードを表示するとき、キーワードなどを強調表示するための JavaScript ライブラリです。特徴ですが、 対応言語が多い(この種のライブラリでは一番多い!?) パレットが豊富 設置が簡単 です。 参考：コードのハイライト表示用 JS ライブラリ 3種 highlight.js のサイト 設置 (1) インターネットに接続できる場合 インターネットに接続できる場合は、次のようにすれば highlight.js をダウンロードしてウェブサーバにインストールする手間が省けます。この文書を書いたときの URL はバージョンが 8.6 ですが、 highlight.js のバージョンなので必要に応じて変更します。2019/10の時点で最新は 9.15.10 になっています。 パレット default.min.cs
string - When to use double or single quotes in JavaScript? - Stack Overflow
The most likely reason for use of single vs. double in different libraries is programmer preference and/or API consistency. Other than being consistent, use whichever best suits the string. Using the other type of quote as a literal: alert('Say "Hello"'); alert("Say 'Hello'"); This can get complicated: alert("It's \"game\" time."); alert('It\'s "game" time.'); Another option, new in ECMAScript 6,
JavaScriptのJSONでDate型を扱う - 自分探せ
JavaScriptのJSON.stringify、JSON.parseはDateに対応していない（というかJSONの仕様に日付型がそもそもない）。なのでJSON.stringifyをDateに対して実行するとISO 8601フォーマットでの日時を表す文字列になる。 var str = JSON.stringify(new Date()); console.log(str); //"2014-03-18T23:05:45.477Z" 一度こうなったらJSON上ではただの文字列型なので、この文字列をJSON.parseしても結果はただのstring型になってしまう。 var obj = JSON.parse(str); console.log(typeof(obj)); //string JSON.parseは第2引数に挙動をカスタマイズする関数オブジェクトが渡せるようになってるので、これを
[JavaScript] 条件判定には===, !==を使いましょ
JavaScriptしてますか。 2013年もJavaScriptな毎日が始まりました。 まっさらなプロジェクトで自分中心だとプレッシャーは大きいけどやりがいがあったりします。 共同で作業するのも刺激があって好きです。 今回は判定についてです。 条件分岐はScriptにつきものです、この条件の時にはああして、そうじゃなかったらこうして、と多くの局面で使われます。 判定条件の使い方を間違えると思いもよらない結果を招きます。 ===, !== を使いましょ == とか != で条件判定せずに===, !== を使えと先人が教えてくれます。 (function (){ "use strict"; var a, b = undefined; // 1 console.log(a == null); // 2 console.log(b == null); var c = ["red"]; // 3
![[JavaScript] 条件判定には===, !==を使いましょ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c35180033ae4020a0e0c1b662cd0d153d918e3f/height=288;version=1;width=512/http%3A%2F%2Fwww.inazumatv.com%2F_fb%2Ffb_inazumatv2.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to remove white space between html tags using javascript?
Promise で resolve/reject が呼ばれても処理は中断しない - Qiita
引数を渡さなかった際にデフォルト値を使う場合の注意点 - Qiita
数値をカンマ区切りにする - Qiita
Why is Jshint saying "variable already defined" in this if statement?
JavaScriptでArrayを空にする際に参照型だという事を注意する - Qiita
how to prevent adding duplicate keys to a javascript array