JavaScriptについての知識を扱います。
MacにDenoをインストールする方法
最近話題のJavaScript及びTypeScriptのランタイム環境であるDenoについて、Macへのインストール方法と簡単なファイルの実行方法についてまとめてみました。公式サイトのサンプルコードで簡単に実行してみます。
MacにHomebrewでyarnをインストールする方法
Node.jsをインストールするとパッケージ管理ツールのnpmが一緒にインストールされるのでそれを利用してもいいのですが、ここではyarnをインストールして利用しようと思います。homebrewを使ってMacにyarnをインストールする方法をまとめました。
ReactアプリをXSERVERに放り込んで動かす【初心者向け】
Reactで作成したwebアプリをレンタルサーバーのXSERVERにアップロードするだけで、簡単に動くのかどうか試してみました。サーバー側の環境構築が苦手な初心者レベルの人にとっては、気になるところではないでしょうか。
Node.jsをMacにHomebrew(nodebrew)でインストールする方法
Node.jsをMacにHomebrewからnodebrewを利用してインストールする方法をまとめてみました。将来的なバージョンの切り替えも考えて、公式サイトのインストーラーは利用しないことにしました。ついでにTypeScriptのインストールもしてみました。
【JavaScript】(ES6)アロー関数の定義
JavaScriptのES6のアロー関数(Arrow Function)の定義について扱います。アロー関数を使うと、匿名関数(関数リテラル)の処理の表記を矢印(=>)でシンプルに記述することができ、ES5よりもコードがスッキリします。
【JavaScript】(ES6)テンプレート文字列
JavaScriptのES6のテンプレート文字列について扱います。テンプレート文字列は、クォートの代わりにバッククォートで囲み、ドル記号と波括弧のプレースホルダーを設置して使います。startsWithなどの文字列メソッドも扱います。
【JavaScript】(ES6)ブロックとIIFE(即時実行関数式)
JavaScriptのES6のブロック(ブロックスコープ)について扱います。ブロックは波括弧{}単体で作ることができます。ブロック内でlet、constで宣言した変数は外から利用できません。これはES5のIIFEとよく似た動きをします。
【JavaScript】(ES6) letとconstを使った変数宣言
avaScriptのモダン仕様であるECMAScript 6(ES6)について、ここでは変数宣言のletとconstについて扱います。constは定数で変更不可、letは変数の重複を許さずブロックスコープで参照するという特徴があります。
【JavaScript】bind, call, applyメソッド
JavaScriptのメソッドのbind、call、applyについて扱います。これらは関数を呼び出すことができるメソッドといえるもので、関数内のthisキーワードが渡されたオブジェクトに紐づけて処理することができる機能になります。
【JavaScript】クロージャ
JavaScriptのクロージャについて扱います。クロージャはローカル変数を参照している関数内関数ということになりますが、クロージャで返された匿名関数が引き続きローカル変数を保持しているので、その間は独立して利用することができます。
【JavaScript】即時実行関数式(IIFE)
JavaScriptにおける即時実行関数式(Immediately Invoked Function Expression; IIFE)を扱います。通常の関数定義の呼び出しと違い、匿名関数を括弧で囲んで関数とし、即時呼び出しができます。
【JavaScript】関数を戻り値として返す関数
JavaScriptの関数がオブジェクト型として振る舞うものとして、ここでは関数を戻り値として持つ関数を定義して動きをみてみようと思います。戻り値の関数を呼び出して利用する処理だけでなく、一度に呼び出す見慣れない形を使う方法もあります。
【JavaScript】高階関数 – 関数を引数、戻り値として扱う関数
JavaScriptの関数はオブジェクト型のインスタンスです。関数は他のオブジェクトと同じように扱うことができます。ここでは、関数を引数、戻り値として扱う関数をみていきます。このような関数を高階関数といいます。
【JavaScript】プリミティブ型とオブジェクト型
JavaScriptのデータ型(type)であるプリミティブ型とオブジェクト型を扱います。プリミティブ型の変数は、データそのものを保持しますが、オブジェクトに関連つけられた変数は、メモリへの参照を持ちます。この2つの違いを見ていきます。
【JavaScript】オブジェクトの生成 – Object.create()
JavaScriptにおけるオブジェクトの生成について、Functionコンストラクターを使った方法とは違う方法を見て行きます。ここではObject.create()を使ってプロトタイプから継承するオブジェクトを作成する方法を扱います。
【JavaScript】オブジェクトの生成とFunctionコンストラクター
JavaScriptにおけるオブジェクトの生成とFunctionコンストラクターをみていきます。オブジェクトの継承によって、コンストラクタのprototypeプロパティの参照がされていることをFunctionコンストラクターから確認します。
【JavaScript入門】イベントの処理 – addEventListener()
JavaScriptを使ったイベントの処理の基本的な操作を行います。設定にはイベントリスナーを指定するのが主流で、addEventListener()にイベントタイプ名を指定し、無名関数を使って行いたい処理を指定する方法が一般的です。
【JavaScript入門】DOMとHTML/CSSの操作
JavaScriptを使って、HTMLやCSSを操作することでWebページの内容を変更する方法を扱います。DOM(Document Object Model)という仕組みとWebページのオブジェクト構造を理解して要素の操作を行います。