KeyboardEvent: key プロパティ
値 文字列です。 この値は、以下のように決定されます。 押されたキーが表示可能なものである場合、返される値は、そのキーの表示可能な表現を含む空でない Unicode 文字列になります。 押されたキーが制御文字や特殊文字の場合、返される値は事前に定義されたキー値のいずれかになります。 もし KeyboardEvent がデッドキーが押されたことを表している場合は、キー値は "Dead" になります。 一部の特殊なキーボードのキー（マルチメディアキーボードでメディアを制御するための拡張キーなど）は、 Windows ではキーコードを生成しません。その代わりに、 WM_APPCOMMAND イベントが発生します。これらのイベントは DOM キーボードイベントにマッピングされ、 Windows の「仮想キーコード」にリストアップされます（実際にはキーコードではありませんが）。 キーを特定できない場
String.prototype.substring() - JavaScript | MDN
標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype.anchor() 非推奨; String.prototype.at()String.prototype.big() 非推奨; String.prototype.blink() 非推奨; String.prototype.bold() 非推奨; String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.prototype.endsWith()String.prot
String.prototype.repeat() - JavaScript | MDN
標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype.anchor() 非推奨; String.prototype.at()String.prototype.big() 非推奨; String.prototype.blink() 非推奨; String.prototype.bold() 非推奨; String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.prototype.endsWith()String.prot
JavaScript の MIME タイプが `text/javascript` に統一されようとしている
現在、 JavaScript の MIME タイプは2006年4月に公開された RFC 4329(www.rfc-editor.org) にて text/javascript (OBSOLETE) application/javascript (COMMON) text/ecmascript (OBSOLETE) application/ecmascript (COMMON) の4つが定義されています。 この RFC 4329 では text/* の2つは OBSOLETE 扱いな一方で、 JavaScript を呼び出す HTML の仕様では HTML5 以降、 <script> 要素の type 属性を省略することが推奨されたうえで、省略時の値は text/javascript であるとされました。 このように RFC 側と HTML 側で矛盾が生じる事態が長い間続いています。 実際に
Array: length - JavaScript | MDN
標準組み込みオブジェクトArrayコンストラクターArray() コンストラクター静的メソッドArray.from()Array.fromAsync()Array.isArray()Array.of()静的プロパティArray[Symbol.species]インスタンスメソッドArray.prototype.at()Array.prototype.concat()Array.prototype.copyWithin()Array.prototype.entries()Array.prototype.every()Array.prototype.fill()Array.prototype.filter()Array.prototype.find()Array.prototype.findIndex()Array.prototype.findLast()Array.prototype.find
Documentation - JSDocリファレンス
以下のリストは、JavaScriptファイルの型情報を提供する JSDocアノテーションにおいて、現在サポートされている構文の概要です。 以下に明示的にリストに入っていないタグ(@asyncなど)はまだサポートされていないことに注意してください。 @type @param (or @arg or @argument) @returns (or @return) @typedef @callback @template @class (or @constructor) @this @extends (or @augments) @enum class拡張 プロパティ修飾子 @public、@private、@protected、@readonly タグの意味は通常、jsdoc.appで与えられたものと同じか、あるいはそのスーパーセットです。 以下のコードでは、それぞれのタグの違いを説明し、使
Navigator.clipboard | MDN
クリップボード APINavigatorインスタンスプロパティactiveVRDisplays 非標準 非推奨; appCodeName 非推奨; appName 非推奨; appVersion 非推奨; bluetooth Experimental buildID 非標準 clipboardconnectioncontacts Experimental cookieEnabledcredentialsdeviceMemorydevicePosture Experimental doNotTrack 非標準 非推奨; geolocationglobalPrivacyControl Experimental gpu Experimental hardwareConcurrencyhid Experimental ink Experimental keyboard Experimental l
最新版で学ぶElectron入門 - ウェブ技術でPCアプリを開発しよう - ICS MEDIA
Electron（エレクトロン）とは、ウェブ技術でデスクトップアプリケーションを作成できるテクノロジーです。HTMLとCSS、JavaScriptを使って開発し、WindowsとmacOSの両OSのアプリケーションを1つのコードから作ることができます。近年、注目度が高まっておりマイクロソフトやGitHubなど、有名企業も採用しています。 Electronエレクトロン製のアプリケーションはChromiumクロミウム（Chromeブラウザの元となるもの）とNode.jsノードジェイエスがランタイムとなっています。ウェブコンテンツをそのままアプリケーションとして動かしたり、デスクトップアプリケーションとしてブラウザだけで実現できない機能を組み込めるのが特徴です。 利用用途として、テキストエディターやユーティリティーソフト、デザインツールなどの小規模な使い方から、イントラネット内のクライアントツー
JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD
筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS（Ruby-to-JavaScript）、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを、ブラウザが実行できるバージョンのJavaScriptへトランスパイルするものです。ある程度は、うまくいっていました。 とはいえ、これは明らかにその場しのぎの手段に過ぎず、ブラウザがより洗練されたJavaScriptを理解できる日を待ちわびていたのです。ただ、そんな日が来ることはなく、永久にその場しのぎでやり過ごすのかと思われる時期がしばらく続きました。 しかし、幸いなことにJavaScriptは改善を続け、2015年にはES6
Array.from() - JavaScript | MDN
標準組み込みオブジェクトArrayコンストラクターArray() コンストラクター静的メソッドArray.from()Array.fromAsync()Array.isArray()Array.of()静的プロパティArray[Symbol.species]インスタンスメソッドArray.prototype.at()Array.prototype.concat()Array.prototype.copyWithin()Array.prototype.entries()Array.prototype.every()Array.prototype.fill()Array.prototype.filter()Array.prototype.find()Array.prototype.findIndex()Array.prototype.findLast()Array.prototype.find
【JavaScript】巻き上げ、ホイストをできるだけ分かりやすく解説します - ゲーマーときどきエンジニア
こんにちは。たいら(@tairaengineer2)です。 今回はJavaScriptのアウトプット記事です。 この記事ではJavaScriptの特有の「巻き上げ」または「ホイスト」と呼ばれる考え方について解説します。 スポンサーリンク 巻き上げ、ホイストとは 解説するプログラムの概要 フォルダ構成 JavaScript HTML 実行結果 解説 巻き上げを回避する方法 同じ名前の変数を宣言しない ローカル変数の宣言を関数の最初に宣言する まとめ：巻き上げには気を付けましょう 巻き上げ、ホイストとは ここから呼び方を巻き上げで統一させて頂きます。 JavaScript の変数にまつわる独特な点として、例外を発生させることなく後に宣言した変数を参照できる点が挙げられます。この考え方は巻き上げとして知られています。 文法とデータ型 - JavaScript | MDNから引用させて頂きました
let - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016. Learn moreSee full compatibilityReport feedback The let declaration declares re-assignable, block-scoped local variables, optionally initializing each to a value.
‘-‘ という名前の、中身が無いのに70万回ダウンロードされてる謎のnpmパッケージ
– という名前の JavaScript/TypeScript パッケージについて警告を発している記事が話題となっています。 このパッケージ、中身はほとんど空で、Readme と、dev で TypeScript を動かせるようにするライブラリ群を呼ぶ箇所だけのもの。 しかし、この “-” を使っている他の npm パッケージが 50個以上あり、約一年前の公開時からのトータルのダウンロード数は72万回にもなります。 しかし、”-” を読み込んでいるパッケージを見てみても、”-” が必要そうには見えません。 警告記事では、この無名のパッケージが密かに使われるようになった原因が、npm コマンドのコマンドラインを打つときのミスタイプにあるのではないかとの仮説を立てています。 つまり、someFlag というオプションを使い npm i -someFlag somepackage と打つべきところ
行列固定テーブル
行数: 列数: ダミー: 行列を適当に入力して実行してみましょう。 スクロールバーを動かしてみると、行列が固定されたテーブルであることが分かります。 HTMLでも少し工夫をすれば、EXCELのように行列固定テーブルを作ることが可能です。 行列固定テーブル用のライブラリもありますが、これぐらいは自前で作れるようになっておいたほうがよいでしょう。 では、ロジックの説明をします。行数7,列数7の場合で説明します。 まず、HTMLから見ていきます。 DIVを4つ作成し、それぞれのDIVの子要素にTABLEを指定します。 右上のテーブル(topLeftTable)だけtr,tdがありますが、これは行数列数に依存しないためです。 次にCSSを見ていきます。 注目すべきは、#topRightAreaと#bottomLeftAreaのoverflowがhiddenになっている箇所と、 #bottomRig
【JavaScript】10進数と16進数の相互変換と16進表記の方法
10進数を16進数に変換する方法と16進数を10進数に変換する方法を紹介します。また16進数を0x表記に変換する方法も紹介します。 目次 10進数を16進数に変換（decimal to hex） 16進数を10進数に変換（hex to decimal） 16進表記（0xFF） 10進数を16進数に変換（decimal to hex） NumberオブジェクトのtoString関数を用いることで、数値から16進文字列への変換が行えます。第一引数には基数16を指定します。 var i = 15 i.toString(16) // "f" (14).toString(16) // "e" Number(13).toString(16) // "d" (254).toString(16) // "fe" 16進数を10進数に変換（hex to decimal） 16進数の文字列を10進数の数値に変
Array.prototype.unshift() - JavaScript | MDN
標準組み込みオブジェクトArrayコンストラクターArray() コンストラクター静的メソッドArray.from()Array.fromAsync()Array.isArray()Array.of()静的プロパティArray[Symbol.species]インスタンスメソッドArray.prototype.at()Array.prototype.concat()Array.prototype.copyWithin()Array.prototype.entries()Array.prototype.every()Array.prototype.fill()Array.prototype.filter()Array.prototype.find()Array.prototype.findIndex()Array.prototype.findLast()Array.prototype.find
Firefoxのポップアップブロッカーに邪魔されずに、キーボードショートカットでブックマークレットを実行する方法がやっとわかった @ ArtSaltのサイドストーリー
ぐぐってたら、こんな情報発見。 ⇒ Firefox - もじら組 Wiki - JavaScript の window.open() が有効になる動作をカスタマイズする ⇒ Firefox - もじら組 Wiki - JavaScript の window.open() で開かれる場所をカスタマイズする dom.popup_allowed_eventsのわかりやすい解説があった。 dom.popup_allowed_events ポップアップを認められる、コンマで区切られたイベントのリスト Form events select: テキストフィールド内のテキストが選択される change: ドロップダウンメニューの値かテキストフィールドが変わる input: テキストフィールドにテキストが入力される submit: フォームを送信する reset: フォームを戻す Other events
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
配列の長さを切り詰める (length, splice) | まくまくJavaScriptノート
[JavaScript] Mapと連想配列の相互変換 - Qiita![[JavaScript] Mapと連想配列の相互変換 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/07b9f1b3419e0551f087fb7e4776305a9864b10b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyME1hcCVFMyU4MSVBOCVFOSU4MCVBMyVFNiU4MyVCMyVFOSU4NSU4RCVFNSU4OCU5NyVFMyU4MSVBRSVFNyU5QiVCOCVFNCVCQSU5MiVFNSVBNCU4OSVFNiU4RiU5QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MWM3YWY0OGZhMTljNjg0YWU3YzhkMzgzOTk3YjM1ZTc%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBta3RvaG8tbiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDc1NGQ3ZTIzM2ViYzQ5ODU0ZWY5ZDVkNjg5ZDFhZjY%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gRW5naW5lTWFrZXI%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D01ee4cef2a45e4d994cb776861f15930)
jsでformを作ってsubmitさせる時の注意点 - Qiita
