Movatterモバイル変換

Skip to the content. モダンJavaScript チートシート 画像クレジット: Ahmad Awais ⚡️ イントロダクション 動機 このドキュメントはモダンなプロジェクトでよく見られるJavaScript のチートシートと最新のサンプルコードです。 このガイドは読者にJavaScript をゼロから教えるものではありません。 基礎知識は持っていて、モダンなコードベースに慣れる（例えばReact を学ぶ）のに苦労している開発者を助けるためのものです。 説明の中でJavaScript の諸概念が使われています。 また、議論の余地のあるポイントについてときどき個人的な tips を載せますが、その際はあくまでも個人的なおすすめであることを述べるように気をつけます。 メモ: ここで紹介されている概念のほとんどはJavaScript 言語のアップデート（ ES2

JavaScript関連の記事一覧です。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?本記事は、bytefish氏による「UseChrome DevTools Like a Senior Frontend Developer」（2020年7月21日公開）の和訳を、著者の許可を得て掲載しているものです。 #シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう 開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバ

JavaScript Primer 迷わないための入門書 Tweet Watch StarTwitterのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことがあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを読み書きできるように書かれています。 初めてのプログラミング言語としてJavaScriptを学ぶ人は、まずは「はじめに」から読んでみてください。 書籍版 このウェブサイトの内容はアスキードワンゴから書籍として出版されています。 書籍版の内容はウェブサイト版と同一ですが、本として読めるように最適化されています。 書籍版は次のサイトから購入できます。Amazon 達人出版会（電子書籍版

JavaScript は Web サイトに動的な機能を追加するためのプログラミング言語です。 1995 年に米国のNetscape 社によって開発され、現在では Web 開発に欠かせない技術の一つとなっています。JavaScript は Web ブラウザ上で直接動作するスクリプト言語であり、ボタンのクリックイベントやアニメーション、フォームの入力チェックなど、インタラクティブな機能を実装するのに利用できます。JavaScript はブラウザさえあればすぐにプログラムを書いて実行できます。 Web ページの作成において、HTML やCSS と組み合わせて利用されることも多いです。また、Node.js などを利用することでサーバーサイドの開発も可能となり、JavaScript はフロントエンドからバックエンドまで幅広い用途で活用されています。JavaScript は、オブジェクト

You signed in with another tab or window. Reload to refresh yoursession. You signed out in another tab or window. Reload to refresh yoursession. Youswitched accounts on another tab or window. Reload to refresh yoursession. Dismiss alert

使い方 まず最初にチェックするコンテンツです。どのような考えをもとにプログラムを組み立てていくか、設計力を学びます。 サンプル 使い方で学んだことを生かして、簡単なサンプルの作成を学んでいきます。 プラグイン jQueryで利用できる便利なプラグインを紹介していきます。 リファレンス jQueryのリファレンスです。辞書代わりにご利用ください。 使用例 企業サイトでのjQueryの使用例を紹介していきます。 始めに jQueryはデザイナーにも利用しやすいjavaScriptプラグインです。このサイトはhtmlやcssを充分に理解しており、さらに基礎的なjavaScriptをマスターしている方を対象に記事を書いています。 現在はスマートフォン用のゲーム制作に注力しているため、本サイトの更新は休止状態（2014年3月が最終更新）です。ゲーム制作に関するブログ：スマゲー作るよ！はほぼ毎日更新し

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

さてさて、前回の記事、完全な手順！VueJSで自動ページ送りする方法では、ES6を使ってページ送り機能を実装してみましたが、その際ふと疑問に思ったことがありました。 それは、 インターネットエクスプローラー11（IE 11）だと、どんなES６の記述ができるんだろう？？ というものです。 IEといえば、当のマイクロソフトでさえedgeへの移行をすすめている、もはやレガシーなブラウザですが、未だに一定数以上のシェアを持っていることから、どうしても古いJavaScriptの書き方をせざるを得ないのが現状です。（BableとかはIEへの対応という意味合いが大きいですね） そこで！今回は、実際にIE11でES6の主要な書き方を実行し、うまくいくかどうかをひとつずつ検証してみます。（そして、せっかくなのでedgeでも検証してみました。） ぜひ開発の参考にしてみてください。 「ひさびさにVirtualB

はじめにJavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をして

JavaScriptにあるprototypeを理解すると、あるオブジェクトのプロパティを他のオブジェクトに引き継いだり、new構文で新しくオブジェクトを作成するとき親となるオブジェクトを指定したりできます。 今回は、JavaScriptのprototypeについて実際のコードと共に解説していきます。JavaScriptにはprototypeという仕組みがあります。 プログラミング入門者の方はもちろんのこと、他言語を学習済みの方でもあまり馴染みがないかもしれません。 しかしJavaScriptの基本的な仕組みに関係しているprototypeの理解は、JavaScriptを使いこなすにあたって避けて通れないものです。 今回はこのprototypeについて実際のコードと共に解説していきます。JavaScriptのprototypeとはJavaScriptにはprototypeという仕組みが

他のページへ入力内容を渡す searchプロパティ使用 unknown searchプロパティを使用して、送信先画面にパラメータから受取った情報をフォームに書き出す例です。 フォームの入力状態を送信先のフォームに確認用として表示するのに便利です。 オブジェクト名windowは省略可。 <script type="text/javascript"> /* パラメータを渡す側 */ function send() { var name=""; var sex=""; var favorite=""; /* 名前(コード変換) */ if (document.form1.name.value!=""){ name=escape(document.form1.name.value); } /* 性別 */ if(document.form1.sex[0].checked){ sex=escape(

Electron（エレクトロン）とは、ウェブ技術でデスクトップアプリケーションを作成できるテクノロジーです。HTMLとCSS、JavaScriptを使って開発し、WindowsとmacOSの両OSのアプリケーションを1つのコードから作ることができます。近年、注目度が高まっておりマイクロソフトやGitHubなど、有名企業も採用しています。 Electronエレクトロン製のアプリケーションはChromiumクロミウム（Chromeブラウザの元となるもの）とNode.jsノードジェイエスがランタイムとなっています。ウェブコンテンツをそのままアプリケーションとして動かしたり、デスクトップアプリケーションとしてブラウザだけで実現できない機能を組み込めるのが特徴です。 利用用途として、テキストエディターやユーティリティーソフト、デザインツールなどの小規模な使い方から、イントラネット内のクライアントツー

var Client = require('ftp'); var c = new Client(); c.connect({ host:"ftp.hoge.com", port:21,//portが21の場合は省略可能 user:"youraccount", password:"yourpassword" }) c.on('ready',function(){ console.log("ok"); }) c.on('error',function(err){ console.log(err); }) c.on('greeting',function(message){ console.log(message); }) 結果： 成功の場合：FTP server ready 失敗の場合：{ [Error:Login incorrect.] code: 530 }　等。

kintoneはJavaScriptを使って自由にカスタマイズできます。 カスタマイズにより独自のリッチなUIを構築したり、新しい機能を追加したりできますが、セキュアなコーディングをしないと クロスサイトスクリプティング （以下、XSS）などの脆弱性を作り込んでしまう危険性があります。 この記事では、JavaScriptでセキュアなコーディングをするための基本的なポイントを解説します。

バスケットボールのコートで躍動する河村勇輝選手。 その華麗なプレーの裏には、河村勇輝選手の父親である河村吉一さんの存在が光っていること、ご存知でしたか？ 山口県柳井市にある河村家の実家は、バスケットボール愛あふれる家族の...

このページはJavaScriptの例文／サンプルを掲載しています。なお、対象としているのは基本的にWeb標準ブラウザ (Firefox, Safari,GoogleChrome, Operaなど) としているため標準仕様から外れているInternet Explorer 6～8では動作しないものがあります。Internet Explorer 8より前のバージョンに関しては以前のJavaScript例文辞典を参照してください。このサイトではInternet Explorer 8以降には、ある程度対応しています。IE9からはCanvasなどHTML5関連APIにも対応しています。iPhone/iPadおよびAndroid 4もHTML5に対応しています。ただし、Android 2.xに搭載されている標準ブラウザでは対応していないAPIが多いため、ほとんど動作しません。 カテゴリ内のページの