소개

평소 연구나 앱 개발을 할 때 새롭게 발견한 것과 고생한 부분 등을 메모로 남길 수 있습니다. 그 때, markdown 파일로서 남기는 것이 많습니다만, 로컬의 스토리지에 보존해 두는 것이 아니라, Web상에 남기고 싶다고 생각했습니다. 다음과 같은 이유가 있습니다.

로컬 저장 장치를 너무 많이 사용하면 컴퓨터가 무거워집니다

여러 대의 PC를 사용하는 경우 로컬에 파일을 남겨두면 다른 컴퓨터에서 사용할 수 없습니다

GoogleDrive 등을 사용하는 경우, 저장 용량의 상한이 있다

이러한 이유로 markdown 파일은 웹에서 관리하기로 결정했습니다. Qiita 에서 관리 할 수 ​​있지만 메모를 공유하지 않으려는 경우가 있습니다. 여러가지 조사한 결과, HackMD 라는 웹 앱을 사용하기로 했습니다.

HackMD

HackMD는 웹에서 markdown를 작성할 수있는 편집기이며 저장할 수있는 웹 응용 프로그램입니다. HackMD를 선택한 이유는 다음과 같은 장점이 있습니다.

무료로 쉽게 등록할 수 있다.

실시간 미리보기

Qiita를 사용하는 감각으로 사용할 수 있습니다

sublimetext, emacs, vim 모드를 기본적으로 사용할 수 있습니다

공개 범위, 편집 가능한 범위의 설정을 할 수 있기 때문에, 비공개에도 공공에도 사용할 수 있다

스스로 작성한 기사에 대해서 tag 검색을 할 수 있으므로, 파일에 tag를 붙이는 것으로 기사를 장르별로 관리해, 목적의 기사를 간단하게 찾아낼 수 있다

URL을 만들고 다른 사람과 공유하여 기사를 쉽게 공유 할 수 있습니다

HackMD 사용법

설치 ~ 편리한 기능까지 소개합니다.

설치

HackMD 홈페이지 에서 新規登録 버튼에서 등록을 합니다.

로그인 후

등록하고 로그인이 완료되면 メモを作成 버튼을 누르면 markdown 파일이 작성되고 편집 화면이 표시됩니다. 편집 화면에서는 먼저 다음과 같은 설정을 할 필요가 있습니다.

오른쪽 상단의 공유 마크를 선택하고 편집 가능 및 브라우징 가능 사용자의 제한을 설정합니다

화면 하에서 Editor의 모드를 설정할 수 있다 (emacs, vim, sublimetext)

화면 하단의 공간 너비 및 배경색 등을 변경할 수 있습니다.

기사에 제목과 태그를 붙이려면, markdown 파일의 선두에 이하와 같이 기술합니다. 태그는 복수 기술하는 것이 가능합니다.

---
title: PythonでのHello World
tags: Python, Ubuntu
---

또한 기사에 이미지를 삽입하려면 로컬 이미지를 코드로 드래그 앤 드롭하여 삽입 할 수 있습니다. 그 외는 보통의 markdown 기술과 아무것도 바뀌지 않습니다.

기사 검색

로그인 후 화면에서 태그를 사용하여 기사를 좁힐 수 있습니다. 검색 창에 태그를 입력하면 기사에 태그가 설정되어 있으면 히트합니다. 복수 tag를 이용한 AND 검색 등도 가능합니다. 그 외에도 파일을 업데이트 순서로 정렬하여 원하는 기사를 찾을 수 있습니다.

끝에

이번에 소개한 HackMD에 의해, markdown 의 메모를 Web상에서 관리해, 관리하고 있는 중에서 찾고 싶은 기사를 간단하게 검색할 수 있게 되었습니다. markdown 로 기술한 파일의 관리를 Web상에서 실시하고 싶은, 편집도 동시에 실시하고 싶다고 하는 분이 있으면 시험해 보세요.