配列の空要素を削除する | GRAYCODE JavaScript
配列から空要素を削除する方法について解説します。 この記事のポイント 配列の要素が空か判断するときはBooleanコンストラクタ関数を使うと便利 filterメソッドで配列に残す要素の条件を指定できる 配列から空要素だけ削除 配列にある空要素を一括で削除するときはfilterメソッドを実行します。 以下の例では、空要素を含む配列が入っている変数testに対してfilterメソッドを使って空要素を削除します。 JS コード例 let test = [ 'cat', 'dog', null, ,'penguin', false, undefined, 0, 'lion']; let clean = test.filter(Boolean); console.log(clean); // (4) ["cat", "dog", "penguin", "lion"] filterメソッドには要素を削
Airbnb JavaScript スタイルガイド() {
javascript-style-guide 常に気をつけたい、JavaScriptへの正しい接し方 View on GitHub Airbnb JavaScript スタイルガイド() { 元文書:https://github.com/airbnb/javascript 常に気をつけたい、JavaScriptへの正しい接し方 Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent. 注意: このガイドはあなたがB
正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された「全」新機能
JavaScriptの仕様はECMAScriptで、ECMAScript 2015（ES2015）、ECMAScript 2016（ES2016）...というように毎年進化を続けています。 これまでの仕様はES2021でした。 本日6月22日、ES2022は正式仕様として承認され、ES2022が最新仕様となりました。 22.06.2022 Ecma International approves new standards - Ecma International ブラウザ対応も完了しており、全モダンブラウザ（Google Chrome・Firefox・Safari・Microsoft Edge）でES2022の全機能が使えます。 本記事では、ES2022すべての新機能を紹介します。「何が使えるようになったのか？」「どうしてそれが必要だったのか？」が、できるだけわかりやすいように解説しました
(自分の) JavaScript のユニットテストの書き方
(社内用ドキュメントの公開版) テストのポリシー 前提として、ユニットテストを導入するコストを、限界まで低くすることを目指す。テストが根付いていない言語環境や文化では、放っておくとテストが書かれないまま実装が進行し、結果としてテスト不可能な巨大な雪だるまが完成する。こうなるとメンテコストが高いE2Eを大量に書かないといけなくなり、テストの実行時間が膨れ上がっていく。 そうなる前に、ユニットテストを書きやすい環境を維持し、ユニットテストとして問題を切り分けられるような環境を維持する。とにかく書きやすさを重視し、一つのユニットテストを書くオーバーヘッドを限界まで下げる。 最初の一つを早い段階で書く 自分の経験的には、ユニットとテストの最初の一つを書いたらあとは自然とその周辺で増えていく。サンプルがあったら人はコピペする。逆にいうと最初の一つを書かない限り一切書かれない。まず一つ用意するのが大事
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
typescript string to number - Qiita
文字列を数字に変換する。 typescript v4.1.2 Number() nullを渡すと0になる。 let num = Number('1') console.log(num) // 1 num = Number('1.1') console.log(num) // 1.1 num = Number('あ') console.log(num) // Nan num = Number(null) console.log(num) // 0
JavaScript で実行環境に左右されず常に JST 日本時間を取得する - Neo's World
JavaScript で実行環境に左右されず常に JST 日本時間を取得する JavaScript の new Date() は、実行環境のタイムゾーンの影響を受けてしまう。Date#toLocaleString() という関数で Asia/Tokyo を指定できれば良いのだが、日本のタイムゾーン定義がないマシンではやはり動かない。 コレを何とかするには、Date#getTimezoneOffset() という関数を利用する。コレはその Date オブジェクトが UTC からどのくらいズレているのかを分単位で返す関数。UTC で動作する環境で実行すれば 0 が返ってくるし、JST で動作する環境なら -540 と返ってくる。 ということは、コレを利用して次のようなイディオムを組んでやれば、実行環境のタイムゾーンに左右されず、必ず日本時間が取得できる。 // 取得できる値は必ず日本時間になる
Null 合体演算子 (??) - JavaScript | MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
HTML5 × Chart.jsで円グラフを描く（オプション指定方法） | ビジュアルシンキング
ビジュアライゼーション、データ・ジャーナリズムに活用できそうなツールの使い方を紹介します。今回はChart.jsの第2回。 前回は、Chart.jsの概要と円グラフ描画の基礎を書きました。 今回は、円グラフ描画のオプション指定方法について。 何もオプションを指定しないと、前回サンプルのようにアニメーションしながら円グラフを描画します（前回サンプルを見る）。 オプションに指定できる項目は次の通り。 オプション項目 ・各パーセンテージを区切る区切り線の有無（デフォルト: 有り） ・区切り線の色（デフォルト: 白） ・区切り線の太さ（デフォルト: 2） ・描画時のアニメーション有無（デフォルト: 有り） ・アニメーションの滑らかさ（デフォルト: 100） ・アニメーション効果の種類（デフォルト: easeOutBounce） ・拡大アニメーションの設定有無（デフォルト: 無し） 区切り線の色と太
jQueryのattr(“checked”, true)でチェックが付かない!! | ITが苦手な方のためのHP制作＋IT教育 somosomo /千葉県習志野市
チェックボックスのチェックを後から動的に付けたい時に、上手く行かなかったのでメモがてら記録します。 チェックボックスのチェックを、表示後にjQueryから付けたいときがあるかと思います。 $('#要素').attr("c...
【jQuery】チェックボックスを「全て選択」ボタンの設置方法 ｜ KLUTCHE
複数のチェックボックスを一度に全選択・全解除できるボタンを設置する方法です。 チェックボックスのグループが複数ある場合にも対応しています。 デモ デモ Javascript jQuery 依存のスクリプトなので、まず jQuery を読み込んでおきます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> その下に以下のスクリプトを記載します。 <script type="text/javascript"> $(function(){ $('.checkAll').on('change', function() { $('.' + this.id).prop('checked', this.checked); }); })
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
初心者でも怖くなかった！jQuery超入門 | Excite Designer's Blog
スマホファーストが叫ばれる昨今、皆さんもHTML5やCSS3を使ってスマホサイト等を作成していると思います。 タッチデバイスに対応するために、jQueryなどのjsライブラリを使用する機会も増えているのではないでしょうか。 jQueryはプラグインなども豊富に配布されているため、 サイトに欲しい動きを実現してくれるプラグインを探して⇒CSSをカスタマイズ⇒いいかんじのが出来る！ といったように、CSSとHTMLが解るwebデザイナーであれば割と気軽にサイトをリッチにすることが可能です。 が、ダウンロードしたプラグインにちょっと動きを追加したい、とか あのブラグインとこのプラグインのいいとこどりをしたい、となると、なかなか拾い集めでは上手いこといかず。 ブログラマーの方にお手伝いいただいたり、妥協してしまうこともあったりしないでしょうか。 今回はHTML5、CSS3までは解るけどjQuery
JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプト
こんなことありませんか？ フォームの項目が多くなり過ぎてしまい、ユーザーがストレスを感じそうと思う時はありませんか？ そんな時、押した項目によってその後の内容を変化させれば 項目が減って見た目もスッキリ・ユーザーの離脱も効果的に抑えられるはずです。 JavaScriptはかなりの初心者なので忘れないようメモしてみました。 【サンプル】例えばお申し込みフォームで… ・【初めて申し込む】を押した時は、「紹介者」入力欄・特典を表示。 ・【2度目以降の利用】を押した時は、「会員番号」入力欄を表示。 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力してください。 会員番号 会員番号を入力してください。 特典:初めての方は30%オフ！ サンプルソース(ラジオボタン) HTML [html] 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力して
javascriptでリアルタイムで計算結果を表示させたいのですが、フォームではなくテーブルに表示させる方法を教えてください。 - ... - Yahoo!知恵袋
javascriptでリアルタイムで計算結果を表示させたいのですが、フォームではなくテーブルに表示させる方法を教えてください。 javascriptでリアルタイムで計算結果を表示させたいのですが、フォームではなくテーブルに表示させる方法を教えてください。 以前似たような質問をしました。 <html> <head> <title>リアルタイム計算のサンプル</title> </head> <body> <form> <table border = "1"> <tr> <td> <input id = "input01" type = "text" readonly> </input> </td> </tr> <tr> <td> <input id = "input02" type = "text"> </input> </td> </tr> <tr> <td> <input id = "an
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stop Writing JavaScript Like This
【JavaScript】本日未明、[ async - await ]さんが死体で発見され... - Qiita