JSのES6での変数宣言がほとんどconstになって、letを使う機会がない。 - pospomeのプログラミング日記
ES6では変数宣言として、var に加えて const, let が追加された。 const は代入不可能な変数宣言なんだけど、 ES6を書いてると、ほとんどの変数宣言がconstにできることに気がついた。 プログラミングにおいて、予期せぬ変数の代入によって発生する不具合は少なく無いと思うから、 イミュータブルな変数としてconstで変数宣言するのはいいことだと思う。 とはいえ、オブジェクトのプロパティ代入は可能だから完全にイミュータブルではないんだけど・・・。 const test = {name:'test'}; test.name = 'fin3'; //これが可能になってしまう。 でも、基本constで変数宣言するのはちょっと違和感。 const は円周率 3.14 とか、マジックナンバーとかの「定数」を宣言する際に利用すべきで、 基本は let を使うべきではないのか? と思って
var, let, constの使い分けについて｜もっこりJavaScript｜ANALOGIC（アナロジック）
とりあえず結論から ES5時代のスコープ ES2015からlet, constが使えるように 巻き上げ（ホイスティング）について 非strictモードでの挙動 参考リンク まだまだBabelにお世話になりつつも、ES2015ベースでコードを書くことが確実に増えて来ていますね。 ES2015では変数の宣言に let, const という新しいシンタックスが使えるようになりました。 早速これらを使うようにしてみたのですが、let/constについては「letはブロックスコープ」「constは定数」程度の認識だったので、私の書いたコードには var, let, constが入り混じるというよくわからない状態になりました。 そのような状況を経て、まず最初に思ったのが「これ、var 要らなくね？」というもの。 基本的に、変数の有効範囲（スコープ）は可能な限り局所的にすべきという考えだったので、それで
varよりすごいletとconst。（現代的JavaScriptおれおれアドベントカレンダー2017 – 02日目） | Ginpen.com
現代的JavaScriptおれおれアドベントカレンダー2017 – 02日目 かつて変数宣言といえば var でしたが、今なら他に let とconst も使えます。 基本的な使い方は一緒。 要約 できるだけ const を使おう const が適さない場面では let を使おう var を積極的に使うべき場面はない let と const はブロック { ～ } がスコープになる var は関数 function(){ ～ } がスコープ const の参照先は変えられないが中身（オブジェクトのプロパティ等）は変えられる それでは以下、こんなに長くなるはずじゃなかった記事です。 var vs let 変数のスコープ（有効範囲）が異なります。 var は関数単位のスコープになりますが、 let ならブロック単位のスコープになります。 例えばこんなやつ。
JavaScriptにおけるvar/let/constの使い分け
JavaScriptの3つある変数宣言、varとletとconstは、よく混乱を生みます。どれも変数を宣言することに変わりはないので、違いがわかりにくいのです。このことが初学者を混乱させている場面をたびたび目にしますし、プログラミングに慣れ親しんだ人でも役割を意識しないまま書いていることがあります。 そこでこの記事では、3つの変数宣言の役割とその使い分けについて、それぞれ簡単に紹介してみます。 3種類の変数宣言とその使い分け var – 変数を宣言する varは、JavaScriptにおいて変数を宣言する上で、最も基本的な方法になります。varで宣言された変数は関数スコープとなり、宣言のスコープ先頭への巻き上げ（Hoisting）が行われます。（※変数のスコープおよび巻き上げについてはここでは解説しません。） var x = 10; x = 20; もともと、JavaScriptの変数宣言
弊社でのJavaScriptの書き方 - Qiita
まあこれは弊社(Claves)での取り組み方(別に相談してないので独断ですらある)です。 多分そのうち陳腐化するので金科玉条のごとき扱いはしない方が良いです。 書くにあたった動機 若い人間がJavaScriptを書く場合に、 参照しているものが古い 便利なライブラリとかがあるのに再発明とかしてる Railsで書く場合にどう書けば良いのか などが整理されていないと感じた。 都度説明していたが三回をこえて面倒なので書き下すことにした。 JavaScript? TypeScript? 正直モダンに書くのであればJavaScriptでもTypeScriptでも良いと思っている。 構文的にはTypeScriptはモダンなJavaScriptに型、抽象クラスなどが追加されていると思って良いかと思う。 継承とかゴリゴリ書くのであればTypeScriptは便利だし、後述するReactなんかも TypeSc
サイ本こと『JavaScript 第6版』全800ページを読破し、1万行のesaにまとめてわかった5つのこと - #がみぶろ
しがないラジオのgamiです。 JavaScript界隈では有名な、オライリーのサイ本こと『JavaScript 第6版』という鈍器、もとい書籍を読みました。 JavaScript 第6版 作者: David Flanagan,村上列出版社/メーカー: オライリージャパン発売日: 2012/08/10メディア: 大型本購入: 12人 クリック: 252回この商品を含むブログ (18件) を見る 2012年に発行された、約800ページもある、かなり内容の多い本です。 僕は本を読むときにesaに要約しながら読み進めるのですが、サイ本のまとめesaは全体で「約1万行」という修行みたいな分量になっていました。 サイ本、3年越しくらいでやっと読み終わったあああああ！！！esaにまとめながら読んでたけど、コードも含めて約23万字、1万行の分量になっててesaが悲鳴あげてたw今度感想ブログ書く。多くの人
ブラウザの戻るボタンで戻った時、画面の状態も残っている│JavaScript│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積
あるページAからfancyBoxのようなモーダルウィンドウを開いたままページBに移動した後、 ブラウザの戻るボタンでページAに戻ったところ、モーダルウィンドウが開いたままになっていました。 SafariとFirefoxで起こるようです。 下記のサイトで詳しくまとめられていました。 SafariとFirefoxでブラウザバック（戻るボタン）を押した際、前のページの画面効果残っている件ついてを解説 JS等のスクリプトの実行状況をキャッシュしてしまうそうです。 <header>内に下記の記述をすることで解決できます。 ■通常の記述 <script type="text/javascript"> window.onunload = function(){}; </script> ■jQueryを利用した場合 <script type="text/javascript"> $(window).bin
uglifier の ES6部分におけるエラー [Rails] - ハッキングバカ
環境: Ruby 2.5.0 Rails 5.1.4 Ubuntu 16.04 本番環境で assets をコンパイルしたところエラーが発生した rake assets:precompile RAILS_ENV=production rake aborted! ExecJS::RuntimeError: SyntaxError: Unexpected token: ~~~ /railspath/app/assets/config/manifest.js:2 JS_Parse_Error.Object.defineProperty.get ((execjs):3538:621) Caused by: V8::Error: Unexpected token: ~~~ at js_error (<eval>:3623:12181) at croak (<eval>:3623:21897) at
![uglifier の ES6部分におけるエラー [Rails] - ハッキングバカ](https://cdn-ak-scissors.b.st-hatena.com/image/square/29277732cdbae34b222cd4dca8826f6b0549388b/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F8599973812343690310%2F17391345971616353234%2F1518667688)
ReactとVueのどちらを選ぶか - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 主に非Web系のバックエンド開発者(C/C++, Java, Python等を使用)がReactとVueをそれぞれ簡単に触れて、感じたメリット、思ったことなどをまとめています。 色々と書いてますが、どちらも完成度の高いライブラリ/フレームワークですね。 結論 JavaScript等にあまり深入りせずにWebアプリを簡単に書きたい、あるいは効率的に書くことが目的であればVueの方がお勧めです。しかし開発者としてスキルや設計などについて中長期的にレベルアップを図りたいのであれば、Reactから学ぶことをお勧めします。 何故かと言うと、Rea
独学の人には特にオススメ！JavaScriptの基礎が一通り、14分ちょいで学べるチュートリアル
コンソール まずは、JavaScriptのコンソールを使用して、「Hello World!」を表示します。 コンソールの表示方法 Edge F12 Chrome command+option+J (win: ctrl+shift+J) Firefox command+option+K (win: ctrl+shift+K) Safari command+option+C Safariの場合はショートカットが他のアプリ(Alfred)に使用されている場合があるので、環境設定から「メニューバーに開発メニューを表示」をチェックすると、メニューバーからコンソールを表示できます。
jQuery - - Railsドキュメント
jQueryについて jQueryとは JavaScriptとHTMLの相互作業を強化する軽量なJavaScriptライブラリ。 簡単に説明すると、JavaScriptを簡単に扱うためのライブラリです。 特徴 クロスブラウザ対策 軽量かつ高速 MITライセンス CSSライクに書ける ドキュメントが充実 JavaScriptフレームワークの中で圧倒的なシェア 豊富なプラグイン 簡単な例 warning というクラスをつけたpタグのテキストカラーを赤くする場合 JavaScript <script type="text/javascript"> var targets = document.getElementsByTagName("p"); for(i=0; targets.length; i++){ if(targets[i].className === "warning"){ targe
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome は Chrome 59 でリリースされています。これは、ヘッドレス環境で Chrome ブラウザを実行する方法です。つまり、Chrome なしで Chrome を実行することになります。Chromium と Blink レンダリング エンジンが提供する最新のウェブ プラットフォームのすべての機能をコマンドラインにもたらします。 なぜこれが有用なのでしょうか。 ヘッドレス ブラウザは、可視 UI シェルが必要ない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、その PDF を作成したり、ブラウザが URL をレンダリングする方法を確認したりできます。 ヘッドレスの開始（CLI） ヘッドレス モードを開始する最も簡単な方法は、コマンドラインから Chrome バイナリを開くことです。Chrome 59 以降がイ
Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発
UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
JavaScript アルゴリズムで配列をシャッフルする - Qiita
// シャッフルしたい配列を用意 var array = [0,1,2,3,4,5,6,7,8,9]; for (var i = array.length - 1; i >= 0; i--){ // 0~iのランダムな数値を取得 var rand = Math.floor( Math.random() * ( i + 1 ) ); // 配列の数値を入れ替える [array[i], array[rand]] = [array[rand], array[i]] } console.log(array);
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドエンジニアが伝えたい最近の事情
JavaScript でテキストエリア内のカーソルのある位置に文字列を挿入する方法 - Qiita
【rails】flashメソッドについて
Align popover to bottom left
Microsoft、Excelカスタム関数としてJavaScriptのサポートを発表
JavaScript, jQuery でのURLの扱い方 - Qiita
