모티프

제가 지금 배우고 있는 자바스크립트의 피드백을 받을 때 온라인에서 코드를 공개할 수 있는 서비스가 있는지 찾아보고 있어서 정리해봤습니다.

웹에서 JavaScript를 실행할 수 있는 이점

모든 서비스의 공통된 특징은 공유할 수 있다는 것이다.
마치 자신의 컴퓨터를 원격으로 보는 것처럼 이해하기 쉽다.
또한 js 파일, css 파일 등을 특별히 열 시간이 없어서 한 번에 내려다볼 수 있고 코드를 쓰는 사람과 피드백을 하는 사람에게 부드럽다.

JSFiddle

특징.

HTML, CSS, 자바스크립트와 그 결과(Result)를 화면에 표시한다

Fork, 기본 버전 관리

Tidy Up을 통한 자동 성형, JSHint를 통한 JavaScript 검사

Collaboration을 통해 동시에 편집(시도되지 않음)

CSS는 SCSS, 자바스크립트는 커피스크립트(Languages 메뉴에서 선택 가능)

표준 장비 정규 CSS(Fiddle Options 메뉴를 통해 선택 가능)

Bodytag, DTD 지정, Framework<script> 속성 설정(Fiddle Options 메뉴에서 선택 가능)

외부 파일도 읽을 수 있음(External Resources 메뉴에서 선택)

Firebughttps://getfirebug.com/releases/lite/latest/firebug-lite.js를 삽입하려면

console.로그가 표준 출력이 아니기 때문에Firebug만 사용할 수 있지만 오류가 발생하지 않습니다

스마트폰 미리보기 지원

많은 Framework

Mootools

jQuery

Prototype

YUI

Dojo

Processing.js

ExtJS

Raphael

RightJS

Three.js

Zepto

Enyo

Shipyard

Knockout.js

The X Toolkit

AngularJS

Ember

Underscore

Bonsai

KineticJS

FabricJS

qooxdoo

D3

CreateJS

WebApp Install

Thorax

Paper.js

React

svg.js

Minified

jTypes

Lo-Dash

Brick

jsdo.it

특징.

여러분들이 제일 좋아요.유잼법인 카야쿠 삼가제

보다 공유를 중시하고, 첫 페이지를 만드는 목적은 다른 사람이 쓴 소스를 보는 것이다

GitHub처럼 README까지(Markdown 기재법 가능)

자바스크립트 기재법은 커피스크립트, JSX, 타입스크립트에 대응한다

HTML은 Emmet과 일치합니다(좋습니다!)

CSS는 SCSS·Compoass·LESS를 지원합니다.

외부 파일(이미지 등)도 첨부 가능

Gist와 공동 작업 가능

스마트폰 미리보기 지원

라이센스 태그도 MIT를 비롯한 태그

를 선택할 수 있습니다.

용 Framework

jQuery2 계열

jQuery1계

jQuery migrate developer

jQuery migrate

jQuery UI

jQuery Mobile

jQuery Easing

jsdoitController

enchant.js

tmlib.js

Prototype

Raphael

SWFObject

Processing.js

MooTools More

MooTools core without compatibility

Dojo Toolkit

three.js

Cannon.js

CreateJS

YUI

ExtJS

Sencha Touch

JSDeferred

Socket.IO

Angular.js

Underscore.js

Backbone.js

Knockout.js

jPayer

Bootstrap3시리즈

Bootstrap2 계열

Arctic.js

OrbiterMicro

JS Bin

특징.

유창한 인터페이스에서 단추를 통해 표시/숨길 수 있음

자신의 가장 큰 특징을 직접 확인할 수 있는 것은 콘스토어의 오류!

Gist 공동 작업

Frame Work

jQuery2 계열

jQuery1계

jQuery UI

jQuery Mobile

Bootstrap Latest

Bootstrap 2.3.2

Prototype

script.aculo.us

YUI

MooTools

Dojo

Dijit

Kendo UI Core

Kendo UI Q1、A3

QUnit

Zepto

Angular.js

React

Enyo

Bluebird

Promise

Q

RSVP

Autoprefixer

Backbone

MarionetteJS

Bonsai

CoffeScript

Ember.js

ES5 shim

ext-core

Foundation

Handlebars.js

Knockout

Less

Lo-Dash

Modernizr Development

Detectizr

Prefixfree

Processing

D3

Highcharts

Raphael

Sammy

Sencha Touch

Traceur

TwitterLib

Underscore

CanJS

Three.js

HTML5 shiv

Lungo

Polymer

Font Awesome

Paper.js

OpenUI5

GSAP

Phaser

추천하다

어떤 것이든 용도에 따라 나누어 사용하는 것이 좋을 것 같다.
어느 정도 완성된 피드백과 세심한 기능을 사용해 협업하려는 사람은 JSFiddle이다.
적극적으로 공유하고 SNS처럼 사용하니 기능적인 측면도 간지럽다.it.
제작 도중 초보자 JS Bin과 함께 Controe 표준을 탑재했다.
코드가 흐트러질까 봐 두렵지만 지스트 제휴를 통해 모든 서비스에서 수집하면 된다.

총평가

Framework에 대응하는 게 너무 많아서 피곤해요.
JSFiddle의 나무랄 데 없는 점, jsdo.it는 UI 계열의 충실함, JS Bin은 다양한 것에 대응하는 느낌.
이름의 2할 정도밖에 몰라서 잘 모르겠어요.
사실
http://jsperf.com/
나는 무언가를 더해서 인터넷상의 인코딩 서비스를 총결하고 싶다.
기분 좋으면 편집장 따라해.
선배 여러분, 또 다른 추천하는 인터넷 서비스가 있습니까?