JavaScript

自作関数について〜モダンなJavaScript

FUNCTION関数 JavaScriptの自作関数はfunction statementで定義します。 functionキーワードと、関数の名前、引数は丸括弧でくくり、カンマで区切ります。そして命令文は波括弧 { }   >>続きを読む

ループ文〜モダンなJavaScript

ループ文は繰り返し何かを実行するために必須のアルゴリズムです。JavaScriptで利用可能なループ処理を学習します。 for文 for文によるループは、指定された条件が「false」と評価されるまで繰り返されます。 基  >>続きを読む

Dateオブジェクトの使い方〜モダンなJavaScript

Dateオブジェクトについて JavaScript には日付のためのデータ型がありません。そのため、日付を取り扱うためのには、「Date オブジェクト」を使います。 「Date オブジェクト」は日付の設定、取得、操作を行  >>続きを読む

オブジェクトリテラルの使い方〜モダンなJavaScript

オブジェクトリテラルの使い方 オブジェクトリテラルの作成 オブジェクトリテラルを作成するには{}で囲みます。値の記述方法は配列に似ていますが、インデックス番号の代わりにプロパティ名を明示する必要があります。他のプログラミ  >>続きを読む

配列の色々な操作〜モダンなJavaScript

JavaScriptの配列の作りかたには[]ブラケットを使う方法と、newArray()を使う方法があります。 値は、数値でも文字列でもオブジェクトでも好きに入れることができます。 [crayon-5ba90adf957  >>続きを読む

consoleの使い方〜モダンなJavaScript

「Console」オブジェクトについて JavaScriptで開発を行う際に「console.log()」は非常によく使われるし便利なものです。 そもそも、「Console」オブジェクトは、ブラウザのデバッグコンソールへ  >>続きを読む

JavaScriptのPromiseについて

Promiseとは Promiseは非同期処理が完了した時に次の処理を約束したり、または失敗を表現するクラスです。 JavaScriptで非同期処理を行うには通常はコールバック関数を利用します。けれども、これはコールバッ  >>続きを読む

非同期処理とコールバック関数

JavaScriptは基本的にシングルスレッドで動いています。 これはつまり、JavaScriptは並行処理はできないということです。 同期であろうと非同期であろうと2つ以上の処理を同時に行なうことはできません。 Jav  >>続きを読む

Vue.jsの基本(1)

Vue.jsについて Vue.jsはVue.js公式HPに次のように書かれています。 Vue (発音は / v j u ː / 、 view と同様)はユーザーインターフェイスを構築するためのプログレッシブフレームワーク  >>続きを読む

React入門(4)classコンポーネントの作成

Reactコンポーネントの作成には、関数型とclassを使う方法の2つがあります。 関数型コンポーネントについてはReact入門(3)関数型コンポーネントの作成を参考にしてください。 ここではclass型コンポーネントに  >>続きを読む

React入門(3)関数型コンポーネントの作成

このページの詳細なサンプルは「GitHubの React_sample1 funcブランチ」にあります。 コンポーネント Reactの思想としてUIの基本単位をコンポーネントと考えています。コンポーネントは部品と考えるこ  >>続きを読む

React入門(2)render関数の使い方〜Hello worldの作成

このページで使用するサンプルの詳細はGitHubにあります。 Reactの環境設定方法は React入門(1)環境設定 を参照ください。 Reactの開発環境を構築すると、開発用のサーバーが使えるようになっています。   >>続きを読む

React入門(1)環境設定

Reactとは ReactはFacebook社が開発したJavaScriptライブラリです。フレームワークとされる場合がありますが、正式にはライブラリです。 Reactは特にJavaScriptを多用したWebサービスに  >>続きを読む

以上・以下・未満・超える

「以上」、「以下」、「未満」、「超える」の使い分けを明確にしておきましょう。以下の用語は法律用語として使われているようですから、これを使えば問題はなさそうです。 以上 「以上」は対象の値を含めた数より大きい数 PHPの例  >>続きを読む

TypeScript入門(1)

TypeScriptはJavaScriptの問題点をカバーするためにマイクロソフト社により開発されたJavaScriptの代替言語です。 TypeScriptはコンパイルすることでJavaScriptに変換することができ  >>続きを読む

Node.js入門(4)コマンドライン引数について

Node.js ではコマンドライン引数は process.argv で受け取ることができます。 process.argv はコマンドで指定した引数を配列として格納されます。 process.argv 0: /Users/  >>続きを読む

Node.js入門(3)Node.jsでES2015(ES6) 入門

ECMAScriptはEcma Internationalによって標準化された仕様です。ECMAScript6は2015年に採用されたため、ES2015やES6などと省略されて呼ばれています。ここではES6で特筆すべき  >>続きを読む

AngularJS入門(2)〜AngularJSで送信フォームの作成でモジュールの活用

前回のAngularJS入門(1)ではviewのみでできることでした。けれどもそれだけでは不足する機能があります。 例えばセレクトボックスのoption部分をスクリプトで作成すると汎用性が上がってくるかもしれません。基本  >>続きを読む

AngularJSのDirectiveについて(2)

AngularJSのよく使うdirectiveの紹介です。 今回は「ng-if」、「ng-class」、「ng-repeat」、「ng-click」、「ng-cloak」を紹介していますが、他にも便利なdirective  >>続きを読む

AngularJSのDirectiveについて(1)

AngularJSのDirectiveは、HTMLでどのようにDOMを組み立てるか命令するものです。Directiveは例えば「ng-app」のようにHTMLのカスタム属性を使って記述していきます。 ここでは、「ng-m  >>続きを読む

値渡しと参照渡しについて

変数に値を代入する場合にその値のデータ型の種類によって「値渡し」と「参照渡し」があり、その扱われ方が変わってきます。 そして、この考え方は多くのプログラミング言語で使われるものです。このことを知っておかないと思わぬ結果に  >>続きを読む

AngularJSのインターポレーションについて

インターポレーション(interpolation)とは、書き入れ、書き入れられた語句、補間法などの意味があります。 プログラムにおけるインターポレーションとは文字列補完を行うことで、もっと簡単に言うと変数展開になります。  >>続きを読む

AngularJSにおけるminify化の問題点

minify化(ファイル圧縮)とは、改行や空白、コメントなどを取り除きファイルサイズを削減することです。一般的にはminify化でファイルのダウンロードを高速化するねらいで活用されるものです。 minify化は色々なサイ  >>続きを読む

Dependency Injection〜依存性の注入

Dependency Injection(依存性の注入)とは関数(コンストラクターを含む)にオブジェクトを渡すことです。 関数の中にオブジェクトを生成するとその関数は生成したオブジェクトに依存してしまい、大規模なプロジェ  >>続きを読む

変数宣言の巻き上げ〜JavaScriptの不思議な決まりごと

JavaScriptには変数宣言の巻き上げ(hoisting)という決まりごとがあります。これはグローバル変数、ローカル変数どちらにもあてはまる決まりごとです。 他の多くの言語はプログラムは上から順に解釈されていき、変数  >>続きを読む

NTT docomoの知識Q&A APIを使ったbot作りました。

サンプル置き場にNTT docomoの知識Q&A APIを使ったbotのサンプルを置いておきます。 遊んでみてください。 デモ

AngularJS入門(1)〜AngularJSで送信フォームの作成でviewの活用

AngularJSはGoogleが開発に携わるJavaScriptのフレームワークです。AngularJSには様々なバージョンがあり、現在(2017/11月)ではバージョン5がリリースされています。 尚、「Angu  >>続きを読む

:nth-child練習ページ・jQueryセレクタ練習ページ作成しました。

:nth-child練習ページとjQueryセレクタ練習ページを作成しました。 :nth-child練習ページの使い方 :nth-child練習ページ Lesson1 li要素を10個用意しています。 各li要素はfle  >>続きを読む

レスポンシブサイトの切り替えポイント〜javaScript

レスポンシブサイトを作成するときに、javascriptで切り替えポイントを認識させる方法の説明です。 javascriptですからjQueryでも使用できます。 CSSメディアクエリによる切り替え まずは、CSSでのメ  >>続きを読む

正規表現の使い方の練習〜JavaScript編

正規表現でreplaceする replace関数を使って正規表現の使い方を覚えるために簡単なスクリプトを書きました。 replace(検索文字列 , 置換文字列 )を使用して文字を置換します。 プルダウンメニューで選んだ  >>続きを読む