ESLint: "error Parsing error: The keyword 'const' is reserved"
I am getting this error from ESLint: error Parsing error: The keyword 'const' is reserved from this code: const express = require('express'); const app = express(); const _ = require('underscore'); I've tried removing node_modules and reinstalling all npm packages (as suggested here), but to no avail.
Step by Stepで始めるESLint - Qiita
ESLintはJavaScriptを静的に検証するツールです。 わかりやすく言えば、チームメンバー間で統一された美しいコードを生成するためのツールです。 設定ファイルを書いておけば自動で変換することも可能です。 ESLintを始めよう！ JavaScriptのLintツールにはjslint, jshint, JSCSなどがあります。 2016/11 時点で npm trendsで比較した結果が以下の画像です。 http://www.npmtrends.com/jslint-vs-jshint-vs-jscs-vs-eslint 半年前はjshintと並んでいましたが、わずか半年の間にダブルスコアをつけています。 jshintは開発が鈍化しています。 またJSCSの開発チームはESlintに移行することを決めました。 以下に記載した有名ライブラリは開発時にESLintを使っています。 jQu
理由がない限り、Array.join("") による文字列連結は使わないほうがいいみたい - latest log
JavaScript の勉強を開始したときに「文字列の連結には Array.join() を使え」といった記事を見た覚えがあります(ソース失念したけど、 Operaの技術文書だった気がする ⇒ IE の技術文書だったかも)。 一年ほど信じてて、念のためベンチとってみたら「うそやーん」でした。ってお話。 ベンチの条件は、 3種類の文字列連結方法を試す 1. + Operator 2. String.concat() 3. Array.join("") 文字列の要素数を 11個 と 55個で試す <!doctype html><html><head><title></title> </head><body> <script> window.onload = function() { var now = +new Date, lp = 100; while (lp--) { job(); } d
セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2
セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2 「Select2」はセレクトボックスに検索機能を付けたり、タグの補完（サジェスト）入力ができるBootstrapベースのjQueryプラグインです。 投稿日2013年05月14日 更新日2013年05月14日 準備 最初に「bootstrap」と「select2」のcss&jsと「jQuery」を読み込みます。 （bootstrapのcssは必須ではないです。） html <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/select2.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/
JSDoc使い方メモ - Qiita
JSDoc で API ドキュメントを生成する方法と、一部のドキュメンテーションタグの使い方についてメモする。 環境 OS Windows7 64bit Java 1.7.0_51 JSDoc 3.2.2 インストール Java Mozilla Rhino を使った方法でドキュメントを生成するので、 Java が必要。 インストール方法は割愛。 JSDoc 3 GitHub からダウンロードできる。 tags から v3.2.2 を選択して、 zip でダウンロードする。 zip を解凍したら、解凍後のフォルダにパスを通し、コマンドラインからヘルプを表示できることを確認する。 >jsdoc --help OPTIONS: -t, --template <value> The path to the template to use. Default: path/to/jsdoc/templa
JavaScriptでJSDocコメントを書くメリットとは – ICS MEDIA
筆者が試したところ、開発環境としてWebStormやVS Codeがとくに優れており、ツールチップにJSDocコメントの情報がすべて表示されました。 ちなみにReactやAngularなどのメジャーなJSライブラリにおいても、そのソースコードではJSDocコメントが使われています (例 : Angular、React)。APIが多岐に渡るJSライブラリを利用するとき、わざわざリファレンスをブラウザで開いたり解説書で調べることなく、コード上で関数の仕様を確認できます。 ▲描画ライブラリCreateJSのAPIを表示したもの JSDocコメントのメリット② APIリファレンスの生成 TypeDoc等のツールを使うことでコードのリファレンスドキュメントを作成できます。こういったJSライブラリのリファレンスはみなさんも一度は見たことがあるのではないでしょうか。 ウェブサイト案件のソースコードでAP
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
初心者でも分かる！モーダルウィンドウの作り方
特にスマホで活躍する、ダイアログのように浮かび上がるモーダルウィンドウ。初心者でも1から作れるよう、解説します。
new Array()と[]の違い - Qiita
console.log( new Array(1,2,3) ); //1,2,3 console.log( [1,2,3] ); //1,2,3 console.log( new Array(3) ); //undefined, undefined, undefined console.log( [3] ); //3 逆に言えば、 new Array()は[3]のように整数一つだけを含む配列を作成できない []はサイズを指定して配列を作成できない ということになる。 速度面での違い…はほとんどない 先に結論を書いてしまった。エンジンにもよるし使い方にもよる。どちらが速いというものでもないので、読みやすさを優先すればよい。 完璧主義者のために、差が出るポイントをまとめてみる。 参照解決のコスト 「Array」は予約語ではないので、ローカル変数を指している可能性がある。JavaScriptエン
![new Array()と[]の違い - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c74a9da50c98908640306fa26e421f9f5676b5c3/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9bmV3JTIwQXJyYXklMjglMjklRTMlODElQTglNUIlNUQlRTMlODElQUUlRTklODElOTUlRTMlODElODQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTBkNDExNmUxNzFmYThhZDAxODY4ZGY0Mzg2MjE5Mzlm%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwSGlyYWt1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kNmRlMjUyMDQ4YTJiNjhhN2Q3NDU1ZTZmMjRiNTYzYw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dc80752c766ec86c9a6ea6af908408311)
遅すぎたUnderscore.js入門 - 全体像 - Qiita
いまどこ？ 1 . 遅すぎたUnderscore.js入門 - 全体像 ←いまここ 2 . 遅すぎたUnderscore.js詳述 - Collections編 3 . 遅すぎたUnderscore.js入門 - Arrays編 4 . Functions 5 . Objects 6 . Utility 7 . Chaining Underscore.jsで何ができる？（私見） 非常にざっくり言うと、Underscore.jsはJavaScriptの表現力を高めることができる便利関数のライブラリです。その先に深淵なテーマもあるようですがひとまずは考えないでおきます。 たとえば配列を一つ飛びに足していったり、シャッフルしたり、従来ではアルゴリズムを組まなきゃいけないかったものが最初から提供されているという感じ。あとは高階関数（これは個人的にまだ真髄を分かっていないと思います。ぶっちゃけ勉強中
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
JavaScript Style Guide | Contribute to jQuery
If the project supports browsers which do not implement ES5, then the es3 option must be included with the repo-specific options. link SpacingIn general, the jQuery style guide encourages liberal spacing for improved human readability. The minification process creates a file that is optimized for browsers to read and process. Indentation with tabs. No whitespace at the end of line or on blank line
【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば
DOMの変更を検知するイベントが非推奨になり 代わりに新しく作られたMutationObserverなるもの。 MutationObserver - Web API インターフェイス | MDN https://developer.mozilla.org/ja/docs/Web/API/MutationObserver DOM変更検知は結構よく使うもの（特にユーザースクリプト）なのに 日本語の解説サイトが↑のMDNとMSDN、ここくらいしかなく その都度ググったり手探りで片っ端から試すのが面倒なので以下に自分用にまとめる。 コンストラクタ まずインスタンスを作る。 window.MutationObserverコンストラクタの引数に、DOM変更を検知した際に実行する関数を渡す。 function omega(data1, data2) { alert("ﾜﾚﾊﾒｼｱﾅﾘ"); consol
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
Greasemonkeyをfirefoxでデバッグする方法
Greasemonkeyをまた久しぶりに触り始めたけど、 デバッグ出来ないのがすごい辛い。 ずっと我慢しながらスクリプト作ってたけど、 流石にそろそろデバッグ出来る方法とか出てきたんじゃないかと思って デバッグする方法について書いてあるサイトを色々探してみたら ようやくデバッグの仕方が分かったのでメモ。 How to debug Greasemonkey script with the Firebug extension? 上のリンク先の一番最後の回答にデバッグの仕方について書いてあって ブラウザデバッガを使えばいいみたい。 ブラウザデバッガを使えばブレークポイントも設定できるし、 実行中の変数の中身も確認できるし、スクリプトのエラーもコンソールで確認できる。 これでますますGreasmonkeyでの開発が捗りそう。 でも、このブラウザデバッガの機能自体はだいぶ前から実装されてみたいだから
GreasemonkeyのGM_setValueで保存できるデータの種類 (Kanasansoft Web Lab.)
GreasemonkeyのAPIであるGM_setValueで保存できるデータの種類に制限があるのをご存知ですか? それを調べるために、次のようなUserScriptを実行してみます。 但し、unsafeWindowを使っているので信用のおけるsiteで実行してください。 // ==UserScript== // @name GM_xxxValueTest // @namespace http://www.kanasansoft.com/ // @include * // ==/UserScript== ( function(){ var data=[ ["Boolean",true], ["Number",12345], ["Number",12345.67890], ["String","12345"], ["Array",[1,2,3,4,5,"a","b","c"]], ["Dat
Documentation | Tampermonkey
Table of Contents Userscript Header @name The name of the script. Internationalization is done by adding an appendix naming the locale. // @name A test // @name:de Ein Test @namespace The namespace of the script. @copyright A copyright statement shown at the header of the script's editor right below the script name. @version The script version. This is used for the update check and needs to be inc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
空のjQueryオブジェクトを作って要素を追加する方法 - Qiita
ライブラリを使わない素のJavaScriptでDOM操作 - Qiita
How to use jQuery each() function within append()