masayoshinymのブックマーク - はてなブックマーク

React v15をやってみよう (1) - まずはHTMLだけで - Qiita

まずはHTMLファイルだけで、React.js v15を感じてみよう。はじめに React.js v15を始めたいけど、たくさんキーワードやツールが出てきて、環境をそろえろとか、どこから手を付けていいのかわからなくて、いつまでも始められない、初心者の方のために、この記事を書いています。それではエディタ以外になんの武器も持っていない人も、順番に装備していきましょう。とりあえず最初はNode.js, npmから... 今のところGrunt, Gulp, Browserify, WebPack, TypeScriptとか、全部無しで! Web/HTTPサーバーも無しで! 素のReact.jsから始めましょう。 0. Node.jsとnpmをインストール https://nodejs.org/ja/ からv6系(推奨版)をダウンロードしてインストする。 Webというかフロントエンドをやるのに

masayoshinym 2016/11/28

リンク

[Node.js] 簡単なWebサーバとして静的ファイル配信/ディレクトリ一覧機能のサンプルコード - Qiita

$ npm init -y の後に $ npm i -S express serve-index または $ npm install --save express serve-index 'use strict'; require('express')() .use(require('express').static('.')) .use(require('serve-index')('.', {icons: true})) .listen(process.env.PORT || 3000); 'use strict'; const express = require('express'); const serveIndex = require('serve-index'); const app = express(); app.use(express.static('.')); app.

masayoshinym 2016/10/07

リンク

ES2017 async/await + Promise で解決できる事、とES2015(ES6) generators (yield) + Promise + npm aa (async-await) で解決できる事 - Qiita

ES2017 async/await と Promise を使うと非同期処理をすごく簡単に処理できる。とても便利なのだが、それだけでは、どうも機能が足りない様に見える。この記事は... TL;DR ES2017 async/await を使っても、まだいろいろと課題は残ってるよ。 ES2015 (ES6) generators と npm aa (async-await) だと、より良い解決策があるよ。って話。以下の図の様な非同期処理フローを考えてみる。横軸は時間だ。左から右へ時間が流れていくものと考えて欲しい。縦線は複数の処理を同期させたい、という意味だ。 ES2017 async/await 版のコード例を見てみよう。 'use strict'; //require('babel-polyfill'); // おまじない //require('regenerator').ru

masayoshinym 2015/11/04

リンク

[Node.js] ファイルの内容をビット反転させる - Qiita

ファイルの内容を単純にビット反転させるプログラムを作った。暗号化とも言えない、すごく単純なものだ。最近 Gmail で .js などを含む .zip ファイルを添付して送れなくなった。 xxx.zip を xxx.zip_ などで以前は送れていたのだが、今はダメだ。しかたがないので、パッと見で zip ファイルだとわからない様にしてみた。以下の様に使用する。 #!/usr/env/bin node // reverse-file.js / reverse-file.sh -- ファイル反転 'use strict'; var fs = require('fs'); // command arguments var file = process.argv[2]; if (!file) return console.log('ファイル名を指定してください。\n' + 'Usage: %

masayoshinym 2014/10/23

Node.js

リンク

[JavaScript] 非同期処理のコールバック地獄から抜け出す方法 - Qiita

JavaScript (Node.js) で開発する上で避けては通れない非同期処理、コールバックについて考えてみたい。自分なりのお勧めの方式を書いてみた。いろいろなものを試した結果である。 ※この記事でのお勧めの方法は ES2015 (ES6) で実装された generators (yield) の技術を使用しています。実はまだ Babel(6to5) 等を利用するか Node.js v4～v8 でしか実質的に使用できない技術だと思います。悪しからず。 (早く全てのブラウザに広く普及する事を祈っています) まだブラウザでは独自ライブラリか Promise (Deferred) 等を使っています。 ※2015/10/15: 記事の内容を npm aa (async-await) に対応させました。 ※2015/04/19: 記事の内容を npm co@4 に対応させました。 ※20

masayoshinym 2014/05/26

リンク

[JavaScript] そんな継承はイヤだ - クラス定義 - オブジェクト作成 - Qiita

JavaScript のオブジェクト作成においてクラス定義で継承を実装する方法はいくつかあります。正しい継承はどうあるべきか、基本から検証しながら考えてみたいと思います。 ※正しくクラス定義がエコ楽にできる様に追加記事書きました。 [JavaScript] getter/setterも使えるエコ楽なクラス定義 - もちろん継承も - private変数も一番簡単なオブジェクトの作成方法典型的な JavaScript のオブジェクトを簡単に作成してみて、それらを確認してみましょう。 var obj1 = {x: 12, y: "ab"}; var obj2 = new Object; // または new Object() obj2.x = 34; obj2.y = "cd"; // obj < Object var obj3 = [12, "ab"]; var obj4 = new