AtomエディタのMarkdown PreviewのCSSを実務書類的に調整する | 大石制作ブログ
大石制作ブログblog.s004.com デザイナー大石真也が 知りたかったこと、見たかったことのメモと、仕事紹介。 自己紹介・サイト説明依頼・価格・お問合せタスク管理パートナーtwitterfacebookatom feed Atomエディタ、すっかり使いやすくなりましたね。 出始めのころは動作が重く、使い物にならないと感じてたけど、しばらく経って入れなおしてみると、凄まじい進化をして、当時Sublime Textを使っていた僕も乗り換え不可避でした(笑) そのAtomエディタのならではの標準プラグイン、Markdown Previewの表示のスタイルは、元々GitHub的スタイルなだけあって、そのままでも本当に美しいです。 だけど、これは完全にパソコンスクリーン表示向け、そして半角文字向けの見た目なので、それを印刷やPDF化したり、プロジェクタで映す場合、ちょっと見辛い上、日本語が主体
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
Markdownでスライドを作る決定版！「Deckset」が非常に良かった話 - 5.1さらうどん
スライドを作りたい photo by James Jordan 勉強会に出席するような意識の高い読者諸賢であれば、各々様々な方法でスライドを作っているかと思います。 僕は、markdownを使って楽にカッコイイスライドを作ろうと、今までいろいろ試行錯誤してきたのですが、どれも僕の要求を満たすような感じではなくて、結局Keynoteを使ってせっせとスライドを作っていました。 Decksetが凄く良い Markdownからスライドショーを生成してくれる「Deckset」というMac用のアプリを2000円も出して買ってみたのですが、凄く良かったのでご紹介します。 https://itunes.apple.com/jp/app/deckset-turn-your-notes-into/id847496013?mt=12&uo=4&at=10l8JW&ct=hatenablog Deckset fo
sublime text で githubのMarkdown記法を使う - Qiita
Sublime Textで、Markdown書こうと思って調べてみると、 Markdown Previewプラグインというのがよく引っかかります。 これを入れればとりあえず、Markdownを書いてブラウザでプレビューすることができるようになります。 ですが、Markdown標準だとちょっと使いづらいです。 コードブロックの表示にシンタックスハイライトがないからです。 例えば、GitHub Flavored Markdownとかが使えると嬉しいです。 で、もう少し調べてみるとMarkdown Previewプラグインで"GitHub Flavored Markdown"が使えるらしい & 実際使えたのでメモしておきます。 NOTE: If you choose the GitHub API for conversion (set parser: github in your setting
日本語を含むMarkdown用CSS » bellonieta.net
Sphinxを多用していた頃はreStructuredTextをがんばって書いていたけど， 手頃なメモにはやっぱりMarkdownの方が良い！ しかもSublimeText2には素敵なMarkdown Previewプラグインがある！ # WindowsならResophNotesがオススメだ！ simplenoteと同期できて非常に軽快！ ところで，たいていのMarkdownエディタはデフォルトのCSSがあまりかっこよくない． KevinさんのCSSをベースに日本語フォントの設定とフォントサイズの調整をしたものを用意してみた． body { margin: 0 auto; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif; color: #44
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
