원격 개발자를 위한 무료 도구: 내 실제 브라우저 탭 툴킷

나는 "company laptop."를 한 번도 가져본 적이 없다 Toolz.dev는,WP Adminify 플러그인을 유지하고,배 Laravel 와 React 는 내가 대부분 직접 만난 적이 클라이언트에 대한 작업을 작동합니다. 내 사무실은 브라우저와 터미널이며,내 팀원은 충분한 시간대에 흩어져 그 "quick sync" 일정 문제입니다. 그 설정은 나에게 툴링에 대한 구체적인 뭔가를 가르쳐 년 동안: 당신이 원격으로 작업 할 때,승리 도구는 가장 강력한 하나가 아닌 이미 열려있는 하나입니다.

당신이 시작하고,서명하고, 기다려야하는 무거운 데스크탑 앱은 마찰입니다. 동료가 Slack 에 200 줄의 JSON 블롭을 붙여 넣었을 때 전화를 걸고있을 때 네이티브 앱을 열고 싶지 않은 탭을 원합니다. 그 본능은 Toolz.dev 가 존재하는 전체 이유이며,이 가이드가 패딩 된 검거가 아니라 정상적인 근무일 동안 진정으로 도달 한 도구 목록 인 이유이기도합니다.

나는 너무 간격에 대해 정직하려고합니다. Toolz.dev 하지 않는 것들이있다,나는 오히려 당신이 중간 작업을 알아내는 것보다 당신에게 말할 것이다. Let's 내가 실제로 그것을 사용하는 방식으로 툴킷을 통해 이동합니다.

TL;DR: 원격 작업의 경우 즉시 로드하고 로컬에서 데이터를 처리하여 기계에서 아무것도 남지 않도록 하는 도구를 원합니다. 내 일일 세트: JSON 포맷터 API 응답을 읽으려면 Base64 변환기 그리고 JWT 디코더 인증 디버깅의 경우 타임스탬프 변환기 그리고 시간대 변환기 크로스존 팀의 경우, 텍스트 차이 구성을 비교하기 위해, 그리고 이미지 압축 모든 스크린 샷 업로드하기 전에. 모든 무료,모든 브라우저에서,아니 계정. 하나의 정직한 간격: Toolz.dev 는 PDF 도구가 없습니다 - 나는 그들을 위해 스털링 PDF 또는 iLovePDF 를 사용합니다.

브라우저 도구가 원격 작업을 위해 설치된 앱을 능가하는 이유는 무엇입니까?

대답은 "browsers are trendy." 기업 네트워크에 앉아 있지 않은 노트북에서 작업하는 경우에만 중요한 몇 가지 구체적인 장점입니다.

새로운 기계는 명백한 것입니다. 나는 빌린 노트북에서 작업 환경을 두 번 이상 재건했는데,대개 드라이브가 최악의 시간에 죽었기 때문입니다. 데스크톱 유틸리티를 다시 설치하는 데 소요되는 모든 시간은 출하되지 않는 한 시간입니다. 브라우저 탭에는 제로 설정이 필요합니다. 제한된 환경은 두 번째입니다: 많은 클라이언트 시스템과 잠긴 회사 노트북은 단순히 소프트웨어를 설치하지 못하게하며 웹 도구는 완전히 회피합니다. 그런 다음 원시 속도 - 탭을 여는 것이 기본 앱을 콜드 스타트하는 것보다 빠릅니다 - 및 크로스 플랫폼 일관성이 있습니다. 왜냐하면 동일한 도구가 macOS,Windows, Linux 및 Chromebook 에서 동일하게 작동하기 때문입니다.

브라우저 도구가 항상 올바른 호출은 아니기 때문에 여기에 명확하게 제시된 절충안이 있습니다.

내가 따르는 패턴: 백 개의 작은 일상 작업을 위한 브라우저 도구, 무겁고 전문적인 작업을 위한 네이티브 소프트웨어 내 흐름을 방해하는 것의 90 퍼센트는 작다.

매일 어떤 데이터 및 API 도구를 열 수 있습니까?

하루의 대부분은 도형 간에 데이터를 이동하고 API가 실제로 반환한 내용을 읽는 것입니다.

JSON 은 상수입니다. API,로그, config 파일,오류 페이로드 - 모든 JSON,그리고 그것의 절반은 읽을 수 없는 단일 줄로 축소되어 도착합니다. The JSON 포맷터 는 내가 고정 한 탭입니다. 축소 된 blob 을 붙여 넣기 들여 쓰기 된 출력을 얻고,일반적으로 누군가가 남긴 후행 쉼표 인 구문 오류의 정확한 위치를 플래그합니다. 내가 JSON 에서 팔꿈치 깊이를 할 때 나는 전체 세트에 기대어 덮습니다 JSON 도구에 대한 궁극적 인 가이드.

데이터는 스프레드시트/애플리케이션 경계를 끊임없이 넘나들죠. 클라이언트는 레코드의 CSV 를 보냅니다; 제 API 는 JSON 을 원합니다. CSV에서 JSON 그 방향을 처리하고 JSON에서 CSV로 google 시트에 거주하는 이해 관계자를 위해 다시 여행을 처리합니다. 맹목적으로 변환을 신뢰하기 전에 알아야 할 가치가있는 한 가지: CSV 에서 JSON 도구는 유형을 추론합니다 07102 가 숫자가 된다 7102 그리고 선행 0은 사라집니다. 나는 그것이 물린 곳을 정확히 썼습니다 CSV-JSON 가이드- 마이그레이션을 망치는 것은 일종의 조용한 데이터 손상입니다.

Auth 디버깅은 그 자체의 작은 의식입니다. 요청 401s 와 토큰이 실제로 무엇을 주장하는지 확인해야합니다 JWT 디코더 헤더, 페이로드, 서명으로 분할하여 확인할 수 있습니다 exp 그리고 범위. Base64는 auth 주변의 모든 곳에도 나타납니다. 데이터 URI, Basic auth 헤더, JSON으로 채워진 바이너리 등이 있습니다 Base64 변환기 양방향을 처리합니다. 내 배포를 실행하는 YAML,Kubernetes 매니페스트 및 CI 구성의 경우 단일 불량 들여쓰기가 파이프라인을 중단하므로 the 야엘 검증인 배포하기 전에 이를 포착합니다.

만약 당신의 작업이 API-heavy라면, 나는 fuller set in을 모았다 API 디버깅 도구 가이드.

이러한 도구는 시간대 전반에 걸쳐 어떻게 도움이 됩니까?

원격이 아닌 개발자들이 과소평가하는 부분입니다. 여러분의 팀이 여덟 시간대나 열 시간대에 걸쳐 있을 때,타임스탬프는 버그와 미팅을 놓치는 진정한 원천입니다.

로그가 유닉스 타임스탬프와 함께 도착합니다.A incident happened at 1708876200 그리고 나는 그것이 내가 무엇이든 상관 할 수 있기 전에 그것이 나의 현지 시간에 언제 있었는지 알아야한다. The 타임스탬프 변환기 즉시 인간 데이트로 전환됩니다. 이를 어렵게 확인한 결과 그 가치는 다음과 같습니다 2024-02-25T15:50Z, 당신의 직감이 말하는 것이 아닙니다. 그만큼 시간대 변환기 도움 없이는 지도에서 가리킬 수 없는 도시의 사람들과 일정을 계획할 때 사용하는 것입니다.

실제로 버그를 막는 습관은,하지만, 도구가 아니다. 내부적으로 UTC 에 모든 것을 저장하고,UI 의 user's local zone 에 표시하고,사용한다 ISO 8601 모든 로그와 메시지에서 그래서 애초에 변환하는 모호함이 없습니다. 변환기는 다른 사람이 그 규칙을 따르지 않은 시간을 위한 것입니다.

어떤 텍스트 도구가 가장 시간을 절약해 주나요?

작고, 매력적이지 않고, 변함없습니다.

명명 규칙은 매일 변환됩니다. JavaScript 는 camelCase 를 원하고,Python 은 snake_case 를 원하고,상수는 UPPER_CASE 를 원하고,URL 은 kebab-case 를 원합니다. 데이터베이스 열 이름 목록을 the 에 붙여 넣습니다 케이스 변환기 그리고 40줄을 직접 편집하지 않고도 속성 이름을 다시 얻을 수 있습니다. 길이 제한이 있는 모든 것, 즉 메타 설명, 커밋 메시지, 최소 문서가 있는 경우 워드 카운터 내가 세지 않고 나에게 숫자를 알려준다.

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 텍스트 차이 도구는 탭을 얻습니다. Git 은 코드 diff 를 처리하지만,나는 git 이 추적하지 않는 두 가지를 영원히 비교하고 있습니다: 프로덕션에 대한 스테이징 구성,변경 전후의 API 응답,스펙의 두 초안. 추가 및 삭제가 강조 표시된 것과 나란히,나는 초 단위로 다른 한 줄을 봅니다. 그리고 내가 모형을 위해 일회용 자리 표시자 텍스트가 필요할 때,the 로렘 입섬 생성기 비트 일부 임의의 사이트에서 복사 - 공정한 경고하지만,단지 단락을 생산하고,그 오프닝 라인은 약간 잘못된 고전 "Lorem ipsum 냄새 amet," 하지 "dolor." 에 그 기이 파고 텍스트 도구 가이드.

이 기사의 이전 버전에서 한 가지 정직한 수정: 문자열 반전 도구는 문자 반전 만합니다. 이전 초안에서 주장한 것이 무엇이든 단어 또는 줄 모드가 없습니다. 그리고 UTF-16 코드 단위로 반전됩니다. 즉,이모지와 플래그 문자를 망가 뜨립니다. 그것은 버그가 아닙니다. 나는 손을 흔들 수 있습니다 - 그것은 순진한 문자열 반전이 어디에서나 작동하는 방식이며 코드에서 문자열을 반전시키는 경우 이해할 가치가 있습니다.

이미지와 프론트엔드 작업은 어떻습니까?

나는 프론트엔드에 정기적으로 기여하고 있으며 스크린샷은 버그 보고서, PR 컨텍스트, 문서화 등 원격 작업의 지속적인 부산물입니다.

최적화되지 않은 스크린 샷은 repo 를 부풀리고 첨부 파일 제한을 지나쳐 버립니다. 나는 모든 것을 통해 실행합니다 이미지 압축 github 문제나 Slack 스레드에 들어가기 전에. 특정 크기가 필요할 때 - 1200×630 소셜 카드,일관된 문서 너비 - 이미지 크기 조정 하고, 그리고 포맷 변환기 PNG/JPEG/를 처리합니다웹P 내가 ImageMagick 을 설치하지 않고. 그 변환기에주의: 그것은 출력 PNG,JPEG, 또는 WebP 만 AVIF 가 아닌,그리고 HTML 사양에 따라 흰색이 아닌 검정색에 JPEG 복합으로 저장된 투명 PNG 에 살고있는 것과 같은 세부 사항 이미지 포맷 변환기 가이드.

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 배경 제거제 는 진정으로 유용하지만 난 하나의 매우 가이드의 이전 초안을 포함하여 일반적인 오해를 수정해야합니다 반복: 그것은 AI 가 아닙니다. 그것은 색상 키 제거제입니다. 그것은 샘플 상단 - 왼쪽 픽셀과 그 색상에 가까운 모든 것을 삭제,단색 배경에 적합하고 머리 또는 그라데이션에 쓸모없는 것을 알고 좌절감을 저장합니다.

CSS 작업의 경우 다음이 있습니다 그라데이션 생성기 그리고 the 컬러 피커. 그리고 내가 열심히 기대는 최신 추가: the 색상 대비 검사기, 왜냐하면 제가 햇빛에 보이지 않는 밝은 회색의 텍스트를 한 번 발송했고 다시는 하고 싶지 않기 때문입니다. 전체 이야기는 에 있습니다 색상 대비 검사기 가이드.

어떤 코딩 유틸리티가 세트를 마무리합니까?

없이는 일하고 싶지 않은 소수. 그만큼 UUID 생성기 테스트 데이터 및 모의 기록을 위해. The 정규식 빌더 내가 코드에 붙여 넣기 전에 샘플 텍스트에 대한 패턴을 구축하고 테스트하기위한 - regex 작성 블라인드는 생산에 실패 regex 입니다. The SQL 포맷터 쿼리의 벽을 읽을 수 있게 만들기 위한. The 해시 생성기 체크섬용.

그리고 저는 WordPress에서 많은 시간을 보내기 때문에 직렬화 해제 도구는 에 있는 직렬화된 얼룩을 디코딩합니다 wp_options 테이블. 플러그인이 잘못 동작하면 직렬화된 설정은 일반적으로 코드를 단계별로 진행하는 것보다 스토리를 더 빠르게 전달합니다. 전체 접근 방식을 에 작성했습니다 PHP 직렬화 해제 가이드.

Toolz.dev가 수행하지 않는 작업

나는 링크 404 를 당신에게 두기보다는 이것을 분명히 말하고 싶습니다. Toolz.dev 에는 PDF 도구가 없습니다. 병합,분할, 압축,회전 없음. 두 개의 PDF 를 결합하려고 여기에 착륙하면 존재하지 않는 도구로 보내지 않을 것입니다. 자체 호스팅 및 비공개를 원하는 경우 스털링 PDF 를 사용하거나 빠른 웹 작업을 위해 iLovePDF 를 사용하십시오. 나는 그 책갈피를 나 자신에게 보관합니다.

또한 깊고 전문화 된 소프트웨어를 대체하지 않습니다. 이미지 도구는 레이어 편집이 아닌 압축,크기 조정 및 형식 변환을위한 것입니다. 실제 사진 작업의 경우 여전히 Photoshop 또는 김프를 원합니다. 브라우저 도구는 매일의 작은 물건을 매우 잘 덮고 정직하게 거기에서 멈 춥니 다.

원격 작업에서는 개인 정보 보호 측면이 실제로 중요합니다

집에서 일할 때,카페, 또는 코워킹 스페이스에서 일할 때,데이터는 당신이 통제하지 않는 네트워크를 가로지르고 있습니다. 여기서 클라이언트 측 처리가 유행어가 되는 것을 멈춥니다. 데이터를 처리하는 Toolz.dev 의 도구는 브라우저에서 이를 수행합니다 - 파일이나 텍스트는 결코 당신의 기계를 떠나지 않으므로 스케치 카페 WiFi 를 가로챌 것이 없고 서버 로그 어딘가에 앉아 있는 것도 없습니다. client's 계약 텍스트나 연결 문자열로 가득 찬 구성 파일을 처리하기 위해,즉 "fine"와 "incident report."의 개인 정보 보호 모델에 대해 더 깊이 살펴보았습니다 데이터 개인 정보 보호 도구 가이드.

자주 묻는 질문

Toolz.dev 에 있는 도구는 무료인가요?

예,도구는 워터 마크없이 무료로 사용할 수 있습니다. salesy 보다는 정확하기 위해: 사용량 측정 시스템이 있으며,손님은 등록 할 때 상승하는 도구 당 일일 한도를 얻습니다. 대부분의 사람들은 결코 그것을 치지 않습니다. 도구 자체에는 페이월이 없으며이를 시도하기위한 강제 가입도 없습니다.

도구가 오프라인에서 작동합니까?

부분적으로. 페이지는 인터넷에서 한 번로드해야하지만 브라우저에서 처리가 이루어지기 때문에 실제 작업에는 그 후 라이브 연결이 필요하지 않습니다. 일부 도구는 브라우저에 의해 캐시되고 오프라인으로 계속 작동합니다; 그것은 전반적으로 보장되지 않습니다.

이러한 도구는 회사 또는 고객 데이터에 안전한가요?

데이터를 처리하는 도구는 브라우저에서 로컬로 수행하므로 아무 것도 업로드되지 않습니다. 이는 일반적으로 서버에서 처리하는 상용 대안보다 안전하며 외부 업로드를 금지하는 데이터 정책과 일치합니다. 규제된 데이터를 처리하는 경우에도 자체 정책에 대해 확인하십시오. 규정 준수 팀에서 허용하는 것이 아니라 도구가 어떻게 작동하는지 알려드릴 수 있습니다.

내 휴대폰에서 사용할 수 있나요?

예. 반응성이 뛰어나고 모바일 브라우저에서 작동합니다. 무거운 작업은 데스크톱에서 더 편안하지만 JSON 포맷,토큰 디코딩,UUID 생성 등의 빠른 작업은 전화에서 괜찮습니다.

Toolz.dev 에 PDF 도구가 있습니까?

아니요. 이것은 정직한 격차입니다. 사이트에 PDF 병합,분할, 압축 또는 회전 도구가 없습니다. 그 사람들을 위해 나는 스털링 PDF 또는 iLovePDF 를 사용하고 똑같이하는 것이 좋습니다.

이러한 도구에 대한 API가 있습니까?

현재는 아닙니다. 대화형 브라우저 사용을 위해 구축되었습니다. 프로그래밍 방식의 작업을 위해서는 호스팅된 엔드포인트를 기대하기보다는 기본 오픈 소스 라이브러리를 사용하여 코드에서 직접 작업을 구현하세요.

이러한 도구는 얼마나 큰 파일을 처리할 수 있습니까?

처리가 브라우저에서 이기 때문에,천장은 서버 한계가 아닌 당신의 device's 기억이다. 대부분의 현대 기계는 커플 백 메가바이트까지 파일을 취급한다. 진짜로 큰 파일을 위해,명령줄 공구는 더 나은 선택이다.

원격 개발자가 어떤 도구를 먼저 북마크에 추가해야 합니까?

내가 가장 많이 여는 네 가지로 시작하십시오: JSON 포맷터, Base64 변환기, 타임스탬프 변환기, 그리고 텍스트 차이. 나머지는 특정 요구 사항이 나타나면 추가하십시오.

솔직한 결론

원격 작업은 다른 종류의 툴킷 - 빠른,개인, 제로 설정 - 을 보상하고 사무실보다 마찰을 더 열심히 처벌합니다. 왜냐하면 다음 책상에 도구를 빌릴 사람이 없기 때문입니다. 위의 세트는 실제로 내가 열어두고 틈새와 모든 것이 존재하지 않는 것들로 가득 찬 패딩 된 것보다 설명 된대로 정확하게 작동하는 도구의 짧은 목록을 건네줍니다.

오픈 Toolz.dev을 고정하고,네 가지 필수,그리고 날이 당신을 던져 폴더에 도구를 추가합니다. 그리고 결합 된 PDF 가 필요할 때,당신은 지금 내가 자신을 보내는 위치를 알고있다.

관련 도구:

• JSON 포맷터
• Base64 변환기
• 타임스탬프 변환기
• 텍스트 차이
• 색상 대비 검사기