상위 20 개 온라인 코딩 도구

오픈 소스 운동은 협업,공유 및 아이디어의 자유로운 교환에 기초합니다. 이 모든 것들은 번창 할 수있는 열린 포럼 또는 당신이 그것을보고 싶은 방법에 따라 진화 할 수있는 경기장을 위해 울부 짖습니다.
글쎄,시간이 좀 걸렸지 만 웹은 마침내 그 일을하는 사람들의 야망과 필요를 따라 잡았고,실제로 공동체적으로 실험하거나,군중 디버그하거나,심지어 과시하기 위해 어딘가를 제공했다.
사실,우리는 오버 슈트의 초기 단계에 있습니다. 새로운 온라인 코드 공유 사이트,디버깅 도구 및 완전한 십오까지 매일 등장합니다. 그리고 그들 중 일부는 놀랍습니다. 특히 프론트 엔드 개발자는 선택을 위해 버릇.
최근까지는 온라인에서 실제로 개발 작업을 수행한다는 아이디어가 기껏해야 어려웠을 것입니다. 이제부터는 가장 합리적인 접근 방식이 될 수 있습니다. 우리가 여기에서 밖으로 구축 웹의 종류에 미치는 영향은 지각이 될 수 있습니다.

코딩(공개 베타)

소셜 코딩의 새로운 아이는 실제로 새로운 것이 아닙니다. 이전 코 딩겐으로 알려진,이 모든 기능을 갖춘,브라우저 기반의 이데는 여전히 베타 버전 일 수 있지만 이미 완료”약 20%”에 그것에 좋은 느낌을 가지고있다.
이 단계에서 에이스 코드 편집기에 의존하여 코딩은 이미 몇 가지 흥미로운 가능성을 가지고 있다.
터미널 접근도 편리하지만,코딩이 소셜 코딩 왕관의 강력한 경쟁자가 될지 여부를 말하기에는 너무 이르다. 기본 설정으로 무료 인 것은 비록 상처 수 없습니다.

“구글 문서 도구와 비슷하지만 코드 용입니다.” 그래서 프로모션 펀치 라인을 간다. 하지만 실제로,모질라 베스핀 클라우드 코딩 도구에서 진화,클라우드 9 보고 훨씬 좋네요. 협업 코딩의 경우 첫 번째 비율입니다.
리눅스/맥 사용자를위한 로컬/오프라인 개발 옵션. 당신은 당신의 코드를 공유하고 말 그대로 몇 분 안에 같은 문서에서 작동하는 여러 사용자를 가질 수 있습니다. 그냥 빠른 이메일을 받아 당신은 롤 준비가 된 것입니다. 배포 옵션은 물론 가격에 사용할 수 있습니다.

코드펜

알렉스 바스케스,팀 사바트와 크리스 코이어의 작품,코드펜은 프론트 엔드 기능과 재미에 초점을 맞추고 있습니다. 캔버스 애니메이션은 특별한 관심을 받고.
기트허브 아이디로 로그인하고 자신의 웹페이지를 설정하거나 이미 온라인상에서 매우 멋진 수많은 탐색 중 하나를 포크하십시오. 환경 라이브러리의 선택을 통합하도록 맞춤화 할 수 있습니다: 그래서 거의 모든 프론트 엔드 땜질이 시연되고 해체 될 수 있습니다. 이 스테로이드에 학습,좋은 물건.

이 예제에서는 다음과 같은 방법을 사용할 수 있습니다. 인터페이스는 당신에게 당신의 코드를 볼 수있는 세 개의 창을 제공하고 그 결과 출력입니다. 현재 입력은 없지만 스 니펫은 기 허브로서 저장되고 그 방식으로 재 방문/공유 될 수 있습니다.
가능한 한 깨끗한 대블릿 환경을 보장하기 위해 대블릿 입력은 프리픽스를 사용합니다.(레아 베로의 첫 번째 비율 프로젝트의 또 다른). 그리고 그것 뿐이다. 아니 하지요,아니 장난,그냥 선명도와 초점. 방정식의 공유 측면은 약하지만,그 주요 관심사가 아니라면,취미 삼아 얻을.

Pastebin.me

이것은 온라인 코드 공유에 대한 베어 본 접근 방식입니다. 페이스트빈에 설정된 각 스 니펫은 이메일을 통해 공유 할 수있는 고유 한 링크를 가져옵니다. 당신은 사람들이 사이트에까지왔다 무엇을보고 싶은 경우 또는,그냥 최근 게시물 섹션을 확인하십시오.
이러한 과거 실험의 빠른 검사는 페이스트 빈은 주력 역할을 알려줍니다,’이 코드는 무엇을합니까? 작업 개발자의 숫자에 대한’검증 환경. 그것은 당신을 위해 동일을 할 수 있었다,어쩌면? 그것은 바로,카우치 데이비에서 실행,그리고 좋은?

조쉬 파일레스는 요즘 가장 작은 팀들조차도 얼마나 많은 일을 할 수 있는지를 보여준다. 온라인 협업 및 실험은 여기에 있습니다. 뿐만 아니라하지만 조쉬의 같은 도구는 웹이 구축되는 방식을 변경하는 데 도움이 될 것입니다 아주 좋은 기회가있다.
CSSDesk 는 매우 기본적인 제공합니다 깨끗한 환경을 위한 스타일에 기반한 실험. 라이브 업데이트는 강조 표시된 코드와 함께 표시되며 결과 마법을 공유 할 수있는 링크를 생성 할 수 있습니다. 그 보트를 수레 무슨 그래서 만약 사이트에 사회적 측면이 없다,계속 찾고.

피오트르 잘레와는 분명히 제이스피들만큼 인기가 높아질 줄은 몰랐는데,한 인터뷰에서 첫날 그의 디자인 결정 중 몇 가지가 오늘 사이트를 방해하고 있다고 한탄했다. 이 경우 글쎄,그들은 잘 숨겨진 문제 야-제이스 피들 유용성의 모델이기 때문이다.
자바 스크립트로 디버깅,실험 및 공유 사이트는 최고 중 하나입니다. 당신의 라이브러리를 선택,당신의 제이 린트,결과 바이올린을 포함하거나 웹 사이트를 공유 할 수 있습니다. 그것은 당신을 위해 당신의 코드를 똑똑하게 할 것이지만,완성/힌트는 없으며 강조 만 있습니다.

jsdo.it

jsdo.it 모든 것을 가지고있다. 이 시스템은 갈 준비가되어 있습니다-그리고 수입 라이브러리의 배열도 인상적이다. 이 응용 프로그램은 당신에게 아름다운 욕실 꾸미기의 갤러리를 보여줍니다.
이 단점은 주로 사용자 정의 성 부족으로 인한 것입니다. 이것은 부 끄 러운,계정을 설정 하려면 갈 경우 태그/분석 출력 및 토론 게시판의 측면에서 있을 케이크 많이 있기 때문에 꽤 활기찬(비록 대부분 일본어와). 당신은 폴리오 페이지를 설정할 수 있습니다…

Tinker.io

치엘 쿤켈스의 땜장이는 다른 샌드박스의 종소리와 휘파람을 피하며 조용한 능력과 시각적 단순성의 장점을 선호한다. 그 결과 작업 중인 코드에 초점을 맞추거나 다른 사람의 코드에 초점을 맞추거나 과시 가능성에 초점을 맞추게 됩니다.
즉,당신이 당신의 노력을 데모 할 경우,땜장이는 당신이 그것을 저장할 때마다 자동으로 버전을 작업에 충분했다,그래서 당신은 파티에 초대 사람들과 토론을위한 범위의 많음이있다. 팅커는 노드에서 실행됩니다.그것은 오픈 소스이며 기 허브에서 사용할 수 있습니다. 당신이 당신의 자신의 버전을 포크 경우,키보드 단축키를 포함한다.

팅커빈

2011 필리핀 웹 디자인 컨퍼런스를 위해 만든,팅커빈은 지금까지 잘 이해 형식이어야한다 무엇을 다시 말하기의 합리적인 일을한다. 당신이 공유 할 수있는 각각의 연속 저장은 새 버전/주소를 생성하고,좋은’코드보기’모드도 있습니다.
팅커빈은 외부 소스에서 라이브러리를 가져올 수 있습니다–구글 코드와 같은–오히려 내부적으로 설정을 제공하는 것보다. 하지만 여기에 약간의 문서 부족이 있습니다. 예를 들어,시작 페이지는 지원되는 언어 목록에’더보기’가 포함되어 있다고 말합니다.이 언어는 아무데도 확장되지 않았지만 조금 버려졌습니다.

누가 손을 가슴에 대고 그 세 글자가 끔찍한 가라 앉는 느낌을 일으키지 않는다고 말할 수 있습니까? 가장 간단한 경우를 테스트하는 데 필요한 긴 설정 때문입니다. 음,더 이상,알래스카 개발자 덕분에,제이크 열광 및 바이올린을.
당신은 당신의 바이올린을 설정할 수 있습니다. 쿼리 할 스키마를 만들고 최소한의 데이터 집합으로 테이블을 채우고 멀리 이동하십시오. 다른 사이트와 마찬가지로,일이 여전히 당신의 길을 가고 있지 않다면,당신은 항상 당신의 손보는 악용에 스택 오버 플로우를 참조 할 수 있습니다.

ReFiddle

경우,잘 자바스크립트,SQL 와 모든 더 인기 있는 스크립트 언어 자신의 바이올린 페이지,왜 Regular Expressions? (어떤 제정신 코더의 존재의 베인.)
상처를 제거 할 수는 없지만 루비,자바 스크립트 및 닷넷의 정규 표현식을 테스트하고 디버깅하는 것은 훨씬 덜 고통스러운 과정입니다. 그리고 만약 당신이 여전히 아무데도 얻지 못한다면 그것은 당신의 애처로운 게시를 스택 오버 플로우로 반 자동화합니다.
진정한 형벌 대식가는 현재 및 과거 정규식 제출을 탐색하고 바이올린 디렉토리의 일반적인 문제에 대한 성공적인 솔루션을 공유 할 수 있습니다.

현재 가장 인기 있는 실험을 미리 보는 페이지로 열립니다. 이 세 가지 시험을 그리기 순수 고사병에서,너무 멋지게 변화된다.애니메이션 테스트.
몇 가지 광고가 있습니다,이는 조금 성가신,하지만 사이트의 전반적인 느낌은 활기차고 매력적이다. 또한 실제 문서,키보드 단축키가 작동하며 트위터 또는 깃허브에서 로그인 할 수 있습니다. 라이브러리,전 처리기,유효성 검사기:모두 여기에 있습니다.
프로세스를 문서화하는’코드 캐스트’를 기록하는 기능은 눈에 띄는 기능이며,일단 모든 사용자에게 배포되면 관중을 즐겁게 할 수 있습니다.

이 문제를 해결하는 방법은 다음과 같습니다. 당신이 좋아하는 방법을 구성 라이브러리 및 전처리기를 추가하거나 재생을 시작합니다. 제이에스빈은 정말 유용성에 강합니다. 다른 샌드박스에 비해 시스템에 약간의 지연 시간이 있지만 사용자 인터페이스는 명확성의 모델입니다.
또한 여러분의 개발을 코드캐스트할 수 있어서 좋다. 또한,콘솔 덕분에,제이에스 빈은 디버깅뿐만 아니라’표시 및 말해’에 좋다.

골무

모질라,오픈 웹의 챔피언,골무했다-웹 창조의 기본 도구에 대한 리소스 액세스 부족한 젊은이와 다른 사람을 제공하는 도구:.
모든 것은 같은 페이지에서 발생,코드 변경 디스플레이에있는 효과를 나타 내기 위해 분할. 이 사이트의 가장 유용한 측면은 아마도 인라인 힌트 일 것입니다.이 힌트는 선택기 및 요소와 같은 것들의 역할을 설명하고 언제 그리고 왜 잘못 사용되는지 지적하는 공정한 작업을 수행합니다.

이클립스 오리온

이클립스 이데는 오랜 시간 동안 데스크톱 프로그래밍 세계의 주류가되었지만,분명히 그 제작자는 온라인에서 무슨 일이 일어나고 있는지보고있다. 그래서,이를 염두에두고,오리온 프로젝트가 양산되었습니다. 불행히도,이것은 그것이 될 수 있었던 축하의 원인이 아닙니다.
종이에 시스템은 멋지다-. 그리고 물론 혈통이 있습니다. 그러나 사용하는 것은 끔찍하고 보는 것은 둔합니다. 아마도 프로젝트가 성숙 해짐에 따라 아마도 대규모 시스템이 어떤 종류의 사용 가능한 모양으로 노크 할 것입니다. 그러나 일이 서 있기 때문에 단순히 즐거운 경험이 아닙니다.

라이브 위브

라이브 위브는 사용이 매우 간단합니다. 로그인 할 필요가 없으며 공유 할 필요가 없습니다. 그냥 페이지를 열고 코딩을 시작합니다. 모든 것이 단일 뷰에서 발생하므로 자바스크립트와 스타일이 모두 자바스크립트와 함께 표시됩니다. 결과 출력은 인접한 창에서 실행됩니다.
그것은 너무 놀라 울 정도로 강력,쉽게 모든하지만 몇 반복 후 맥북을 죽인 실험을 처리. 당신은 혼자 코드를 볼 수 있습니다,화면을 분할하거나 창조에 감탄. 슬프게도 공유는 존재하지 않으며 저장/다운로드 옵션은 작동하지 않습니다. 디버깅은 전적으로 귀하에게 달려 있지만 코드 힌트가 있으므로 필요하지 않을 수 있습니다. 그래,맞아.

구글 코드 놀이터

이미지 검색,번역,구글 어스. 명부는 중대한 길이에 계속된다. 많은 다양 한 구글 아피스와 상호 작용 하는 것은 신속 하 게 귀하의 웹 페이지에 뭔가 의미 있는 소개 하는 방법 중 하나 하지만 어디서부터 시작 합니까? 구글 코드 놀이터,그 곳이다. 대만족!
그것은 당신이 상상할 수있는만큼 쉽습니다. 예를 들어,특정 색상 제한을 사용한 이미지 검색입니다. 문제가 발생할 경우에,한 번의 클릭으로 디버거를 실행하거나’보기 문서’를 통해 책을 누르십시오. 이상하게도 페이스 북과 전쟁 현재 기업에 대한 공유 entirely,완전히 누락되었습니다.

Pastebin.com

페이스트 빈은 기본입니다. 코드 조각을 텍스트 영역에 붙여넣고 코드를 강조 표시하려면 전체 배열에서 언어를 선택한 다음 선택 항목을 공개적으로 나열할지 여부를 설정합니다. 그게 다야.
당신이 당신의 활동을 추적하려는 경우 트위터 나 페이스 북으로 로그인합니다.. 익명을 유지하려는 경우 게스트로 붙여 넣습니다. 그리고 그 페이스트 빈의 흥미로운 기능 중 하나입니다–그것은 익명 해킹 사교 클럽과의 제휴를 주장하는 그룹에 대한 일반적인 광고판으로 인기입니다.
삽입 가능한 후크 또는 편집 가능한 텍스트로 코드를 공유 할 수도 있지만 주요 기쁨은 99%의 선언문을 읽는 것입니다.

컴파일

컴파일 단지 간단한 조각 공유 사이트보다 더–그것은 구글,페이스 북과 트위터를 통해 콘솔 액세스 및 자동 공유와 언어의 철저한 배열을 처리 할 수있는 완전한 기능을 ID 당신은 또한 당신의 공동 작업자에 대한 링크를 이메일로 보낼 수 있습니다.
당신이 작은 실험보다 더 심각한 무언가를 계획하고 코드베이스를 공유 할 수 있도록하려면,어디서나 온라인 작업 및 장치,당신은 컴파일에 심각한 고려를 제공해야합니다. 무료 버전은 당신에게 저장 1 기가바이트를 부여하지만,프로젝트는 공개적으로 나열되어 있습니다.

모든 행사를위한 도구

그래서 당신은 그것이있다. 좋은,괜찮아 하나 또는 두 개의 약간 끈적 끈적한. 너가 이 제비로 파면 하자마자 너는 무언가 새로운 일어나기 있는다 고 느낌을 얻는것을 시작한다. 그리고 모든 사람이 이데가되는 방향으로 진화하는 것은 아닙니다. 각 사이트는 웹이 제공 할 수있는 다른 스핀을 촬영하고있다.
은 새 코드를 테스트 할 곳이 필요할 수 있습니다. 바이올린 중 하나를 시도하십시오. 에펠탑의 축소모형을 만들었을 수도 있고,코드펜이나 에펠탑의 축소모형을 만들 수도 있습니다. 주요 개발 프로젝트 및 분산 팀 당신은 어떻게 든 함께 끌어 필요가 있으십니까? 클라우드 9 또는 컴파일러는 당신이 필요로하는 것을 가지고 있습니다. 사악한 제국을 무너 뜨릴 글로벌 해킹 캠페인을 계획하고 있습니까? 이를 위해 우리는 페이스트빈을 가지고 있습니다…
웹 개발 분야에서 일한다면 이러한 사이트가 제공 할 수있는 또 다른 것,즉 영감이 있습니다. 코드 공유 사이트는 눈 사탕 넘쳐하고 실험 중심의 공간이 디스플레이에 몇 가지 놀라운 독창성을 가지고 있지만 모두,심지어 십오,새로움의 대시를 약속드립니다. 그 위치의 한에 너의 자신의 창을 열거든 즉시 생각은”나는 무엇을 창조할 것인가?”그것이 좋은 일이 일어나는 방법입니다.

답글 남기기

이메일 주소는 공개되지 않습니다.