Typoraの魅力と使い方をジョジョ立ちでお伝えするッ!

な…ここちょっと座んなよ。ここ。
いいから座れったらァ……! 見上げてしゃべんの首 疲れっからよ。

なあお前さん。
ブロガーにおすすめのマークダウンエディタってのには3つの『K』が必要なんだなあ……。

3つの『K』

ああ…1つ目はな……『快適な編集環境』を提供してくれることだ。
2つ目は『キーボードショートカット』が充実していること……
そして3つ目は『コピペでWordPressの記事を投稿できること』だ。
いいだろ? マークダウンエディタの3つの『K』だ。

……コピペは『C』…だと……?

話をしてんのはこのオレだッ! 誰が質問していいと言ったッ!?

いいか? よぉぉぉぉく聞くんだ。
その3つの『K』をな……高いレベルで兼ね備えたアプリがTyporaってやつさ。このブログの記事は200ほどあるが、全てこのTyporaで書いてる。全てだ。

そんな超Typora推しのオレがよお……
魅力と使い方ってやつをお前さんに教えてやるさ……覚悟しとくんだな……

Windows / Mac / Linux対応ッ!!

スポンサーリンク

Typoraが提供する快適な編集環境

ライブレンダリング

「直」は素早いんだぜ…パワー全開だぁ~~~。Typoraの「直」ざわりはよぉぉぉ。

オレたちブロガーはな!
そこら辺のナンパストリートや仲よしクラブで、自分が書いたものを「確認する」「確認する」って大口叩いてる負け犬どもとはわけが違うんだからな。

「確認する」と心の中で思ったならッ!

その時スデに行動は終わっているんだッ!

ソースコードモード

『ライブレンダリングも使う』……『ソースコードも見る』
「両方」やらなくっちゃあならないってのが「マークダウン使い」のつらいところだな。

覚悟はいいか? オレはできてる。

「両方」やるのはわけない事だ。画面左下、ソースコードボタンを押すだけだからな。
キーボードならCtrl + / ( + /) だ。

これでライブレンダリングが苦手でも……!!
最終的な見た目を確認しつつ、マークダウン記法でサクサク編集ができるッ!

シンプルなUI

【設定 > 表示 > ウィンドウのスタイル】でユニボディをONだと?
いいじゃあないか……すごく……ペリッシモ…… (とても) いい。『良好』だ!

あっ あっ! 無駄なものは必要無い。メニューバーだとかツールバーなんてものはどうでもいい……。
重要なのは集中できる環境であり…このオレが入力する内容だ…。

シンプルがいい! それがディ・モールト (非常に) いいッ!

ファイルリストとアウトライン

でもどうする…!? ち…近づいてくるわッ! 締切がッ……!
他のファイルも編集したいのにッ……シンプルなだけじゃ他のファイルを開けないッ!

あたしったら自分で何をやってるのかわかっているの!!
信じられない…自分の行動が…とても信じられないわ…。

「押して」しまったわッ!! Ctrl + Shift + L ( + Shift + L) をッ!!

でも もうやるしかないッ! ゆっくり進むのよ! 中国人のする太極拳の動きのように!
そしてゆっくりと執筆する。急いではいけない!! 急いだら誰からも拡散してもらえないッ!

なんて事…なんて事! Ctrl + Shift + 1 ( + Ctrl + 1) でアウトラインですって!?
自分で書いた見出しがサイドバーにッ……! クリックしたらジャンプできるですってッ!?

でも『他のフォルダを開く』って一体!! どうすりゃいいのよォォォォォォーッ

サア サイドバーを開イテ……
ユックリデス……ユックリト画面左下をクリックするノデス…ソシテ…命令ヲ シテクダサイ…ワタシに…
他ノフォルダを開ク……ファイルヲ並ベ替エル……全テアナタの意思……

何ヲ開クカナンテ…ソンナ質問ハ……トリッシュ……モウしないでクダサイ。

アナタハ自分でソウ決メテイル! ドノファイルを編集スルノカ スデに決心シテイルッ!

マークダウン記号の自動ペアリング

えーと……こめ……じゃなくて…あす……アスカ……は違う……ポチ印……でもねぇ……えーと……

……知ってんだよオオォォッ!! アスタリスクくらいよオォォォッ!

国語の教師か うう…うう…うおお おっ おっ オメーはよォォォォ。

『セッコ』 しっかりと設定できただろーなッ! 設定画面を開くにはCtrl + , ( + ,)だぞッ!

良ぉお~~~~~しッ!
よしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよしよし
りっぱに設定できたぞセッコ! ごほうびだ 3個やろう!!
行くぞセッコ! 甘いの3個行くぞ!

フォーカスモードとタイプライターモード

『読める』………現在執筆中の部分『のみ』が読める……

Typoraの能力の中では不要な部分は消し飛び、そして全ての意識は現在に集中するッ!

『過去と未来は薄められた事に気づかず!』(F8 フォーカスモード)
カーソルが画面中央に固定されたことを、カーソル自身でさえ認識しない!』(F9 タイプライターモード)

『結果』だけだ!! この世には『結果』だけが残る!!

豊富なショートカットキー

テキストを打ち込んでるときに、いちいちマウスで右クリックするなんて無駄なんだ……
無駄だから嫌いなんだ……無駄無駄……

これからマークダウン記法やTyporaのショートカットキーを紹介しますけど……
くれぐれも2度 同じ事を言わせないでくださいよ………1度でいいことを2度言わなけりゃあいけないってのは……そいつが頭が悪いって事だからです。

マークダウン記法

無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄

機能MarkdownShortcut Keys
段落Enter
改行SpaceSpaceShift + Enter
見出し (1~6)# 見出し (#の数で大きさ指定)Ctrl + 1 ~ 6
+ 1 ~ 6
強調 (太字)**テキスト** (アスタリスク×2で囲む)Ctrl + B
+ B
斜体*テキスト* (アスタリスクで囲む)Ctrl + I
+ I
下線htmlの文法を使用
(<u></u>で囲む)
Ctrl + U
+ U
打ち消し線テキスト (波線×2で囲む)Alt + Shift + 5
Ctrl + Shift + `
ハイライト==テキスト== (=×2で囲む)
引用> テキストCtrl + Shift + Q
+ Option + Q
番号無しリスト– テキストCtrl + Shift + ]
+ Option + U
番号付きリスト1. テキストCtrl + Shift + [
+ Option + O
リストのインデント (字下げ)Tab
アウトデント (字下げを戻す)Shift + Tab
チェックボックス
(タスクリスト)
– [ ] テキスト(Windowsは未定義)
+ Option + X
リンク[テキスト](URL)Ctrl + K
+ K
画像の埋め込み![代替テキスト](URLやパス)Ctrl + Shift + I
+ Ctrl + I
ショートコード (.md)`で囲む
ショートコード (Win)Ctrl + Shift + `
ショートコード (Mac) + Shift + `
コードブロック`×3で囲むCtrl + Shift + K
+ Option + C
数式ブロック$$で囲むCtrl + Shift + M
+ Option + B
目次を挿入半角で [toc] と入力

テーブル (表) のショートカットキー

無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄

機能WindowsMac
テーブルを新規作成
(同時に縦横サイズも指定)
Ctrl + T + Option + T
改行Shift + EnterShift + Enter
下に行を追加Ctrl + Enter + Enter
行を削除Ctrl + Shift + BS + Shift + BS
行を上に移動Alt +
行を下に移動Alt +
列を左に移動Alt +
列を右に移動Alt +
セルを選択Ctrl + E + E

その他のショートカットキー

WRYYYYYYYYYYYYYYYYYYYYYYYYYYYYAHH!!!

機能WindowsMac
設定画面Ctrl + , + ,
サイドバーの表示 / 非表示Ctrl + Shift + L + Shift + L
サイドバー (アウトライン)Ctrl + Shift + 1 + Ctrl + 1
サイドバー (文書リスト)Ctrl + Shift + 2 + Ctrl + 2
サイドバー (ファイルリスト)Ctrl + Shift + 3 + Ctrl + 3
ソースコードモードCtrl + / + /
フォーカスモードF8F8
タイプライターモードF9F9
フルスクリーンF11 + Option + F
単語を選択Ctrl + D + D
文を選択Ctrl + L + L
先頭へ移動Ctrl + Home +
末尾へ移動Ctrl + End +
検索Ctrl + F + F
検索して置換えCtrl + H + H

無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄無駄ァアアアアア

WordPressとの親和性

なるほど…これがTyporaの操作性か…聞いたことあるぞ…
ところで君たち。『WordPressの記事を投稿』するには、どうすればいいか知ってるかね?

コピペで記事を投稿できる

『コピペ』だよ!
『コピペ』こそが最強の投稿手段であり、また最高のバックアップなのさ。

WordPress標準のエディタでも投稿できるだって?

だが断る

このぼくが最も好きな事のひとつは、自分が好きなエディタを使って執筆する事だ…
WordPressにちょっと細工をすれば、執筆にはTyporaを使いながら、記事の投稿や更新はコピペするだけで事足りる。

書いた記事を全選択してコピーしたら……

そのままWordPressにペーストさ。簡単だろ?
ま、画像は先にアップロードしておく必要はあるがね……。

この方法ならローカル環境で快適に作業しながら、一発で記事を投稿できる。さらに元々のデータはローカル環境に残る。
まさに安全装置 (セーフティロック) さ。 実にいいッ! 実に気に入ったよ!

細かい部分は別の記事を参考にしてくれたまえ。ぼくは『WP Githuber MD』というWordPressプラグインを使ってる。

[WordPress]マークダウンで記事を投稿する4つの方法
2020年現在、WordPressにマークダウン記法を使って投稿するには、大きく...

テーマの豊富さとカスタマイズ性

「パーマン」よぉ~~~知ってんだろ?

「パーマン」に出てくるよー コピーロボットって ありゃ便利だよなあ~~~
いたらいいよなあーって思うよなあー。

ブロガー目線で言うとよお……こういうことになるよなあ……こっちがTyporaの画面で、

この下が『Webブラウザで実際にアクセスして表示した画面』だぜ。

見分けがつかねえほどよお……ソックリだろ?
こうしとくとよお……WordPressにアップロードするまでもなく、閲覧者からどう見えるかが分かる。
つまり!『いちいちWordPressでプレビューしなくても済む』ってことさっ!

ちょろいっスねー。

Typoraのテーマをカスタマイズ! 3ステップで自分色に染め上げよう
Typoraはテーマが豊富に用意されていますが、どのテーマも一長一短あります。今...

その他の魅力

自動保存

お前は書類を編集し終わったら、キチッと変更を保存してから次のファイルを開くだろう?

誰だってそーする。オレもそーする。

しかしその作業は不要なのだ。
我がTyporaは鉄壁の守り……いかなるエラーが起ころうと、ファイルに施した変更は絶対に守り切るカンパニーだ……。

このカンパニーを超えて「編集が無かったことにされる」などということは決してないと言い切るッ!

エクスポート形式の豊富さ

『Typora』は…じっくりと『観察』する。

今あなた……ひょっとして『恐怖』しましたね?
Typoraのエクスポート形式の豊富さに……『恐怖』しましたね?

『いい事』… 教えようか……
あなたがマークダウン形式で書いた書類は、言ってみれば『紙』なんだ。
その「紙」… 実は… 「開ければ」 …誰だろうと…「中身」は取り出せるんだぜ。

PDFや画像、htmlはもちろん、Word形式やEPUBにだって、Pandocがインストールされてりゃ簡単に変換できるのさ……。

Pandoc User’s Guide 日本語版 — 日本Pandocユーザ会

つまりこれって、Typoraはブロガーだけじゃなく、『書類』を扱う人全てにおすすめできてしまうエディタってことさ……。
存分に好きな形式でエクスポートしなよ……そしてその時が 我が『Typora』の無敵の瞬間ッ!

Excelからのペーストで表を作成

コッチヲ見ロ
オイ……コッチヲ…見ロッテ イッテルンダゼ。コノ表ヲ……Typoraデ作ッテミローーーッ

敵ハマジニ『ヘヴィ』ナパワーヲ持ッテマスネ……
S・H・I・T 押シ負ケテシマイマシタ

シカシ……

『作ルコト』ナラ終ワリマシタ
ゴ命令ドーリデス スデニ『完了』シテイマス

目次キャラクター
ライブレンダリングプロシュート
ソースコードモードブローノ・ブチャラティ
シンプルなUIメローネ & ベイビィ・フェイス
ファイルリストとアウトライントリッシュ & スパイス・ガール
自動ペアリングセッコ & チョコラータ
フォーカス & タイプライターディアボロ
ショートカットキージョルノ・ジョバァーナ
コピペで記事投稿岸辺露伴
テーマのカスタマイズサーフィス
自動保存虹村形兆
エクスポート宮本輝之輔 (エニグマ)
EXCELからのペーストシアーハートアタック & エコーズ Act3

『Excelカラ直接コピー & ペースト』デ表ガ作成デキル

マ、ダカラ『ドーダコーダ』言ウワケデハナインデスガネ

今回のまとめ

フ~~~

低血圧っぽい話し方するけど気にしないでね (フ~~~)
これでもまとめには意欲的なのよ…… (フ~~~)

さてと……Typoraの魅力と使い方……お分かりいただけたかしら……?
ブログ記事って何気に、最初の方に読んだ内容って忘れちゃうのよね~~~。

ちがいまして?

そんな経験なーい?

あらそう……ま いいわ…
ちょっとためしにおさらいしておきましょう……。
そう…そのまま動かないでね~ 目を閉じて~~~

Typoraの魅力とはッ!

  • 快適に編集できるッ!
    • ライブレンダリングとソースコードモード、シンプルなUIが最高に「ハイ」ってやつだアア!
    • ファイルやフォルダで困ったらサイドバーを開けッ!
    • 記号は自動ペアリングに任せときゃあよお……ラクに打ち込めるッってもんだぜッ!
    • フォーカスモードやタイプライターモードで執筆に集中しろッ!
  • ショートカットキーが豊富ッ!
    • 特にマークダウンでも面倒な表 (テーブル) 周りは要チェックだッ!
    • ユーザーが自分でショートカットキーを設定することもできるッ!
  • WordPressとの親和性が高いッ!
    • ワンタッチだッ! コピペで投稿しろッ!
    • 見た目は好きなように変更できる!グレートだぜ……。
  • その他にも語り尽くせねえ魅力があるッ!

終わりに

ま、こんなところかしら…… (フ~~~)
最後に公式サイトのURLよ……無料で使えるから、試してご覧なさい……

Typora — a markdown editor, markdown reader.

マークダウンエディタにTyporaを選ぶなんて……
あなた…アプリを見る目だけは確かだったようね…

エステ『シンデレラ』— 営業中
火曜定休 駅より徒歩2分

To BE CONTINUED …

タイトルとURLをコピーしました