개요

Mac의 "서비스"는 있습니다.
이것을 사용해, 임의의 에디터상에 입력한 JavaScript/CoffeeScript의 코드를 실행시켜 버리자고 하는 기사입니다.

실은 이전, Ruby 버전을 만든 사람 가 계셔서, 그것이 전 재료입니다. 죄송합니다 아이디어 라운드 파크 리입니다 w

준비

먼저 Node.js를 설치합시다. 그건 그렇고, 나는 nodebrew라는 node.js의 환경 구축 도구를 사용했습니다.
그런 다음 CoffeeScript도 설치합니다.

$ npm install -g coffee-script

그런 다음 이 샘플을 위해 패키지를 읽고 사용할 수 있음을 보여주기 위해 d3 패키지를 설치합니다.

$ npm install -g d3

환경 구축

Automator를 시작합니다. 이번에는 두 가지 서비스를 만듭니다. 하나가 JavaScript 용이고 다른 하나가 CoffeeScript 용입니다.

JavaScript 용 서비스

Automator에서 새 문서를 만들고 유형을 "서비스"로 만듭니다.
창이 열리면 "쉘 스크립트 실행"이라는 작업을 오른쪽 창으로 드래그 앤 드롭합니다.

그런 다음 입력을 전달하는 방법을 인수로 사용합니다.

그리고 중요한 코드이지만 다음을 입력하십시오.

export NODE_PATH=/Users/emadurandal/.nodebrew/current/lib/node_modules:$NODE_PATH
/Users/emadurandal/.nodebrew/current/bin/node --harmony -e "$1" 2>&1 || echo;

NODE_PATH나 node명령의 경로는, 각자의 환경의 것에 옮겨놓아 주세요. 덧붙여서 NODE_PATH를 지정하는 이유는, 에디터에 입력하는 JavaScript 코드로, 패키지를 require 할 때, 패키지가 제대로 발견되도록(듯이) 하기 (위해)때문에입니다.

다음과 같은 느낌이 들었습니까?



--harmony 옵션을 붙이고 있으므로, ECMAScript2015(이른바 ES6)의 문법도 사용할 수 있습니다.

CoffeeScript 용 서비스

그런데, 2번째, 이번은 CoffeeScript용입니다.
Automator에서 새 서비스를 만들고 JavaScript와 동일한 설정을 합니다. 다른 것은 코드 부분만으로 다음과 같이 합니다.

export NODE_PATH=/Users/emadurandal/.nodebrew/current/lib/node_modules:$NODE_PATH
PATH=/Users/emadurandal/.nodebrew/current/bin/:$PATH
/Users/emadurandal/.nodebrew/current/bin/coffee -e "$1" 2>&1 || echo;

이것도 각 경로는 여러분의 환경으로 바꾸십시오.

빨리 해보자!

뭔가 편집기를 시작하십시오. 그리고 예를 들면 다음과 같은 JavaScript 코드를 입력합니다.

var d3 = require('d3');
d3.entries({"hoge": 32, "piyo": 43}).forEach((elm)=>{
    console.log(elm);
})

그런 다음 이 JavaScript 코드의 문자열을 선택하고 서비스 메뉴에서 방금 저장한 서비스를 선택합니다.



그러면

{ key: 'hoge', value: 32 }
{ key: 'piyo', value: 43 }

오, 제대로 실행됩니다. 네, 간단하죠? (밥・로스풍)

물론 CoffeeScript 코드도 마찬가지로 실행할 수 있습니다. 위의 JavaScript 코드를 Coffee 문법으로 다시 작성하여 꼭 사용해보십시오.

요약

자, 이게 무슨 도움이 될까. 그렇네요.

Emmet적인, 어떠한 대량의 캐릭터 라인 데이터의 생성에 사용한다.

에디터상에서 자꾸 자바스크립트/CoffeeScript를 플레이그라운드적으로 시험하기 위해서 사용한다(문법을 잘못하면 제대로 에러문이 나오기 때문에)

라는 느낌입니까-. 후자는 따로 node 커멘드라든지 Atom 에디터의 script 패키지에서도 할 수 있어, 라고 하는 이야기이므로, 역시 전자의 용도가 제일입니까.

뭔가, 이런 일에도 사용할 수 있어요 - 라는 분이 있으시면 꼭 가르쳐주세요 w