【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作るMarkdownVisualStudioCodeDraw.ioMarpvega TL;DR Visual Studio Code上で、Markdownから、こんな感じのデッキを生成できるようにします。 使用したファイル類は、GitHub tomo-makes/marp-styles にまとめました。 きっかけ 叩き台となる資料がなく、急ぎプレゼンをする機会があり、Marpで作成した 内輪では使っていたが、多くの目に触れるのは初めてで、もう少しデザインを調整したいと思った 今後も使いまわせるものを、スニペット、およびサンプルテーマ化しておこうと思い立った ついでにいろいろな図表の生成とデッキへの入れ方、必要そうな配色、素材のリンクをまとめておきたい Marpとは Marp: Markdown

Todo Kanban Board Todo Kanban Board manages tasks and save them as TODO.md - a simple plain text file. Features The syntax is compatible with Github Markdown TODO.md file is portable and can be committed with Pull Requests (PRs) to git repositories. Support custom file name, multiple task lists. Checkboxes are optional (if your task titles don't have them). Task title can also have markdown for st

「既存の Markdown Editor を眺めて、使いやすいのがあればそのまま使うし、なければ作るくらいの話だったのでわざわざ書く話ではない」と思っていたのですが、思った以上にメモ量が多くなったので吐き出し。

MISSION 整理整頓された 情報の森を作る Treeは文章の整理整頓を行いやすくすることを一番重要なミッションとして運営しています。 Treeの使用例 USECASE マインドマップ ストーリーや 企画構成のABプラン 思考の深掘り ビジネス戦略 プランニング 情報を 分解、分析、整理 その他、カスタマージャニーマップ作成など。

知らんかったYO 使ってみてよかったなぁと思う点 実際に使ってみながら、良かったなぁという点をあげていきます。 Googleスプレッドシート謹製で使える汎用性 今までは、Markdownの表を作る時、WebサービスのMarkdown Tables generator - TablesGenerator.comを使っていました。 これはこれで非常に便利でお世話になっていたんですが、別のoffice文書などで書いている表をMarkdown化するときに、ここでワンクッション置くのがめんどくさかったんですね。 「MarkdownTableMaker」であれば、エクセルの表も、Googleスプレッドシートにコピペし即Markdown化できるので、手間が省けて超便利でございます。 出力対象をシート全体か選択範囲内かを選べる 地味だけれど、やっぱり便利。スプレッドシート内に複数表を記載している場合も往々

「Boostnote」は100種類の言語に対応したプログラマー向けノートアプリです。Markdown形式のファイルも扱えますし、HTMLやJavaなど様々な言語に対応されています。シンタックスハイライトが有効なのでソースコードも見やすいですよ。また、よく使うスニペットを登録しておくと、すぐさま呼び出してコピーすることができます。起動時間も早くオールマイティに使えるノートアプリとなっていますよ。 以下に使ってみた様子を載せておきます。まずBoostnoteへアクセスしましょう。Windows, Mac, Linuxすべてに対応されています。 トピックごとにファイルをまとめて管理できますよ。編集画面の下部でノートのサイズやシンタックスハイライトの変更が行なえますよ。 また、Markdown形式で記述すると、その場でプレビューを表示させることができます。これは便利ですね。 MacだとComman

[↑マルチディスプレイの図(左からWindows,Mac,Linux)] さて。Evernoteショックから一週間が経ちました。 qtamaki.hatenablog.com 前回の記事で、Evernoteから、Atom + DropBox + Markdown構成への移行を決意したわけですが、結果として「超快適」です。^^ 現在、(恐らく利用者を対象に)半額キャンペーンをやっているので「1年ぐらいはプレミアム課金しても良いかな？」と思っていますが、今後入力するデータは、この構成を使っていきたいと思っています。 やはり、Markdownでさくさくメモが取れるのは、嬉しさ満点です。 こんな感じで、フォルダ分けをして、ファイルを追加していけば、ほぼEvernoteと同じ使用感になります。 この構成の良い所を上げます。 軽い Evernoteでは、長めの文章(数百行)を打っていると、信じられない

こんにちは、QAエンジニアの井上恵一です。好きな飲み物は一番搾りと韃靼そば茶です。 初回からニッチなネタではありますが、昨年入社した直後に行った、 iPad アプリのテスト仕様書の管理方法を見直したときの話を紹介しようと思います。 見直しのきっかけ トレタは飲食店向けの予約/顧客台帳アプリです。だれでもかんたんに使いこなせるシンプルさを追求してはいますが、製品の進化に伴ってそのテストケース数はすでに数千という単位にまで膨れあがっています。 製品の品質を安定させるためには、テストの内容自体をブラッシュアップすることが重要なのは言うまでもありません。ただ、安定した製品を永続的に提供していくためには、それに加えて、膨大なテストケースを効率よくメンテナンスし続けるためのプロセス作りも欠かせません。 入社のタイミングでトレタのテスト設計を担当することになったので、テストケースの管理方法についてもいち

メモというのは大事なもので、蓄積されたメモは後々大きな意味をもってきます。そのためにも手軽に、かつ一カ所にまとめて書けるようになっていなければなりません。散在したメモは探すコストが大きく、役に立ちません。 会社であればメモはみんな一カ所に書きためるべきです。それによって知らなかった新しい知識に辿り着けます。それを可能にするのがCrowiです。 Crowiの使い方 まずログインします。 こちらがメモの画面で、ビューワーにあたります。 こちらはプロフィール画面。この画面も編集できます。 右上のアイコンをクリックすると新しいメモが作成できます。 編集画面です。Markdownを使います。画像のアップロードはドラッグ&ドロップでできます。 自動的にURLが変わって、プレビューも更新されます。 更新履歴も表示できます。 Crowiはグループで利用できるWikiエンジンで、ブラケット名も利用できます。

はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo

つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時の感動が結構はんぱない。技術系の資料作成でこんな良い体験ができたのは初めてかもしれんな…(笑) ──と、結構感動的な体験ができるMarkdownでのUML図表作成なんだが、せっかくなのでそれの書き方を含めてもう少し突っ込んだTIPSとしてまとめておこうかと思った次第。 Markdown+UML とは？ とりあえず、「Markdown+UML」というのは私の造語だ。まぁ、正確に言うなら「UML di

This domain may be for sale!

社内の情報共有で困っている会社は多いみたいですね。でも実は、nanapiという会社ではそこまで困っていなかったりします。元々文章を扱う会社というのもありますし、ドキュメント化して共有しようという風土が染み付いているからだと思います。 そういったこともあり最近登壇するときなど、社内の情報発信などについて話す機会が増えました。弊社では社内における情報共有のツールとして、Qiita:Teamを使用しています。 生産性を向上させる情報共有ツール - キータチーム（Qiita Team） 全員がMarkdownで文章を書く 実際にnanapiではQiita:Teamを導入してから、現在ではエンジニアだけでなくアルバイトも含めた全社員がここに様々なドキュメントを投稿しています。 Qiita:TeamはMarkdownで書けるようになっています。つまり、社内のメンバーは全員がMarkdownで文章を書く

スライドを作りたい 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

来年は、インプットあたりのアウトプットの増加を目指しています。具体的なアウトプットとしては、ブログを書くこともその1つですし、公開・非公開を問わずに効率的にドキュメントを書いていくこともあります。その中で効率的にドキュメントを書くには、バージョン管理を含めドキュメントを管理する仕組みが必須だと思います。以前、原稿を書いていた時は、Git+MS Wordで書いていました。版管理出来るという点では良いのですが、Wordということで執筆出来る端末も限定され、またフォーマット変更もしづらいので改善を考えていました。 そんな中で、IT系の物書きの人たちの間でReVIEW良いよという話を何度も聞いたので試してみようと思いました。一方で、記述のデファクトは今後はMarkDown基本になると思うのでそちらもマスターしたいと考えています。Twitterで何気なく呟いたら、@masawadaさんにmd2rev

ドットインストール代表のライフハックブログ

Sphinxを、MercurialとPandocを組み合わせて
Markdown記法で運用できるようにしたお話。

previmというのを作りました。 作った経緯と、本プラグインの特徴を書きます。 既存のVim + Markdown環境は外部ツールが必要なものが多い Vim + Markdown環境は好みが別れるのか、色々とあります。 quickrun + 何かしらの変換ツール Hack #230: Markdown形式の文書を書く2 (quickrun0.5.0対応版) 上記リンクにある何かしらの変換ツールが必要 mkdpreview-vim Vimで編集中のMarkdownをプレビュー出来るプラグイン書いた 上記リンクにあるいくつかのツールが必要 instant-markdown-d VimでMarkdownをGitHub風にリアルタイムプレビュー Rubyが必要 Node.jsが必要 Marked(Mac用) vim-quickrunとMarkedでmarkdown編集が快適になった 専用アプリが