0
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

MacでMarkdownを快適に書くために使用しているツールを紹介するよ

Last updated at Posted at 2019-12-17

概要

  • Markdownとはプログラマご用達のドキュメント用マークアップ言語です。
    • 構造的に文章がかけることが良い点だと感じます。
    • 習得までの敷居が低いのも良いですね。
  • そんなMarkdownを書くときに便利なツール類を紹介します。
  • 有名なものも多いですが、既知の方は知らないものを中心に見ていって下さいませ。

Create Link - Chrome ウェブストア

  • テキストを選択した状態でshift+command+cをすると[選択中のテキスト](URL)の形式でクリップボードにコピーしてくれるChrome拡張機能
  • WEBページで参照を貼る機会は多いので、これがあると作業がかなり捗ります。
  • 似たような拡張機能は他にもあるでしょうし、好きなものを選択すればいいと思います。
    • (拡張機能は廃盤になっていることが結構あるので…)
      -w792
      -w686

Imgur Uploader

  • Markdownで画像を挿入するためのMacアプリです
    • 自作のアプリです。ダイレクトマーケティングで申し訳ないです…でも結構便利なのです。
  • クリップボードにコピーした画像をImgur(大手画像ホスティングサービス)にアップロードし、markdownの形式で自動で貼り付けを行います。
  • markdown形式以外にも独自に設定ができたり、カスタムクリップボードにコピーするだけの設定もあります
  • Imgurにアカウント登録が必要なのが少しネックかもしれません。
    • アカウント登録が不要で画像貼り付けができるアプリ(例:HackMD)もありますが、画像の消去や後から管理ができないという不便さがあります
  • 動作例
- アプリの外観 ![-w869](https://i.imgur.com/BhIDAFK.jpg)

Dash

  • 私の主な利用方法として、クリップボードにコピーしたコードを言語毎にコードとしてペーストできるようにスニペットを設定しています
  • 下記はクリップボードのコードを、;pyと押下してPythonとして記述する例です。

Dec-17-2019 15-49-46
-w780

スニペットの登録例

  • コードの貼り付け用
  • キーは;py

```Python
@clipboard
```

@cursor

  • Qiita記事のアウトライン用
  • もっとフォーマットが詳細になったときに便利だと思います
  • キーは;qiita

# 概要
@cursor

# GitHub

# 参考

# 実装

Clipy

  • クリップボード拡張のアプリです。
  • 1つのページで複数コピーしたい場合に、いちいちページ遷移をしなくて済むようになります。
  • クリップボード拡張の代替アプリもいくつかあると思いますので、好きなものを使用すると良いです。

-w468

エクセル・Markdown間の形式変換のWEBアプリ

概要

参考

作業例:Copy Table in Excel and Paste as a Markdown Table | thisDaveJ

  • Excelで表を作成してコピー

-w165

  • 貼り付けのワンアクションだけですぐに変換されるのが良い

-w629

作業例:Markdown Tables Generator

  • Excelで表を作成してコピー

-w165

  • 下記を選択

-w450

  • 貼り付け

-w597

  • 作成完了

-w1012

Markdown用エディタ

  • Markdownを語る上で最も重要な要素ですが、エディタ論争が起きそうですね…
  • また私も触ったことのあるエディタが限られるので、独断と偏見ということを前置きしてから紹介します。
  • 未だに理想のエディタを探しています。皆のおすすめを教えて欲しいです。

MWeb for Mac

概要

  • 中国の方が個人で作られている有償アプリです。
  • 現在メインで使用しています。
  • 試用版もあるので興味がある方は、是非使ってみてください。

利点

  • 欲しい機能がほぼ揃っていること
    • 快適なMarkdown編集機能・ショートカット
    • 見出し別のアウトライン表示
    • 画像貼り付け可能(ローカルに保存)
    • ローカルの画像を各種サービスにアップロード可能
    • PDF・htmlへの書き出し

欠点

  • 有償($19.99)なこと
  • iCloudでの同期が怪しい(一方の反映されないなど)
    • 結局差異がでて収拾がつかなくなったので、現在は1機のみの運用としています
    • 私の使い方が間違っていたかもですし、また1年前の話なので今は直っているかもしれませんね。
  • 直リンで画像を指定している場合に、プレビューとの対応がずれる

-w1395

  • 出力時に一部の漢字が中国のもので表示される
    • 正直そこまで気にならないです

-w444

  • 表の作成機能に癖がある(1年使っても全く使えてないです…)

-w451

HackMD

概要

  • WEB上で使えるMarkdownエディタ

利点

  • デバイス間の同期や同時編集など、クラウド関連が強い
  • 画像貼り付けが可能(Imgurへの匿名アップロード)
  • 独自フォーマットの記述が可能(蛍光ペンなど)
    • 互換性がないのでここは良し悪しかも

欠点

  • 表作成がテンプレの貼り付けのみで弱い
  • 見出しのアウトライン表示ができない

StackEdit

概要

  • WEB上で使えるMarkdownエディタ
  • Googleドライブで開くアプリに指定できる
  • 良いと思うのですが、欠点に書く通りあまり信用していないです…

利点

  • 編集がしやすい
  • アウトライン表示可能

欠点

  • 画像貼り付け不可
  • ノートが同名で増殖する
    • StadkEdit上で削除してもGoogleDrive上で削除されないのが訳が分からなくなる原因か…?
    • 内容も同じです…ワケガワカラナイヨ。
  • 私のメディア・リテラシーが低いだけかもしれないですね…

-w258

Finder:右クリックでテキストファイルを作成

-w698

Twitter(動画シェア)

  • Qiitaに動画を貼りたい場合Twitterの埋め込みが便利です(というよりも他にあるでしょうか…?)
  • 下記からツイートを埋め込む用のコードが取得できます。

image.png

まとめ

  • 以上私がMarkdownを書くときに便利だな〜と思っているツールの紹介でした。
  • その他良いツールがあるよというのがありましたらコメントしていただけると助かります。
  • Markdownツール界はまだまだ改善の余地があると思います、特にエディタ…素晴らしいアプリの台頭を願っています…!
  • それでは快適なMarkdownライフを!
0
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?