VSCodeをWebサイト開発用ツールに ―HTML／CSS／JavaScriptエディタとして強化しよう！
はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
【JavaScript】引数の記法まとめ - Qiita
JavaScriptではさまざまな引数の記法があるので備忘録としてまとめておく。 ES2015環境でしか使用できない書き方の場合は見出しに【【ES2015】】と記載する。 引数のデフォルト値【ES2015】 引数にデフォルト値を設定する場合は(引数名 = 値)と書くことで設定することができる。
Visual Studio CodeでのJavaScriptのデバッグ方法 - ICS MEDIA
マイクロソフトが無償で提供しているコードエディター「Visual Studio Code（略称：VS Code）」はGoogle ChromeやMicrosoft Edgeのデバッグ機能と連携できます。VS Code上でブレークポイントを設定してコールスタックを確認したり、ステップ実行や変数のウォッチなどを行えます。複雑なJavaScript開発を行っている方は、デバッグ機能を使うことで、効率のよい開発体験を得られるでしょう。 本記事ではデバッグ機能を使うためのVS Codeの導入方法について説明します。 導入手順と前提 VS Codeにはデフォルトでデバッグ機能が搭載されています。 ※2021年8月以前のVS Codeでは拡張機能「Debugger for Chrome」の導入が別途必要でしたが、今のVS Codeでは拡張機能をインストールする必要はありません。 本記事では、ウェブページ
webアプリ開発における環境変数まわりのベストプラクティス
nodejsを例に解説します。nodejsでは環境変数はprocess.env.環境変数名でとりだせます。また、開発環境・テスト環境・本番環境をそれぞれNODE_ENVという環境変数にdevelopment test productionと入れる文化があります。 アプリケーションコードに自分が今いる環境(開発|ステージング|本番)を意識させない これはつまり、コード内で環境識別変数(今回で言うところのNODE_ENV)によってif分岐を作らないという意味です。各環境にどのような設定が入るかはアプリケーションコード外にその種類分作成しましょう！ bad if(開発環境){ const logger = new Logger({ level: 'debug' }); } else if (ステージング環境){ const logger = new Logger({ level: 'info }
初学者友人「JavaScriptって役に立つの？」わい「ブラウザ設定で無効にっと。ほれ。」→結果… - Qiita
初学者友人との、ある日の会話 友人「なぁ、JavaScriptって本当に役に立つの？」 わい「おぉ。めちゃくちゃ役に立つで。」 友人「ほう。どんなふうに？」 わい「うーん…どんなふうにか…。せや！ブラウザ設定でJavaScriptを無効にっと。ほれウェブサイトみてみ。」 友人「おぉ！！！すげぇぇぇっっっ！！！」 １枚の絵は千の言葉を語る JavaScriptの凄さを知るには、ブラウザ設定でJavaScriptを無効にしてからウェブサイトを閲覧してみましょう。 この記事に書いてあること この記事では、ブラウザ設定でJavaScriptを無効にして、ウェブサイトを閲覧したらどうなるのかを書いています。 JavaScriptの凄さを改めて実感してもらい、一人でも多くのフロントエンドエンジニアのモチベーションに繋がればと思います。 なお、JavaScriptをオフにしてウェブサイトを閲覧するという
ウェブサイトがJavaScriptとCookieなしで個人を追跡する方法が一発で理解できる「No-JavaScript fingerprinting」
「フィンガープリント」とは、JavaScriptやCookieなしでウェブサイトのユーザーを識別するための固有識別子で、ユーザーの属性・行動・興味・関心といった詳細な情報をもとにマッチする広告を表示するターゲティング広告に用いられます。そんなフィンガープリントが、JavaScriptやCookieを使わずにどうやってユーザーを特定しているのかがよくわかるサイト「No-JavaScript fingerprinting」が公開されています。 No-JavaScript fingerprinting https://noscriptfingerprint.com/ 今回はGoogle ChromeからNo-JavaScript fingerprintingにアクセスしてみます。アクセスする前に、JavaScriptを使用しないようにあらかじめブラウザから設定しておきます。Chromeの右上にあ
JavaScriptのオブジェクトプロパティの隠し属性「writable」「enumerable」「configurable」を知る - Qiita
本稿では、この4つの属性のうち、writable、enumerable、configurableの3つについて説明します。 まとめ 先に結論を示しておきます。 writable プロパティの値を上書きできるか？ true: ミュータブルな値となり、代入演算が変更できる。 false: イミュータブルな値となり、代入演算ができなくなる。 enumerable プロパティを列挙できるか？ true: for .. inやObject.keys()、JSON.stringify()などの対象になる。 false: 上記の対象に含まれなくなる。 configurable プロパティの属性設定を変更できるか？ true: プロパティの属性の変更ができるようになり、deleteでプロパティの削除も可能。 false: 上記の操作ができなくなる。 writableとconfigurableの違いが気にな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
