JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
typeof演算子 式で利用 ( javascriptにも存在する利用方法 ) javascriptにも存在する演算子で、変数の型を取得できます。 type Person = { name: string; old: number; }; const person: Person = { name: 'yamada', old: 22, }; console.log(typeof ''); // string console.log(typeof person); // object
分割代入 (Destructuring assignment) 構文は、配列から値を取り出して、あるいはオブジェクトからプロパティを取り出して別個の変数に代入することを可能にする JavaScript の式です。 const [a, b] = array; const [a, , b] = array; const [a = aDefault, b] = array; const [a, b, ...rest] = array; const [a, , b, ...rest] = array; const [a, b, ...{ pop, push }] = array; const [a, b, ...[c, d]] = array; const { a, b } = obj; const { a: a1, b: b1 } = obj; const { a: a1 = aDefault,
2020/04/15 JavaScriptでゼロパディングする(文字列を埋める)メソッド【padStart、padEnd】JavaScript 昔は冗長な書き方でしか書けなかったゼロパディングが、ECMAScript 2017より登場した便利なメソッドによって、とても簡単に書けるようになりました。 以前、このようなツイートをしました。 【JSでのゼロパディング padStart()】 これまで関数を自分で作ってゼロパディングしていましたが、 便利な関数が出てたんですね!☺️ ゼロパディングとは、 指定した長さになるように文字列を埋めることです✨ '5'.padStart( 5, 0 )→'00005' ちなIE11非対応です😭#駆け出しエンジニアと繋がりたい — はとむぎ🌸現役Webエンジニア 初心者向けブログやってます! (@hatoblog) April 8, 2020
The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Zero configuration and setup for any Node.js project, and minimal setup for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.
HOMEJavaScriptJavaScript実践【2024年版】Jasmine vs Mocha vs Jest!JSテストフレームワークを徹底比較。 【2024年版】Jasmine vs Mocha vs Jest!JSテストフレームワークを徹底比較。 投稿日:2022.08.13 最終更新日:2023.12.04 JavaScript実践コーディング無し, 初心者向け, 経験者向け, SPA, 自動テスト この記事では、「Jasmine」「Mocha」「Jest」という現在もっともポピュラーなJavaScriptテストフレームワークを徹底的に比較してみる。 テスト駆動開発といった開発手法の流行もありテストフレームワークには年々注目が高まっている。一方で日本語でまとまった有益な情報を配信しているページはまだ少ない。 この記事では、この3つのフレームワークを様々な角度から分析して、ユ
目次1 概要2 方法3 書式3.1 非同期に実行する場合3.2 同期して実行する場合4 例1 : 非同期でクラスを読み込む4.1 コード4.2 解説4.3 実行結果5 例2 : 同期処理でクラスを読み込む5.1 コード5.2 解説5.3 実行結果6 例3 : 非同期で関数を読み込む6.1 コード6.2 解説6.3 実行結果7 例4 : 同期処理で関数を読み込む7.1 コード7.2 解説7.3 実行結果 別のJavaScriptのファイルを動的に読み込むコードを紹介します。 概要 こちらの記事では複数のJavaScriptファイルに分割されたコードを読み込む方法を紹介しました。 この方法で処理は実行できますが、HTMLファイル側にアクセスするすべてのJavaScriptファイルのlinkタグを記述する必要があり、コードもきれいでなく、モジュール化のメリットも薄れてしまいます。 そのため、最近
JavaScriptのimport文は、いままでHTMLで<script>タグを追加するなりしないと使えなかった外部のJavaScriptファイルを、JavaScriptファイル上で読み込むことができます。 注意点 注意点は以下 exportされたクラス・メソッドしかimportすることはできない import文を使うときは、HTMLの<script>タグにtype="module"属性を付与する ローカル環境(file://なURL)では動作しない exportされたクラス・メソッドしかimportすることはできない インポートしたいJavaScriptのメソッドおよびクラスは、必ずexport句で「そのクラス・メソッドがエクスポート対象である」ということを明示する必要があります。 例えば以下のようにAクラスをインポートできるようにしたいときは…
ざっとこんな感じですかね? WEBストレージは、保存容量が大きいですね。幅があるのはブラウザによって違うからです。あとはサーバー側にいちいちデータの通信をしないところがクッキーとの大きな違いですね。 ちなみに、ローカルストレージはオリジン単位(プロトコル://ドメイン名:ポート番号)でデータを保存するので、当然、別ウィンドウやブラウザを閉じてもデータは共有され続けます。一方、セッションストレージは同じドメインのサイトを別々のウィンドウで開いていても、それぞれが別のsessionStorageとなることに注意っす。 クッキーはWEBストレージより有効期限が自由に設定できますね。 クッキーはサーバー側からクライアントに対してクッキーをセットするようにレスポンスを返す必要があるので、サーバー側の言語で書かれることが多いです。一方、WEBストレージは完全にクライアント側の操作なので基本的に値の取得
SessionStorageとLocalStorage:UX /セキュリティの比較 セッションストレージとローカルストレージのセキュリティとUXを比較します。 Web開発者は、ユーザーエクスペリエンスとWebアプリのパフォーマンスを向上させるために、Webブラウザーにデータを保存するのが一般的です。ほとんどの場合、LocalStorageまたはSessionStorageのいずれかを使用します。 この記事では、Webセキュリティとユーザーエクスペリエンスを考慮してSessionStorageとLocalStorageを評価しましょう。次に 、要件に適したものを選択する方法について説明します。 SessionStorageとLocalStorageの概要 LocalStorageとSessionStorageは、HTML5で導入されたブラウザストレージ機能です。JavaScriptを介してW
webpackで出力されたソースマップファイル(.map)を後からブラウザ(Chrome)に読み込ませる方法 2020.07.28 IT系の雑記 webpackで複数のJavaScriptファイルをバンドルすると、人間が解析しにくい形に整形されます(難読化ではなくminifyの意味合い)。 プロダクトとしてリリースする際は、解析されない方が良いので問題ないのですが、 バグが発生した際のデバッグの時には少々困っていました。 ソースマップをファイルに埋め込むオプションが用意されていますが、リリースする際にソースマップが含まれるのは避けたい、という気持ちでした。 何か良い方法を探してみた所、ソースマップファイルを別ファイルとして出力し、後からブラウザに読み込ませる方法があったのでシェアします。
今回は少し小ネタ的な使い方になるのですが、JavaScriptで別ファイルで定義した関数を実行したい場合に使える方法です。今では、JavaScriptのimportやrequireなどでモジュールとして呼び出すこともできますが、何らかの状…
JavaScript で日付・時間を扱っていて、次から次へと罠にはまったので、あとから来る人のために書き留めておく。 Date.parse が返すのは Date でなく整数 Date.parse は、世界協定時 1970 年 1 月 1 日 00:00:00 からの経過時間をミリ秒単位で返す。 Date を得るには new Date に渡す。 new Date に直接文字列渡しても同じ挙動なので、こちらのが簡潔。 msec = Date.parse("Thu, 06 Sep 2012 00:00:00 +0900"); // 1346857200000 date = new Date(msec); // Date date = new Date("Thu, 06 Sep 2012 00:00:00 +0900"); // Date
目次 Syntax Overview Examples Related Links Syntax @type {typeName} Overview @type タグを使用すると、シンボルに含まれる値の型、または関数によって返される値の型を識別する型式を指定できます。 @param tag など、他の多くの JSDoc タグに型式を含めることもできます。 型式には、シンボルへの JSDoc ネームパス (たとえば、 myNamespace.MyClass ) を含めることができます。内蔵 JavaScript タイプ (例: string )。またはこれらの組み合わせ。任意の Google Closure Compiler type expression だけでなく、 JSDoc に固有の他のいくつかの形式も使用できます。 JSDoc が型式が無効であると判断した場合、エラーが表示され、実
streamっていろんな場面で出てきますが(HTTPリクエスト読むとか)、実務で出会ったのは大きなファイルを読む時にメモリに一度に読めないので、ちょっとずつ読みたい…というときでした。.NETで見た気がするけど、これはどう使うんじゃ…と思ってまとめたメモです。特にstreamをcloseしないの?とか、どういう時に使えるの?みたいな使い方の概念的な部分にややつまったのでそのあたりを中心に。 いつ使うのか JavaScriptでreadfileをするとファイル全体をメモリにのせて、オブジェクトに書き込む形になり、メモリリークをするかパフォーマンスが激遅になるかが問題になるんです…。ということで メモリに乗り切らないとき 時間的にすぐにデータを処理しはじめたいとき に使います。データを小分けに順番に扱うので、同じようなデータをどっかに流したいだけ(順次読みこんで、順次書き込む)とか、配列のよう
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
こんにちは、2017年入社の柏木です。この記事はフロントエンド連載の4記事目です。 少し前にES2021にて変更される新機能が発表されました。 JavaScriptを扱う上では知っとくべき!と意気込んだもののECMAScriptが何者なのかすら曖昧な理解だったので、この機会に学んだことをまとめてみようと思います。 この記事のゴール ECMAScriptがJavaScriptにとってどのような役割を持つのかを知る ここ最近のECMAScriptの動向を知る 記事の想定読者 JavaScriptは触ったことがあるけど、記法のことは詳しく知らない人 ES2021/ES2022とは ESは ECMAScript(エクマスクリプト)の略称で、JavaScriptの標準規格のことです。2021や2022というのはその規格がリリースされる年度のことで、たとえばES2021は今年リリース、ES2022は来
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く