UTALI

書き溜めておいた技術記事や旅行記のバックアップです。

JavaScript

Node.jsの入門書おすすめリスト

とりあえずES6を学ぼう Node.jsで使うのはモダンなJavaScriptの新規格・ES6なので、まずはその文法を学ぼう! 初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発作者: Ethan Brown,武舎広幸,武舎るみ出版社/メーカー: オライリージャパン発売日: 2017/0…

5分で理解するAngularJS | 初心者向け

AngularJSとは? Googleが開発した動的サイト(SPA)を作成するためのフレームワーク JavaScriptで実装されている 基本はMVCモデル HTMLファイルに任意のコードを埋め込むことによって簡単にSPA化することができる。

JavaScriptでのオブジェクト指向プログラミング - 継承・オーバーライド

JavaScriptのオブジェクト志向プログラミングはプロトタイプチェーンと呼ばれる仕組みで設計されています。これはC++やJavaなどの標準的なオブジェクト指向プログラミング言語からすると分かりにくいです。 今回はJavaScriptでのプロトタイプチェーンを使っ…

Node.js | package.jsonの仕組み

package.jsonとは? Node.jsアプリケーションのパッケージ管理を行うファイル express-generatorを利用してNode.jsのプロジェクトを初期化するとpackage.jsonと言う名前のファイルを見つけることができる。 このファイルの正体は何なのでしょうか?

Node.js | エラーへの対処法 Error: Can't set headers after they are sent.

Error: Can't set headers after they are sent. Node.jsのアプリケーションで Error: Can't set headers after they are sent. と言うエラーメッセージが出ることがある。 これは、あるルートの中で一度レスポンスを返した場合に、別のレスポンスを返そうと…

初心者向け | Node.js用 RESTful Webアプリケーションフレームワーク Express を理解する

Expressとは? サーバーサイドで動作するJavaScriptとして定評のあるNode.js上で動作するRESTfulフレームワークです。 ExpressはNode.jsでのWebアプリケーション開発において王道とされています。

初心者向け | サーバーサイドJavaScript - Node.jsをわかりやすく理解する

公式サイト Node.js Node.jsはGoogleが開発したJavaScript処理エンジンV8上で動作するJavaScript実装です。Node.jsは非同期で動作するノンブロッキングIOのイベント駆動モデルを採用し、軽量・高速に動作することが特徴です。

Node.jsでWebサービスを作ろう! - Express入門編

ExpressはRubyで人気のあるWebアプリケーションフレームワーク・Sinatraに似た構造をもったNode.jsで一番人気のあるWebアプリケーションフレームワークです。 非常で柔軟で高性能なアプリケーションを簡単に作成することが可能です。npmの様々なパッケージを…

Reactでajaxを利用する - 画像や動画などのフォームデータをアップロードしたり非同期でデータを取得する

jQueryを利用するのはアンチパターン どうせReactを使うのなら完全にjQueryなしでアプリを作ってみたくはありませんか? 僕はjQueryなしでやってみたいです。 ユーザビリティを考えるとデータの転送量も減らしたいですし。 でも個人的に困っていたのはajaxの…

ブラウザのフォームの入力値を一時的に保存したいとき - WebStorageを利用する

こんにちは望月です 現在、簡単なCMSを自作しています。それは昔からあるWordPressなどのオープンソースCMSに持っている不満を解消したいと思っているからです。 まず最初に不満に思っているのは、文章を作成途中にブラウザがクラッシュしてしまうと、文章が…

Node.js の MongoDB クライアント Mongoose で SSL通信 を有効化する方法

リモートサーバーのMongoDBでSSL通信が有効化されているという前提で、アプリケーションサーバーのMongooseでSSL通信を実行する方法です。 オプションsslを有効化する。 リモートサーバーのMongoDBクライアントにアクセスする際には mongodb://{ipアドレス}:…

Reactのサーバーサイドレンダリングについて

少々学習コストは高いものの、非常に保守しやすいスッキリしたロジックを書くことができるので、僕はReactを愛用しています。現在、ExpressアプリのレンダリングエンジンとしてECTを利用しているのですが、HTMLに直接コードを埋め込むという古臭いやり方に少…

JavaScript(Node.js)入門 - 文法編

Node.js入門 - 文法編 変数 宣言 変数を宣言するにはvarの後に半角スペースを置いて変数を宣言する。 var example; セミコロンを続けることで複数の変数をまとめて宣言することもできる。 しかし最後に;を置くのを忘れないように var test1,test2,test3,test…

Node.jsでのvar, let, constの違いについて比較してみた

JavaScriptの新しい規格ES6では従来の変数宣言varに加えlet,constという2つの新しい宣言形式が使えるようになりました。今回はこの2つの特徴を従来のvar型と同様に比較してみたいと思います。 var グローバル参照の変数です。実は僕はスコープが有効だと思…