所謂Angular2でMEANスタックを作る

本記事は移転しました。約3秒後にリダイレクトします。リダイレクトしない場合はここをクリックしてください。 var link = document.getElementsByTagName("link")[0]; link.href = url; // リダイレクト setTimeout("redirect()", 3000); // 3 sec functi…

2017-04-06

Express入門

Express.js Node.js npm JavaScript Yarn

本記事は移転しました。約3秒後にリダイレクトします。リダイレクトしない場合はここをクリックしてください。 var link = document.getElementsByTagName("link")[0]; link.href = url; // リダイレクト setTimeout("redirect()", 3000); // 3 sec functi…

2017-03-31

LINEチャットボットをNodeJSとExpressで

JavaScript Node.js Express.js LINE

NodeJSとExpressでメッセージをオウム返しするLINEのチャットボットを作ってみた。 Expressについては以下参照。 blog.pepese.com LINE部分は LINE@ と Messaging API を使用した。作成手順 $ express express-sample --view=pug --git $ cd line-chatbot &…

2017-03-16

Angular入門

Angular TypeScript JavaScript npm Sass

本記事は移転しました。約3秒後にリダイレクトします。リダイレクトしない場合はここをクリックしてください。 var link = document.getElementsByTagName("link")[0]; link.href = url; // リダイレクト setTimeout("redirect()", 3000); // 3 sec functi…

2017-02-16

Express入門〜express-generatorの使い方〜

Express.js Node.js JavaScript npm

Node.jsのWebフレームワーク Express ベースのアプリ雛形を作成するツール express-generator をさわってみた。下記の記事を読んだテイで書く。 blog.pepese.com express-generator のインストール $ npm install -g express-generator $ ndenv rehash # nd…

2017-02-16

Node.js（npm）入門

Node.js JavaScript npm

本記事は移転しました。約3秒後にリダイレクトします。リダイレクトしない場合はここをクリックしてください。 var link = document.getElementsByTagName("link")[0]; link.href = url; // リダイレクト setTimeout("redirect()", 3000); // 3 sec functi…

2017-01-15

webpack + Babel 入門

webpack Babel JavaScript

webpack + Babel で ES6（ECMAScript 2015）をトランスパイルしてブラウザで動くまでをまとめる。以降を記載する。サンプルが動くまでサンプルが動くまでの手順説明上記の手順の説明サンプルが動くまでブラウザに「Hello World !」とポップアップが出…

2016-03-15

GulpでJavaScriptテスト

JavaScript Gulp npm Jasmine Karma PhantomJS Sinon.JS

GulpベースでJavaScriptのテスト構成について書く。以下のツールを使用する。 Gulp お馴染みタスクランナー Jasmine JavaScriptユニットテスティングフレームワーク Karma テストランナーカバレッジレポートなども出力可能 PhantomJS ブラウザレスJavaScri…

2016-02-02

CORS(Cross-Origin Resource Sharing)について

AWS API Gateway セキュリティ jQuery JavaScript

CORS(Cross-Origin Resource Sharing)は、ブラウザがオリジン(HTMLを読み込んだサーバ)以外のサーバからデータを取得する仕組み。各ブラウザにはクロスサイトスクリプティングを防止するために、クロスドメイン通信を拒否する仕組みが実装されている。特に…

2015-02-27

Yeoman入門

Yo Node.js Grunt Bower JavaScript

Yeoman触ってみた。下記の記事を読んでインストールやプロキシ設定とかしてる前提で書く。blog.pepese.comblog.pepese.com Yeoman クライアントサイドの技術（Haml、Slim、Jade、Sass、LESS、Stylus、Coffeescript、TypeScript等）は増加の一途をたどってい…

2015-02-27

Bower入門

Bower JavaScript Node.js

Bower触ってみた。下記の記事の前半npm・Node.js辺りを読んだ前提で書く。blog.pepese.com Bower BowerはTwitter社が作ったJavaScriptのライブラリ管理をするパッケージマネージャ。 Node.jsのnpmみたいなもの。インストール > npm install -g bower [User…

2015-02-26

Grunt入門

Grunt JavaScript Node.js

JavaScriptタスクランナーのGruntをさわってみる。 npmとNode.js npm（Node Packege Manager）は、Node.js用のパッケージ管理コマンド。 JavaScriptのエコシステム（CoffeeScriptやGrunt等）はインストールにnpmを使用することが多い。 npmはNode.jsと同時に…