Array.isArray() - JavaScript | MDN
// 以下の呼び出しはすべて true を返します Array.isArray([]); Array.isArray([1]); Array.isArray(new Array()); Array.isArray(new Array("a", "b", "c", "d")); Array.isArray(new Array(3)); // あまり知られていないものの Array.prototype は配列です Array.isArray(Array.prototype); // 以下の呼び出しはすべて false を返します Array.isArray(); Array.isArray({}); Array.isArray(null); Array.isArray(undefined); Array.isArray(17); Array.isArray("Array"); Array.is
Element: scrollIntoView() メソッド - Web API | MDN
alignToTop 省略可 論理値です。 true の場合、要素の上端がスクロール可能な祖先の表示範囲の上端に来るようにスクロールします。 scrollIntoViewOptions: {block: "start", inline: "nearest"} に相当します。これが既定値です。 false の場合、要素の下端がスクロール可能祖先の表示範囲の下端に来るようにスクロールします。 scrollIntoViewOptions: {block: "end", inline: "nearest"} に相当します。 scrollIntoViewOptions 省略可 Experimental 以下のプロパティを持つオブジェクトです。 behavior 省略可 スクロールを即座に行うか、滑らかにアニメーションさせるかを決定します。このオプションは文字列であり、以下のいずれかの値を取ります。
JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開
JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開 メタ（旧Facebook）は、JavaScriptアプリケーションのメモリリークを検出するフレームワーク「MemLab」をオープンソースとして公開したと発表しました。 We’ve open-sourced MemLab. #MemLab is a JavaScript memory testing framework that automates leak detection and makes it easier to root-cause memory leaks. 1/2 https://t.co/vo6Gzv56ud — Engineering at Meta (@fb_engineering) September 12, 2022 Metaが展開しているFacebook、Fac
関数 - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback 一般的に言うと、関数とは外部 (再帰の場合は内部) から 呼び出す ことのできる「サブプログラム」です。プログラムそのもののように、関数は関数本体 (function body) と呼ばれる連続した文で構成されます。値を関数に渡すことができ、関数は値を返すことができます。 JavaScript において、関数は第一級オブジェクトです。すなわち、関数はオブジェクトであり、他のあらゆるオブジェクトと同じように操作したり渡したりす
ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19
ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみたdate2022.9.4(Sun.)tagsweb developmentFrontendJavaScript ウェブアプリケーション開発で React や Vue を使うのはよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしにリサーチしてみました。 調査方法母集団ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが多そうな https://io3000.com/ さんから 2022 年に紹介されている 175 件と、ウェブサイトのアワードサイトとして有名な https://www.awwwards.com/websites/ さんで 2022.8 以降に Winner と
画像データにJavascriptコードを埋めるサービス作ってみた | SIBYL System
こちらはJavaScript Advent Calendar 2015の17日目の投稿として書いたものです。 画像データにJavascriptコードを埋め込む事ができる「JS in PNG」というウェブサービスを公開しました。 http://js-in-png.9×4.net/ なぜ作ったのか 今年1月に投稿された、以下の「JavascriptをPNGに圧縮する」という記事に触発されて作ったものです。 JavascriptをPNGに圧縮する http://yomotsu.net/blog/2015/03/01/js2png.html 詳細は上記のサイトを見ていただければと思いますが、画像の1画素を1文字としてJavascriptのコードを画像に埋め込んでいるものです。イメージは以下のようになります。 こちらはJquery 2.1.3 minfyを画像に圧縮したものです。おもしろいですね。と
JPEG画像にJavaScriptのコードを埋め込んでみる | みどりのさるのエンジニア
JPEG画像にJavaScriptのコードを埋め込む手法が紹介されていたので試してみました。 今回は次の画像に対してコードの埋め込んでみます。 注意 この記事は攻撃方法を知ることでセキュリティを学ぶことを前提としており、実験も仮想環境上で実行しています。 決して外部サイトに対して実行しないようにしてください。 画像のバイナリを見てみる 今回試す方法は画像のバイナリを変更してコードを埋め込んでいます。 そこで、最初は画像のバイナリを確認してみます。 $ hexdump -C donarudo.jpg | head -n 5 00000000 ff d8 ff e0 00 10 4a 46 49 46 00 01 01 00 00 01 |......JFIF......| 00000010 00 01 00 00 ff e1 00 6c 45 78 69 66 00 00 49 49 |..
JavaScript で forEach を使うのは最終手段 - Qiita
この記事は JavaScript2 Advent Calendar 2018 の1日目の記事です。 こんばんは。@diescake です。 今年は、JavaScript 経験の浅い新人さんや外注さんをリードする立場として、 とにかく幅広いメンバーのコードレビューをする機会に恵まれたのですが、 事ある毎に Array.prototype.forEach を利用する人が多かったため、初心者向けに要点を整理してみました。 以下 ES2015 以降のバージョンをサポートするブラウザ、あるいは polyfill を利用していることを前提としています。 結論 配列に対して何らかの操作を行う際は、 filter, find, map, reduce などのメソッドを利用できないか検討し、 いずれのメソッドでも実現ができない場合の最終手段として forEach を選択しましょう。 下記に、いくつかのサンプ
delete 演算子 - JavaScript | MDN
一般的に信じられていることとは異なり (おそらく C++ における delete のような他のプログラミング言語の影響ですが)、delete 演算子は、直接的にメモリーを解放することはありません。メモリーの管理は参照が切れることで間接的に行われます。詳細はメモリー管理を参照してください。 delete 演算子は指定したプロパティをオブジェクトから取り除きます。削除に成功すると true を返し、そうでなければ false を返します。 ただし、次のようなシナリオを考慮することが重要です。 削除しようとしたプロパティが存在しない場合、delete は何もせずに true を返します。 そのオブジェクトのプロトタイプチェーンに同名のプロパティが存在する場合、削除後はプロトタイプチェーンのプロパティをオブジェクトが使うようになります (つまり、delete は自身のプロパティにのみ効果があります
document.all の例外仕様を知っていますか
昨日、ツイッターで次のような JavaScript クイズを出しました。 久しぶりの JavaScript クイズ！ function hello(x) { if(typeof x === 'undefined') { alert(x.f()); } } この hello 関数で "Hello, World!" のアラートを表示させることが出来るか？ — Takuo Kihira (@tkihira) July 31, 2022 このブログ記事では、この問題について解説します。 解答 答えは「出来る」です。出題者の意図としては document.all を想定しておりました。 document.all は、ブラウザに存在する、非常に特殊なオブジェクトです。 document.all 自体は object 型である。console.log(document.all) とすると内容が確認出来る
if文で、「AまたはBまたはCまたは....の場合」の条件式をスッキリ書きたい（PHP, JavaScript） - Qiita
初めに if文で、 「AまたはBまたはCまたは...の場合」というように、 特定のOR条件のパターンでのみ実行したい処理がある場合 愚直に書くとif文の条件式が長くなりがちです イメージ（PHP）： <?php function hoge(string $s) { if ( $s === 'A' || $s === 'B' || $s === 'C' || $s === 'D' ) { echo 'OK!'; } else { echo 'NG!'; } } hoge('A'); // 出力結果： OK! hoge('B'); // 出力結果： OK! hoge('C'); // 出力結果： OK! hoge('D'); // 出力結果： OK! hoge('Z'); // 出力結果： NG!
String.prototype.indexOf() - JavaScript | MDN
searchString 検索する値を表す文字列です。すべての値は文字列に変換されますので、省略したり undefined を渡したりすると、indexOf() は "undefined" という文字列を検索します。これはおそらく望むところではないでしょう。 position 省略可 このメソッドは、position（既定値は 0）以上の位置で、指定した部分文字列が最初に現れるインデックスを返します。position が呼び出された文字列の長さよりも大きい場合、このメソッドは呼び出される文字列をまったく検索しません。position が 0 未満の場合、このメソッドは position が 0 のときと同じように動作します。 'hello world hello'.indexOf('o', -5) は 4 を返します。これは第 2 引数が 0 であるかのように動作し、o が 0 以上の位置
.trim() | JavaScript 日本語リファレンス | js STUDIO
文字列の両端の空白を削除します。 文法 str.trim() trimメソッドは両端から空白を取り除いた文字列を返します。 元の文字列自身は変更しません。 例 trimの使用例 下記の例は、小文字の文字列"foo"を表示します。 var orig = " foo "; console.log( orig.trim() ); // "foo" Polyfill もしネイティブでtrimが利用可能で無ければ、 他のコードがString.trimを実行する前に、下記のコードを実行してください。 if (!String.prototype.trim) { String.prototype.trim = function () { return this.replace(/^[\s\xA0]+|[\s\xA0]+$/g, ''); }; } 仕様 ブラウザ互換性 デスクトップ 機能 Chrome F
Float,Double型をバイナリに変換して精度を確認 - しらいとブログ
小数 バイナリ Float → ← Double → ← ※バイナリから小数への変換は最後に0が続く場合は省略されます。 ※古いブラウザでは動かないことがあります。
JavaScriptを「ジャバスク」と略す人がいたが、考えたらJSと略すのではないか？
淡路 @mizuiro0522 自社の後輩に「JavaScriptをジャバスクと略する人がいる」と話したら「なんで？」という顔をしたのを覚えています。ちなみに私は略さず「JavaScript」と言います。 2022-05-31 23:33:55
JavaScriptにおける連想配列のforループ操作 - Qiita
概要 変数を連想配列に入れるのが大好きで、使用頻度がめちゃくちゃ高い割に毎回忘れる連想配列のforループ操作。 連想配列のkey-valueを順番に取得する let hash = { key0: "value0", key1: "value1" }; for (let key in hash) { alert('key:' + key + ' value:' + hash[key]); } 追記: コメント欄より このエントリは上記の短い記述に対し、本当にやりたかったことを汲んだ知見が寄せられ大変勉強になりました。このエントリを参照するエントリもじわじわ増えており、(実である)コメント欄がスルーされてしまうのは勿体ないのでコメント欄の内容を再掲？します(2019.06.20) このエントリに連想配列の値参照・操作の方法を求めて辿り着いた方は是非コメント欄に目を通してください。 Consol
console.log(); しか使えなかった自分へ。。。 - Qiita
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
6歳娘「パパ、型による条件分岐はできないの？」 - Qiita
とある休日 娘「ねぇ、パパ！」 娘「switchやろ〜！」 ワイ「おお、ええで！娘ちゃん！」 ワイ「Switchやろう！」 ワイ「ほな、テレビをつけて・・・」 娘「テレビ？」 娘「何を言っているの、パパ？」 娘「TypeScriptのswitch文のことだよ？」 ワイ「ファッ！？」 switch文で何をしたいのか 娘「今ね、ショッピングサイトを構築してるところなの」 ワイ「ほうほう」 娘「それでね、手広く儲けようと思って」 ワイ「おお、ええやんか」 娘「個人ユーザーだけじゃなく、法人ユーザーも登録できるようにしようと思うの」 ワイ「なるほどな」 娘「言語はTypeScriptを使っているんだけど」 娘「ちょっと聞きたいことがあるの」 ワイ「おう、なんでも聞いてや」 あいさつ関数を作っている 娘「ショッピングサイトにログインしたときに・・・」 個人の場合 → 「無職 やめ太郎さん、こんにちは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - carhartl/jquery-cookie: No longer maintained, superseded by JS Cookie:
console.group() - Web API | MDN