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