厳選18個TwitterFacebookGoogle+はてブPocket原稿やHTMLの草案を書く際に、とても重宝するのがマークダウンエディタです。最大限確保した状態で文章を書くことができます。マークアップはもとより、ビジネス文章やレポート文章を記述する感覚に近いので、社内の共有文章としてもオススメです。世の中にはマークダウンで書けるテキストエディタがいっぱいライティングとプレビューマークダウンのための78のツール海外の記事ですが、78ものマークダウンエディタに対応したツールを紹介しています。MarkdownMac専用、マークダウン対応エディタ35個Mac専用のマークダウンエディタ集です。Mac.AppStormこれらの中およびそのほか口コミで見つけたものから、自分に合いそうなエディタをいくつか試してみました。DownMacDownは軽量で「Mou」の後継アプリです。そもそもメインのエディタでしたが、ファイル管理がなくて代替を探していました。現役でイイカンジのエディタなので使い続けます。X.MWebFacebookで見かけたマークダウンエディタ。ファイル管理機能があり、画像をドラッグアンドドロップで挿入できるなど、時短にかなり強そうなエディタ。ファイル管理をできるものの、フォルダ管理を「内部プロジェクト」として扱うようで、私はDropbox内に、案件ごとフォルダ管理しているのでこのようなアプリにファイル管理をお任せするようなやり方はあんまり肌に合いません。いうことで、こちらは見送り。MWebUlyssesなんというか、アプリの完成度ではたぶん数あるエディタの中でもトップクラスです。iPhoneやiPadにも対応したアプリもリリースされています。ファイル管理などもできますが、内部パッケージに組み込んで利用する形です。プロジェクトごとにフォルダを切りたい場合は、ちょっと使い勝手が低下します。すごいんですが、融通が効かないため、見送り。UlyssesLightPaperLightPaperはシンプルなマークダウンエディタにして、ファイル管理機能がついています。スクラッチノートというメニューバーに常駐する機能があり、これが「メモ機能」としてとても便利です。呼び出してサクッと書けるので、スティッキーズなどの代替にもなります。画像パスを、マシンのルートやフォルダルートなど、細かく切り替えられるのも便利です。MwebやUlyssesのようなアプリ依存のパッケージ管理ではないため、個別にファイル管理する環境の人にはよさそうなエディタです。執筆に使うマークダウンエディタとしては見送りですが、買ってよかったアプリです。MacBracketsうちの環境では、HTML・CSSのマークアップに標準採用しているエディタです。日本語ローカライズがうれしいところ。そのまま執筆のマークダウンエディタにしたかったのですが、ショートカットのカスタマイズなどが肌に合わず、見送り。design.AtomGitHub製で、いま人気急上昇のエディタ。Textのような感覚で、自分好みにカスタマイズしていくような作りのアプリです。カスタマイズの仕方はGoogleで検索すれば山ほど出てきますが、ある程度全体像を把握していないと何をやればいいのか迷うかもしれません。TextWeb業界では絶大なる人気をあつめたテキストエディタ。こちらも最初は「裸」の状態で、自分好みにカスタマイズしていきます。メニューが英語表記で、取っつきにくいです。(でも日本語にも変更できる)玄人向け。なんだかよくわからないので、見送り。withAtomにした決定打いろいろと使ってみて、自分の肌に合うポイントは以下です。かゆいところに手が届くといった感じ。Commands」を選ぶ。これでMacのターミナルから[atom]コマンドと[apm]コマンドが使えるようになります。厳選18個Atomはインストールしたての状態では、それなりの機能しか備わっていない状態です。自分好みにカスタマイズしてこそ、使う意義があるというもの。マークダウンエディタとして便利に使うための機能拡張。インストール方法は後述(ひとつひとつ入れるのではなく、まとめて入れる方法がオススメです)。マークダウン関連markdown-writermarkdown-preview-plusmarkdown-scroll-syncmarkdown-pdfmarkdown-writerマークダウンの入力支援。markdown-preview-plusマークダウンのリアルタイムプレビュー。Mmarkdown-scroll-syncエディタ画面とプレビュー画面の連動スクロール。markdown-pdfマークダウンファイルからpdfファイル作成。そのほか、便利にするやつjapanese-menujapanese-word-selectionsublime-style-column-selectionmulti-cursorshow-ideographic-spacefile-iconsautocomplete-pathscolor-pickerproject-managerpigmentsemmetatom-html-previewbrowser-pluschary-tree-viewjapanese-menuAtomのメニューや環境設定の言語を日本語にしてくれます。japanese-word-selection文章の一部をダブルクリックで「単語や文節」単位で選択してくれます。デフォルトだと全体を選択するので、日本語のエディタっぽい挙動にするのに必要。sublime-style-column-selectionoptionを押しながらドラッグすると矩形選択が可能です。TextやBracketsのような挙動です。変則的に選択できるので便利です。multi-cursorsublime-style-column-selectionの補佐的なパッケージ。Bracketsのような矩形挙動も加わります。矢印キーで、カーソルを増やせます。show-ideographic-space全角スペースを□で表示する。file-iconsサイドバーのアイコンに色をつけるやつ。autocomplete-paths画像やファイルのパスを補完。color-picker色指定の支援。Cproject-managerプロジェクト単位で管理するためのパッケージ。登録していたフォルダを一発で呼び出し可能です。+Ppigments色指定のある部分のコードに対して、実際の色を背景色につけてくれる機能。emmet少ないコードでマークアップするために。atom-html-previewHTMLとCSSをリアルタイムプレビューするために。Hbrowser-plusAtom内にWebブラウザ機能を実装するパッケージ。リアルタイムプレビューの機能もついており、HTML作成の際に弁rにです。packageサイドバーのファイルや画像を、ダブルクリック時に開く挙動にする。これらを一括インストールする方法テキストファイルにパッケージ名を記述し、「recommend_packages.txt」としてどこかに保存します。ターミナルを開き、以下のコマンドを実行します。一括インストールにはテーマも含められますので、次の「Atomcasts」も含んでいます。recommend_packages.txtこれを行うと「recommend_packages.txt」に書かれたパッケージやテーマを一括でインストールが可能です。Qiitaテーマを変更するこれは完全に好みになりますが、編集画面はなんでもよくて、プレビューは白い画面が好きです。いうことで、採用したテーマは「Atomcasts」です。アインシュタインの電話番号Atomで選択範囲の背景色を見やすく変更するこのテーマのままだとカーソルの選択がまったくもって見えない状態でしたので、選択範囲の色を変更します。nocoricaMarkdown-previewのCSSをきれいにする2016年3月22日追記プレビューの見た目をさらによくするために、さらに以下のCSSを追記します。プリント時の改ページを指定することができる。"markdown-writer:jump-to-next-table-cell"Emmetとキーボードショートカットが衝突する際の対処法Emmetをインストールすると、マークダウンプレビューのショートカットが衝突するので、マークダウン用のキーボードショートカットに以下の1行を追加。"markdown-preview:toggle"あとはガンガン使い込みたいと思います。基礎から覚える、深く理解できる。〈HTML5、CSS3、レスポンシブWebデザイン〉が発売になりました!基礎から覚える、深く理解できる。Jimdoデザインブックかっこいいだけではなく、人が集まるホームページを作る!「Jimdo」(ジンドゥー)でのホームページの作成方法と運用方法を解説した書籍。基本を、10日間で習得するのが本書のコンセプトです。12章構成の解説の中で、Jimdoの基本操作とホームページの作成、デザインとコンテンツ(内容)のレベルアップ、そしてSEOやリスティング広告を含む宣伝・集客の基本を解説しています。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。コンピューター系の専門学校を卒業後、仙台のデザイン会社に入社。Webサイトのデザイン・コーディングをはじめとし、各種デジタルメディアのデザインに従事。2002年退職後すぐにマジカルリミックスを創業。2007年に法人化で株式会社マジカルリミックスを設立。Webサイト運用に関するコンサルティング、社内向けITトレーニング、セミナー出演、執筆など。2005年から仙台の専門学校で、非常勤講師としてWeb制作講義を担当。基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科書』(同)。Sを買ったら、あわせて買っておきたいアイテム5選RECOMMENDこちらの記事も人気です。2013.3.13基礎から覚える、深く理解できる。kotaログ画像になっている表組みを、表組みのままテキスト抽出する方法(WordのOCR機能)最近のOCR機能(テキストを読み取ってデジタルデータに変換する)は精度もよくなり、なにより手軽に取り込めるものも増えてきました。ドキュメントにもこの機能が搭載されています。...Macの「プレビュー」アプリを使って、お手軽3ステップでハイライト表示の画像を作るブログで、画面の説明をするときや、特定の箇所の強調をしたい場合は、いくつかの手法があります。(dodocool)Amazonでスマホの周辺機器などを販売している「dodocool」さんより極小スピーカーのサンプルをご提供いただいたため、使用感やデザインについてのレビューをしていきます。ACアダプタ(dodocool)Amazonでスマホの周辺機器などを販売している「dodocool」さんよりモバイルバッテリーのサンプルをご提供いただいたため、使用感やデザインについてのレビューをしていきます。dodocoolは、アメリカ、イギリス、...持ち運びに超絶便利な5000mAhモバイルバッテリー(dodocool)Amazonでスマホの周辺機器などを販売している「dodocool」さんよりモバイルバッテリーのサンプルをご提供いただいたため、使用感やデザインについてのレビューをしていきます。