2024.10.01
【勉強】ミドルウェア・アプリケーションのEOL・EOSLについて学んでみた
2017.10.19
導入編シンプルかつ便利なMarkdownエディタ「Typora」
Typora
https://typora.io/
こんにちは。新卒のkuroです。
今回ご紹介するのは「Typora」というMarkdownエディタ。
Windows/Mac/Linuxのすべてに対応しており、
現在はβ版につき、フリーで使用できます。
サポートしているのは「GitHub Flavored Markdown」なので
Gitなどを使用している方なら同じ要領で記述ができると思います。
このエディタの特徴は、
「Atom」等の一般的なマークダウンエディタでは
入力画面/プレビュー画面で2ペイン表示になっていることがほとんどですが、
この「Typora」では1画面に統合されており、
入力したらリアルタイムでマークダウンとしてプレビューされるようになっています。
余分なスペースを取らなくなるので作業効率が上がります。
元のMarkdownコードが見たくなったら、
「Ctrl + /」でソースコードモードに変更できます。
テーブルもマウス操作で簡単に作成することができます。
他にもアウトラインの表示や、
入力したMarkdownのHTMLやPDF出力などにも対応しています。
フォントなどが変更したくなった場合は、
カスタムCSSを適用することで変更が可能です。
公式ドキュメントを参考に、
[File] > [Preference] > [Advanced Settings] > [Open Theme Folder]
配下に、独自で作成したCSSを設置することで反映が行われます。
Custom font
http://support.typora.io/Custom-Font/
Add Custom CSS
http://support.typora.io/Add-Custom-CSS/
更にこの「Typora」はMarkdownでのダイアグラム記法にも対応しており。
[File] > [Preference] > [Markdown] > [Syntax Support] > [Diagrams]
を有効にすることでダイアグラム表示が可能です。
以下コードのように記述することで作成していきます。
```sequence A->B:SYN B->A:SYN+ACK A->B:ACK ```
サポートしているライブラリは以下の3つ。
JS Sequence Diagrams
https://bramp.github.io/js-sequence-diagrams/
flowchart.js
http://flowchart.js.org/
mermaid
https://mermaidjs.github.io/
今回はその中でも簡単に記述できる「JS Sequence Diagrams」「flowchart.js」
について以下にサンプルを記載します。
「JS Sequence Diagrams」を使用してシーケンス図を記述できます。
コードブロックにsequenceと記述します。
「flowchart.js」を使用してフローチャートを記述できます。
コードブロックにflowと記述します。
その他にも様々な便利な機能がありますので、
興味のある人は「Typora」の公式サポートページを見てみるのも良いと思います。
Typora Support – Typora Support
http://support.typora.io/
皆さんもぜひこの「Typora」を使ってMarkdownで
メモやドキュメントを書いてみてください。
Typora
https://typora.io/
【記事への感想募集中!】
記事への感想・ご意見がありましたら、ぜひフォームからご投稿ください!【テクノデジタルではエンジニア/デザイナーを積極採用中です!】
下記項目に1つでも当てはまる方は是非、詳細ページへ!Qangaroo(カンガルー)
【テクノデジタルのインフラサービス】
当社では、多数のサービスの開発実績を活かし、
アプリケーションのパフォーマンスを最大限に引き出すインフラ設計・構築を行います。
AWSなどへのクラウド移行、既存インフラの監視・運用保守も承りますので、ぜひご相談ください。
詳細は下記ページをご覧ください。
最近の記事
タグ検索