$ nodenv install 12.13.0

$ nodenv local 12.13.0

＄ yarn 

:
:
Error: Missing binding /path/to/project/node_modules/node-sass/vendor/darwin-x64-64/binding.node
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 10.x

Found bindings for the following environments:
  - OS X 64-bit with Node.js 8.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.
    at module.exports (/path/to/project/node_modules/node-sass/lib/binding.js:15:13)
    at Object.<anonymous> (/path/to/project/node_modules/node-sass/lib/index.js:14:35)
    at Module._compile (internal/modules/cjs/loader.js:778:30)

 $ yarn add node-sass@4.12.0

{"name":"project",：："dependencies":{：→　"node-sass":"4.12.0",：}}

 $ yarn why node-sass

[1/4] 🤔  Why do we have the module "node-sass"...?
[2/4] 🚚  Initialising dependency graph...
[3/4] 🔍  Finding dependency...
[4/4] 🚡  Calculating file sizes...

=> Found "node-sass@4.12.0"
info Has been hoisted to "node-sass"
info This module exists because it's specified in "dependencies".
info Disk size without dependencies: "6.03MB"
info Disk size with unique dependencies: "16.02MB"
info Disk size with transitive dependencies: "26.99MB"
info Number of shared dependencies: 113

=> Found "gulp-sass#node-sass@4.9.0"
info This module exists because "gulp-sass" depends on it.
info Disk size without dependencies: "6.06MB"
info Disk size with unique dependencies: "16.05MB"
info Disk size with transitive dependencies: "27.03MB"
info Number of shared dependencies: 113
✨  Done in 1.25s.

{"name":"project",：："dependencies":{："node-sass":"4.12.0",：},→"resolutions":{"**/**/fsevents":"^1.2.9","node-sass":"^4.12.0","grpc":"^1.20.2"}}

$ yarn
yarn install v1.17.3
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
[4/4] 🔨  Building fresh packages...
success Saved lockfile.
✨  Done in ~~ s

$ express --view=pug passport-demo
$cd passport-demo
$ npm install$ npm init -y$ npm install passport
$ npm install passport-facebook
$ npm install express-session

$PORT=8000 npm start

// *は新しく作成するファイル
passport-demo
|- package.json
|- package-lock.json
|- app.js
|- /routes
  |- index.js
  |- login.js *
  |- logout.js *
|- /bin
  |- www
|- /views
  |- login.pug *
  |- index.pug
  |- layout.pug
|- /public
|- /node_modules

$touch routes/login.js
$touch routes/logout.js
$touch views/login.pug

varcreateError=require('http-errors');//expressモジュールの読み込みvarexpress=require('express');varpath=require('path');varcookieParser=require('cookie-parser');varlogger=require('morgan');//passportモジュールの読み込みvarpassport=require('passport');//passport-facebookモジュールの読み込みvarStrategy=require('passport-facebook').Strategy;//先ほど作成したアプリIDを変数に代入varFACEBOOK_APP_ID='44923726XXXXXX';//先ほど作成したapp secretを変数に代入varFACEBOOK_APP_SECRET='170dde4751f2ee9d44140b8826457b63';//passportモジュールによるシリアライズの設定passport.serializeUser(function(user,done){done(null,user);});//passportモジュールによるデシリアライズの設定passport.deserializeUser(function(obj,done){done(null,obj);});////passport-facebookモジュールのStarategy設定passport.use(newStrategy({clientID:FACEBOOK_APP_ID,clientSecret:FACEBOOK_APP_SECRET,//facebook認証をするためのページの設定(固定)callbackURL:"http://localhost:8000/auth/facebook/callback",//プロフィールのどの情報を受け取ることができるかの設定profileFields:['id','displayName']},function(accessToken,refreshToken,profile,done){//認証後にdone関数を返すために、process.nextTick関数を利用しているprocess.nextTick(function(){returndone(null,profile);});}));//index.jsの処理を利用するために変数に代入varindexRouter=require('./routes/index');//users.jsの処理を利用するための処理を変数に代入varusersRouter=require('./routes/users');//login.jsの処理を利用するための処理を変数に代入varloginRouter=require('./routes/login');//logout.jsの処理を利用するための処理を変数に代入varlogoutRouter=require('./routes/logout');//expressモジュールを利用するためにapp変数に代入varapp=express();//アプリケーションで利用するミドルウェアの設定app.use(require('morgan')('combined'));app.use(require('cookie-parser')());app.use(require('body-parser').urlencoded({extended:true}));app.use(require('express-session')({secret:'keyboard cat',resave:true,saveUninitialized:true}));app.use(logger('dev'));app.use(express.json());app.use(express.urlencoded({extended:false}));app.use(cookieParser());app.use(express.static(path.join(__dirname,'public')));// viewsディレクトリの設定app.set('views',path.join(__dirname,'views'));app.set('view engine','pug');//passportのの初期化app.use(passport.initialize());//ログイン後のセッション管理の設定app.use(passport.session());//localhost:8000/にアクセスした時にindexRouterの処理がなされる設定app.use('/',indexRouter);//localhost:8000/usersにアクセスした時にusersRouterの処理がなされる設定app.use('/users',usersRouter);//localhost:8000/auth/facebookにGETアクセスした時に認証リクエストを行う設定app.get('/auth/facebook',passport.authenticate('facebook'));//localhost:8000/auth/facebook/callbackにGETアクセスした時に処理が行われる設定app.get('/auth/facebook/callback',　//処理が失敗した時のリダイレクト先の設定passport.authenticate('facebook',{failureRedirect:'/login'}),function(req,res){//処理が成功した時のリダイレクト先の設定res.redirect('/');});//localhost:8000/loginにアクセスした時にloginRouter処理がなされる設定app.get('/login',loginRouter);//localhost:8000/logoutにアクセスした時にlogoutRouter処理がなされる設定app.get('/logout',logoutRouter);//404エラーの処理設定app.use(function(req,res,next){next(createError(404));});// エラー処理の設定app.use(function(err,req,res,next){// ローカル環境のみ表示されるエラーの設定res.locals.message=err.message;res.locals.error=req.app.get('env')==='development'?err:{};// エラーページを表示する設定res.status(err.status||500);res.render('error');});module.exports=app;

'use strict';//expressの読み込みvarexpress=require('express');//expressでルーターを使う設定varrouter=express.Router();//localhost:8000/loginにアクセスした際に、login.pugがレンダリングされる処理router.get('/login',function(req,res){res.render('login');});//モジュールのエキスポートmodule.exports=router;

'use strict';//expressの読み込みvarexpress=require('express');//expressでルーターを使う設定varrouter=express.Router();//localhost:8000/logoutにアクセスした際に、ログアウトされ、//localhost:8000/にリダイレクトされる処理router.get('/logout',function(req,res){req.logout();res.redirect('/');});//モジュールのエキスポートmodule.exports=router;

'use strict';varexpress=require('express');varrouter=express.Router();//localhost:8000/にアクセスした際に、index.pugがレンダリングされ、//index.pug内でtitleとuserが使えるようになる処理router.get('/',function(req,res,next){res.render('index',{title:'Express',user:req.user});});module.exports=router;

extends layout

block content
  h1= title
  p Welcome to #{title}
  if user
    p Hello, #{user.displayName}
    a(href="/logout") Logout
  else
    a(href="/login") Login

extends layout

block content
  a(href="/auth/facebook") Login with Facebook

PORT=8000 npm start

//認証者を確かめる関数functionauthenticatedUser(req,res,next){//認証されている人は次の処理が実行される。if(req.isAuthenticated()){returnnext();}//認証されてない人は`/login`にリダイレクトされる。res.redirect('/login');}

app.use('/users',authenticatedUser,usersRouter);

npm install-g avn avn-nodebrew
avn setup

v6.17.1

avn activated v6.17.1 (avn-nodebrew v6.17.1)

v10.17.0

lsbom -f-l-s-pf /var/db/receipts/org.nodejs.node.pkg.bom \
| while read i;do
  sudo rm /usr/local/${i}done
sudo rm-rf /usr/local/lib/node \
     /usr/local/lib/node_modules \
     /var/db/receipts/org.nodejs.*

sudo rm-rf ~/.npm

node -v
npm -v

brew uninstall nodebrew

curl -L git.io/nodebrew | perl - setup

export PATH=$HOME/.nodebrew/current/bin:$PATH

source ~/.bashrc

source ~/.bashrc

nodebrew ls

nodebrew install-binary 6.17.1

rm -f /usr/local/bin/node

rm -f /usr/local/bin/npm

constfs=require('fs');constreader=async(rs)=>{forawait(constchunkofrs){console.log(chunk);}};(asyncfunction(){constrs=fs.createReadStream('./input.txt',{encoding:'utf8'});awaitreader(rs);})();

abcde
fghij
klmno
pqrxy
z

abcde
fghij
klmno
pqrxy
z

constfs=require('fs');conststream=require('stream');constutil=require('util');constfinished=util.promisify(stream.finished);constmsleep=util.promisify(setTimeout);// streamを用いた場合の処理(全体終了部分のみのpromise化)constreader1=async(rs)=>{rs.on('data',(chunk)=>{console.log(chunk);});awaitfinished(rs);// stream.finishedを使わない場合下記のようなpromiseを生成する// await new Promise((resolve, reject) => {//   rs.once('finished', (chunk) => {//     return resolve(data);//   });//   rs.once('error', (err) => {//     return reject(err);//   });// });};// streamを用いた場合の処理(chunk単位でのpromise化)constreader2=async(rs,iterator)=>{letbuffer='';rs.on('data',(chunk)=>{buffer=chunk;rs.pause();});letisEnd=false;rs.once('end',()=>{isEnd=true;});leterror;rs.once('error',(err)=>{error=err;});while(true){if(error){throwerror;}if(buffer){awaititerator(buffer);buffer='';}elseif(isEnd){return;}elseif(rs.isPaused()){rs.resume();}// 非同期メソッドがないと無限ループしてしまうためawaitmsleep(0);}}(asyncfunction(){constrs1=fs.createReadStream('./input.txt',{encoding:'utf8'});awaitreader1(rs1);constrs2=fs.createReadStream('./input.txt',{encoding:'utf8'});awaitreader2(rs2,async(chunk)=>{console.log(chunk);});})();

abcde
fghij
klmno
pqrxy
z
abcde
fghij
klmno
pqrxy
z

constutil=require('util');constmsleep=util.promisify(setTimeout);asyncfunction*generate(){for(leti=1;i<=3;i++){awaitmsleep(1000);yieldi;}}constasyncIterator=generate();(async()=>{console.log(awaitasyncIterator.next());console.log(awaitasyncIterator.next());console.log(awaitasyncIterator.next());console.log(awaitasyncIterator.next());})();

{ value: 1, done: false }
{ value: 2, done: false }
{ value: 3, done: false }
{ value: undefined, done: true }

constutil=require('util');constmsleep=util.promisify(setTimeout);asyncfunction*generate(){for(leti=1;i<=3;i++){awaitmsleep(1000);yieldi;}}constasyncIterator=generate();(async()=>{forawait(constvofasyncIterator){console.log(v);}})();

1
2
3

constfs=require('fs');constreadline=require('readline');constutil=require('util');constmsleep=util.promisify(setTimeout);constasyncLineReader=async(iterater)=>{constrl=readline.createInterface({input:fs.createReadStream('input.txt',{encoding:'utf8'}),crlfDelay:Infinity});forawait(constlineofrl){awaititerater(line);}}(async()=>{awaitasyncLineReader(async(line)=>{awaitmsleep(100);console.log(line);});})();

abcde
fghij
klmno
pqrxy
z

constfs=require('fs');constutil=require('util');constmsleep=util.promisify(setTimeout);// streamを用いた場合の処理(for-await-of使用)constasyncLineReader=async(iterater)=>{constrs=fs.createReadStream('./input.txt',{encoding:'utf8'});letbuffer='';forawait(constchunkofrs){buffer+=chunk;constlist=buffer.split('\n');// 最後の要素は改行が含まれているわけではないため、bufferに戻すbuffer=list.pop();for(leti=0;i<list.length;i++){awaititerater(list[i]);}}if(buffer){// 終了時にbufferに残っている文字列もiteratorにわたすawaititerater(buffer);}}(async()=>{awaitasyncLineReader(async(line)=>{awaitmsleep(100);console.log(line);});})();

abcde
fghij
klmno
pqrxy
z

constfs=require('fs');constutil=require('util');constmsleep=util.promisify(setTimeout);// streamを用いた場合の処理(for-await-of未使用)constasyncLineReader=async(iterator)=>{constrs=fs.createReadStream('./input.txt',{encoding:'utf8'});letbuffer='';letrows=[];rs.on('data',(chunk)=>{buffer+=chunk;constlist=buffer.split('\n');buffer=list.pop();if(list.length){rows.push(...list);rs.pause();}});letisEnd=false;rs.once('end',()=>{isEnd=true;});leterror;rs.once('error',(err)=>{error=err;});while(true){if(error){// errorがあれば終了throwerror;}if(rows.length){for(leti=0;i<rows.length;i++){awaititerator(rows[i]);}rows=[];}elseif(isEnd){if(buffer){// 終了時にbufferに残っている文字列もiteratorにわたすawaititerator(buffer);}return;}elseif(rs.isPaused()){rs.resume();}// 非同期メソッドがないと無限ループしてしまうため、setImmediate代わりに実行awaitmsleep(0);}}(async()=>{awaitasyncLineReader(async(line)=>{awaitmsleep(100);console.log(line);});})();

abcde
fghij
klmno
pqrxy
z

$ nvm --help

$ nvm --version

$ nvm version <version>

$ nvm current

$ nvm install<version>

$ nvm install<version> --reinstall-packages-from=<version>

$ nvm install<version> --skip-default-packages

$ nvm install<version> --latest-npm

$ nvm uninstall <version>

$ nvm use [--silent]<version>

nvm ls [<version>]

nvm ls-remote [<version>]

nvm install-latest-npm

nvm reinstall-packages <version>

nvm which [current | <version>]

nvm exec [--silent] <version> [<command>]

nvm run [--silent] <version> [<args>]

nvm install"lts/*"--reinstall-packages-from=current

app.use('/',indexRouter);app.use('/login',loginRouter);app.use('/logout',logoutRouter);

//supertestの読み込みconstrequest=require('supertest');//supertestで使う、app.jsの読み込みconstapp=require('app');//passport-stubの読み込みconstpassportStub=require('passport-stub');//ログイン（/login）のテストであることを明示describe('/login',()=>{//before、afterはmochaの機能before(()=>{//テストの前にpassportstubモジュールでログインpassportStub.install(app);//'testuser'としてログインpassportStub.login({username:'testuser'});});after(()=>{//テストの後にpassportstubモジュールでログアウトpassportStub.logout();passportStub.uninstall(app);});//以下の記法は、supertestの記法　//テストの内容を指定it('ログインのためのリンクが含まれる',(done)=>{//request(app).get('/login') で、 /login への GETリクエストを作成request(app).get('/login')//文字列を2つ引数として渡すとヘッダのテスト.expect('Content-Type','text/html; charset=utf-8')//正規表現を1つ渡すとHTMLのテスト.expect(/<a href="\/auth\/facebook"/)//期待されるステータスコードの整数と、テスト自体の引数に渡されるdone 関数を渡すと、レスポンスヘッダのテスト.expect(200,done);});it('ログイン時はユーザー名が表示される',(done)=>{request(app).get('/login').expect(/testuser/).expect(200,done);});});//ログアウト（/logout）のテストであることを明示describe('/logout',()=>{　//テスト内容を明示it('ログアウト後に / にリダイレクトされる',(done)=>{////request(app).get('/logout')で、/logoutへのGETリクエストを作成request(app).get('/logout')// `/`へリダイレクトされるかのテスト.expect('Location','/')　　　　// ステータスコードがリクエストであるかのテスト.expect(302,done);});});

const{Builder,By}=require('selenium-webdriver')constassert=require('assert')describe('Drag and Drop test',function(){// ブラウザの起動を待つあいだにMochaがタイムアウトしてしまうのを防止this.timeout(20*1000)letdriverbeforeEach(async()=>{driver=awaitnewBuilder().forBrowser('chrome')// Chromeを使う場合// .forBrowser('firefox') // Firefoxを使う場合// .forBrowser('safari')  // Safariを使う場合.build()})afterEach(async()=>{awaitdriver.quit()})it('SortableJS',async()=>{// SortableJSの公式デモページにアクセスawaitdriver.get('https://sortablejs.github.io/Sortable/#simple-list')// ドラッグ＆ドロップの対象を含むdiv要素のリストを取得letelementselements=awaitdriver.findElements(By.css('div#example1 > div.list-group-item'))// ドラッグ元（Item 1）とドロップ先（Item 2）のdiv要素を取得constsourceElement=awaitelements[0]consttargetElement=awaitelements[1]// ドラッグ＆ドロップを実行する関数の呼び出しawaitsimulateDragAndDrop(sourceElement,targetElement)// Item 1 と Item 2 が入れ替わったことを確認elements=awaitdriver.findElements(By.css('div#example1 > div.list-group-item'))assert.strictEqual(awaitelements[0].getText(),'Item 2')assert.strictEqual(awaitelements[1].getText(),'Item 1')})/**
   * ドラッグ＆ドロップを実行する関数
   */asyncfunctionsimulateDragAndDrop(sourceElement,targetElement){awaitdriver.executeScript(asyncargs=>{// dragoverイベントの発火位置を計算consttargetRect=args.targetElement.getBoundingClientRect()consttargetPositionX=(targetRect.left+targetRect.right)/2consttargetPositionY=(targetRect.top+targetRect.bottom)/2// ドラッグ＆ドロップに必要な各イベントのインスタンスオブジェクトを作成constpointerDownEvent=newPointerEvent('pointerdown',{bubbles:true,cancelable:true,})constdragStartEvent=newMouseEvent('dragstart',{bubbles:true,})constdragOverEvent=newMouseEvent('dragover',{bubbles:true,clientX:targetPositionX,clientY:targetPositionY,})constdropEvent=newMouseEvent('drop',{bubbles:true,})// sleep処理用の関数を定義constsleep=msec=>newPromise(resolve=>setTimeout(resolve,msec))// イベントの発火args.sourceElement.dispatchEvent(pointerDownEvent)args.sourceElement.dispatchEvent(dragStartEvent)awaitsleep(1)args.targetElement.dispatchEvent(dragOverEvent)args.targetElement.dispatchEvent(dropEvent)},{sourceElement,targetElement})}})

// dragoverイベントの発火位置を計算consttargetRect=args.targetElement.getBoundingClientRect()consttargetPositionX=(targetRect.left+targetRect.right)/2consttargetPositionY=(targetRect.top+targetRect.bottom)/2// 中略// dragoverイベントのコンストラクタでイベントの発火位置を指定constdragOverEvent=newMouseEvent('dragover',{bubbles:true,clientX:targetPositionX,clientY:targetPositionY,})

// sleep処理用の関数を定義constsleep=msec=>newPromise(resolve=>setTimeout(resolve,msec))// イベントの発火args.sourceElement.dispatchEvent(pointerDownEvent)args.sourceElement.dispatchEvent(dragStartEvent)// ここでsleepが必要awaitsleep(1)args.targetElement.dispatchEvent(dragOverEvent)args.targetElement.dispatchEvent(dropEvent)

// Safariでは new DragEvent と書くと動作しないconstdragStartEvent=newMouseEvent('dragstart',{bubbles:true,})constdragOverEvent=newMouseEvent('dragover',{bubbles:true,clientX:targetPositionX,clientY:targetPositionY,})constdropEvent=newMouseEvent('drop',{bubbles:true,})

$ npm i -g @nestjs/cli
$ nest new nest-graphql

$ cd nest-graphql/
$ npm run start

> nest-graphql@0.0.1 start /Users/daisuke/work/nest-graphql
> ts-node -r tsconfig-paths/register src/main.ts

[Nest] 5868   - 2019-12-03 21:36:33   [NestFactory] Starting Nest application...
[Nest] 5868   - 2019-12-03 21:36:33   [InstanceLoader] AppModule dependencies initialized +28ms
[Nest] 5868   - 2019-12-03 21:36:33   [RoutesResolver] AppController {/}: +10ms
[Nest] 5868   - 2019-12-03 21:36:33   [RouterExplorer] Mapped {/, GET} route +16ms
[Nest] 5868   - 2019-12-03 21:36:33   [NestApplication] Nest application successfully started +6ms

$ npm i --save @nestjs/graphql \
               apollo-server-express \
               graphql-tools \
               graphql \
               type-graphql

import{Module}from'@nestjs/common';import{GraphQLModule}from'@nestjs/graphql';@Module({imports:[GraphQLModule.forRoot({playground:true,autoSchemaFile:'schema.graphql'}),],})exportclassAppModule{}

$ npm run start

> nest-graphql@0.0.1 start /Users/daisuke/work/nest-graphql
> ts-node -r tsconfig-paths/register src/main.ts

[Nest] 8832   - 2019-12-03 23:44:15   [NestFactory] Starting Nest application...
[Nest] 8832   - 2019-12-03 23:44:15   [InstanceLoader] AppModule dependencies initialized +26ms
[Nest] 8832   - 2019-12-03 23:44:15   [InstanceLoader] RecipesModule dependencies initialized +1ms
[Nest] 8832   - 2019-12-03 23:44:15   [InstanceLoader] GraphQLModule dependencies initialized +0ms
[Nest] 8832   - 2019-12-03 23:44:15   [NestApplication] Nest application successfully started +82ms

$ nest generate module recipes
CREATE /src/recipes/recipes.module.ts (84 bytes)
UPDATE /src/app.module.ts (325 bytes)

import{Module}from'@nestjs/common';import{GraphQLModule}from'@nestjs/graphql';import{RecipesModule}from'./recipes/recipes.module';@Module({imports:[GraphQLModule.forRoot({playground:true,autoSchemaFile:'schema.graphql',}),RecipesModule,// <-- 自動的に追加される],})exportclassAppModule{}

$ nest generate class recipes/recipe
CREATE /src/recipes/recipe.spec.ts (147 bytes)
CREATE /src/recipes/recipe.ts (23 bytes)

import{Field,ID,ObjectType}from'type-graphql';@ObjectType()exportclassRecipe{@Field(type=>ID)id:string;@Field()title:string;}

$ nest generate resolver recipes
CREATE /src/recipes/recipes.resolver.spec.ts (477 bytes)
CREATE /src/recipes/recipes.resolver.ts (98 bytes)
UPDATE /src/recipes/recipes.module.ts (170 bytes)

import{Resolver,Query,Args}from'@nestjs/graphql';import{Recipe}from'./recipe';constrecipeTable=[{id:'1',title:'鯖の味噌煮',},{id:'2',title:'ミートソーススパゲティ',},{id:'3',title:'豚の生姜焼',},];@Resolver('Recipes')exportclassRecipesResolver{@Query(returns=>[Recipe])asyncrecipes():Promise<Recipe[]>{returnrecipeTable;}}

src$ tree -L 2
.
├── app.module.ts
├── main.ts
└── recipes
    ├── recipe.spec.ts
    ├── recipe.ts
    ├── recipes.module.ts
    ├── recipes.resolver.spec.ts
    └── recipes.resolver.ts

$ npm run start

#-----------------------------------------------#!!!THISFILEWASGENERATEDBYTYPE-GRAPHQL!!!#!!!DONOTMODIFYTHISFILEBYYOURSELF!!!#-----------------------------------------------typeQuery{recipes:[Recipe!]!}typeRecipe{id:ID!title:String!}

if(message==="aaa"){send("aaa");}if(message==="bbb"){send("bbb");}if(message==="ccc"){send("ccc");...

!help all

interfaceIProps{isLoading:boolean;data:IUser;error:string;}

// DBにアクセスしようがAPIにアクセスしようがそのどちらにも対応できるinterfaceIRepository{getAll:()=>IUser[];}classDBRepositoryimplementsIRepository{getAll(){// DBにアクセス}}classAPIRepositoryimplementsIRepository{getAll(){// APIにアクセス}}

classUserService{privatereadonlyrepository:IRepository;constrcutor(repo:IRepository){this.repository=repo;}getAllUser(){returnthis.repository.getAll();}}//　DBRepository も APIRepository も同じ IRepository の実装なので、両方とも UserService に injection できるconstserviceA=newUserService(newDBRepository());constserviceB=newUserService(newAPIRepository());

// decoratorfunctionuriEncoded(target:any,propKey:string,desc:PropertyDescriptor){constmethod=desc.value;desc.value=function(){constres=Reflect.apply(method,this,arguments);if(typeofres==="string"){returnencodeURIComponent(res);}returnres;};}classSample{@uriEncodedhoge():string{return"こんにちは";}}console.log(newSample().hoge());// 出力// %E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF

functionclassDecorator<Textends{new(...args:any[]):{}}>(constructor:T){console.log(constructor);returnclassextendsconstructor{};}@classDecoratorclassHoge{constructor(hoge:string){}}

functionclassDecorator<Textends{new(...args:any[]):{}}>(constructor:T){console.log(Reflect.get(Hoge,"constructor"));console.log(Reflect.construct(Hoge,[]));returnclassextendsconstructor{};}@classDecoratorclassHoge{hoge:string;constructor(hoge:string){console.log("hey");}}

functioninjectable<T>():(target:constructor<T>)=>void{returnfunction(target:constructor<T>):void{typeInfo.set(target,getParamInfo(target));};}

exportfunctiongetParamInfo(target:constructor<any>):any[]{constparams:any[]=Reflect.getMetadata("design:paramtypes",target)||[];constinjectionTokens:Dictionary<InjectionToken<any>>=Reflect.getOwnMetadata(INJECTION_TOKEN_METADATA_KEY,target)||{};Object.keys(injectionTokens).forEach(key=>{params[+key]=injectionTokens[key];});returnparams;}

functioninject(token:InjectionToken<any>):(target:any,propertyKey:string|symbol,parameterIndex:number)=>any{returndefineInjectionTokenMetadata(token);}exportfunctiondefineInjectionTokenMetadata(data:any):(target:any,propertyKey:string|symbol,parameterIndex:number)=>any{returnfunction(target:any,_propertyKey:string|symbol,parameterIndex:number):any{constinjectionTokens=Reflect.getOwnMetadata(INJECTION_TOKEN_METADATA_KEY,target)||{};injectionTokens[parameterIndex]=data;Reflect.defineMetadata(INJECTION_TOKEN_METADATA_KEY,injectionTokens,target);};}

// DBにアクセスしようがAPIにアクセスしようがそのどちらにも対応できるinterfaceIRepository{getAll:()=>IUser[];}classDBRepositoryimplementsIRepository{getAll(){// DBにアクセス}}classAPIRepositoryimplementsIRepository{getAll(){// APIにアクセス}}@injectable()classUserService{privatereadonlyrepository:IRepository;constrcutor(repo:IRepository){this.repository=repo;}getAllUser(){returnthis.repository.getAll();}}constserviceA=newUserService(newDBRepository());constserviceA=newUserService(newAPIRepository());

@injectable()classUserService{privatereadonlyrepository:IRepository;constrcutor(@inject("IDBRepository")repo:IRepository){this.repository=repo;}getAllUser(){returnthis.repository.getAll();}}

constinjectionTokens:Dictionary<InjectionToken<any>>=Reflect.getOwnMetadata(INJECTION_TOKEN_METADATA_KEY,target)||{};Object.keys(injectionTokens).forEach(key=>{params[+key]=injectionTokens[key];});constinjectionTokens:Dictionary<InjectionToken<any>>=Reflect.getOwnMetadata(INJECTION_TOKEN_METADATA_KEY,target)||{};Object.keys(injectionTokens).forEach(key=>{params[+key]=injectionTokens[key];});

Reflect.defineMetadata(INJECTION_TOKEN_METADATA_KEY,injectionTokens,target);

classInternalDependencyContainerimplementsDependencyContainer{// 300行くらい続く}

publicresolve<T>(token:InjectionToken<T>,context:ResolutionContext=newResolutionContext()):T{constregistration=this.getRegistration(token);// - 中略 -returnthis.construct(tokenasconstructor<T>,context);}privateconstruct<T>(ctor:constructor<T>,context:ResolutionContext):T{// - 中略 -constparamInfo=typeInfo.get(ctor);// - 中略 -constparams=paramInfo.map(param=>{// - 中略returnthis.resolve(param,context);});returnnewctor(...params);}

privateresolveRegistration<T>(registration:Registration,context:ResolutionContext):T{// - 中略 -if(registration.options.lifecycle===Lifecycle.ResolutionScoped){context.scopedResolutions.set(registration,resolved);}returnresolved;}

classContainer{privatestaticinstance:Container;data:Map<constructor<any>,constructor<any>[]>;context:Map<constructor<any>,constructor<any>>;privateconstructor(){this.data=newMap<constructor<any>,constructor<any>[]>();this.context=newMap<any,constructor<any>>();}staticgetInstance(){if(!Container.instance){Container.instance=newContainer();}returnContainer.instance;}}exportdefaultContainer;

exporttypeconstructor<T>={new(...args:any[]):T;};

classContainer{// -中略-publicregister(constructor:constructor<any>,depends:constructor<any>[]){this.data.set(constructor,depends);}}

exportconstinjectable=():ClassDecorator=>{returntarget=>{constparams:any[]=Reflect.getMetadata("design:paramtypes",target)||[];Container.getInstance().register(target,params);};};

exportconstinject=(token:InjectionToken<any>):((target:any,propertyKey:string|symbol,parameterIndex:number)=>any)=>{returndefineInjectionTokenMetadata(token);};constdefineInjectionTokenMetadata=(data:any):((target:any)=>any)=>{returnfunction(target:any):any{constinterfaceName:any={};interfaceName[0]=data;Reflect.defineMetadata(INJECTION_TOKEN_METADATA_KEY,interfaceName,target);};};

Reflect.defineMetadata(INJECTION_TOKEN_METADATA_KEY,interfaceName,target);

exportconstinjectable=():ClassDecorator=>{returntarget=>{constparams:any[]=Reflect.getMetadata("design:paramtypes",target)||[];// NEWconstinjectionTokens:Dictionary<InjectionToken<any>>=Reflect.getOwnMetadata(INJECTION_TOKEN_METADATA_KEY,target)||{};Object.keys(injectionTokens).forEach(key=>{params[+key]=injectionTokens[key];});// NEWContainer.getInstance().register(target,params);};};

publicresolve(ctor:constructor<any>){// 受け取った依存を注入するために依存をインスタンス化する関数を呼び出す（できないときもある）this.resolveInstance(ctor);// resolveしたいクラスの依存を取得するconstdependantClasses=this.data.get(ctor);// その依存のインスタンスを全て取得する（この時点で全依存はインスタンスされている想定）if(!dependantClasses)return;constinstances=dependantClasses.map(cls=>this.context.get(cls));// 依存を全て注入してインスタンス化returnnewctor(...instances)}publicresolve(ctor:constructor<any>){// 注入しなければいけない依存のコンストラクタを取得consttargetDependencies=this.data.get(ctor);if(targetDependencies&&targetDependencies.length>0){// 注入しなければいけない依存がなければ即時インスタンス化constinstance=newctor();this.context.set(ctor,instance);}// 注入しなければいけない依存をインスタンス化する//（引数が注入される側なのはI/Fとしてはいけてないです。すみません。）this.resolveInstance(ctor);constdependantClasses=this.data.get(ctor);// 必要な解決済み依存を取得constinstances=dependantClasses.map(cls=>this.context.get(cls));// 依存を全て注入してインスタンス化returnnewctor(...instances);}

privateresolveInstance(ctor:any){// 引数のコンストラクタをインスタンス化するために必要な依存を取得constdepends=this.data.get(ctor);if(!depends){// もし必要な依存がないなら、そのままコンストラクタをインスタンス化するconsti=newctor();this.context.set(ctor,i);return;}// 必要な依存あるなら、そのままinstance化できるまで resolveを再帰的に呼ぶ// 依存が一方向であることを前提にしているのでこう書いても最終的に依存を解決できる// (単独でインスタンス化できるコンストラクタにいつか出会えるから)this.resolve(depends[0]);// 必要な依存の全インスタンスを取得constdependInstances=depends.map(d=>{returnthis.context.get(d);});// その依存を注入し保存するconstinstance=newctor(...dependInstances);this.context.set(ctor,instance);}