[B! markdown] inoue1966のブックマーク

inoue1966 id:inoue1966

markdownに関するinoue1966のブックマーク (14)

74thの技術同人誌執筆環境（Markdown+Vivliostyle+VS Code）
これは Visual Studio Code Advent Calendar 2021 の19日目の記事です。技術記事や、技術書を書くことが多数あります。技術書典11では、以下を執筆していました。今も技術書典12に向けて、執筆を続けています。ここで使っているツールセットを紹介したいと思います。 CSS組版 Vivliostyle で Markdown をPDFにする HTML&CSSで組版ができる Vivliostyle を使っています。 Vivliostyle は CLI ツールが提供されており、これを使うことで、執筆環境を簡単に整えたり、1コマンドでPDFをビルドできたりします。執筆環境を整えるには、Create Bookを使います。以下のコマンドでビルドするための環境が整います。このコマンドでできた環境では、npmに付属するタスクランナーでビルドコマンドが組まれています。そ
inoue1966 2021/12/21
markdown
リンク
Big Sky :: Microsoft Word を Markdown に変換するコマンド「docx2md」を作った。
8月に Google Developers Expert となり、新米の様にオロオロとしています。過去の GDE ミーティングの議事録を見せて頂いているのですが Google Document に保存されており、Go だけでなく他のカテゴリの GDE に関する物も含めると全てに目を通すのはなかなか骨が折れます。技術者なので問題は技術で解決すべく、これらの資料を grep 検索できる様にしました。 Google Document はエクスポートすると Microsoft Word の形式となるので、Microsoft Word から Markdown に変換するプログラムを書けばテキスト検索もできるし、なんならそのまま GitHub に貼り付けてしまう事もできます。 GitHub - mattn/docx2md docx2md Convert Microsoft Word Document
inoue1966 2019/10/11
markdown

Word

変換
リンク
MarkdownとRe:VIEWで高品質な技術同人誌を書こう - Qiita
ごきげんよう。erukitiです。皆さん、技術同人誌を書いていますか？技術同人誌専門の大型イベントとしては年内に残り2つが予定されています。 2019年9月22日︵日曜︶に池袋で開催される技術書典7と、2019年12月14日︵土曜︶に人形町で開催される技書博2です。技術同人誌の執筆には Re:VIEW+TeXLiveか、MarkdownやHTMLとCSS組版などといった組み合わせがよく使われています。過去にQiitaでも技術書同人誌を書きましょう！ - Qiitaという記事や本文212Pの分厚い薄い本の共同執筆を支える技術 - Qiitaという記事を書いたりしましたが、今回、新しく導入した執筆環境について解説します。筆者も度々Re:VIEW+TeXLiveを使っていますが、2019年7月27日︵日曜︶に開催された技書博では、Markdown︵正確には、Markdown+Re:VI
inoue1966 2019/08/17
[re:view]

markdown
リンク
Markdownだけでスライドを作るCLIのv1.0.0をリリースした - 技術探し
一年前に作ったライブラリのv1.0.0リリースです。 blog.hiroppy.me リポジトリ Fusumaとは？大きな変更スライドライブラリ WebSlides コンポーネントクラスマークダウンで書く拡張本番ビルド発表者モードノートサンプルリポジトリ最後にリポジトリ github.com Fusumaとは？以下の機能をサポートしているCLIです。開発環境(webpack-dev-server) 本番環境(最適化含む) GitHub Pagesへのデプロイ PDFの出力 SNS, OGP対応発表者モード発表者ノートやタイマー等以下を実行するだけで、スライドが作れます。 $ npm i fusuma -D $ npx fusuma init $ mkdir slides && echo '# Hello😄' > slides/title.md $ npx
inoue1966 2019/05/09
markdown
リンク
Go言語初学者がConfluenceをMarkdownで書くためのCLIツールを開発した話 - DMM inside
｜DMM inside
inoue1966 2018/05/29
go

golang

markdown
リンク
flowchart.js - SVGのフローチャートを生成するJavaScriptライブラリ MOONGIFT
システムやワークフローを分かりやすく説明する際にフローチャートを使うことがあります。特に業務システムなど、多数のシステムが複雑に組み合わさって処理が実行される場合、きちんと可視化されているかどうかで結果が大きく変わる可能性があります。 Excelで仕様書を書いているとExcel上で完結しそうです。しかしこれでは検索性やメンテナンス性がよくありません。そこで仕様書をMarkdownやHTMLで書いているならばflowchart.jsを使ってみましょう。 flowchart.jsの使い方 flowchart.jsのデモです。専用の記述方法に沿って書くことで、右側のようなフローチャートが生成されます。URLがあるところはクリッカブルになっています。さらにカラーリングの指定もできたり、縦ではなく横に広がっていく形にもできます。 flowchart.jsはSVGで生成しているのがポイントで、元文書
inoue1966 2016/05/13
可視化

markdown
リンク
ローカル画像生成サーバ作ってMarkdown記事執筆を加速する - Qiita
注: gif大量で重いです。きっかけはこれ。もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita便利そうだけど、そこらへんのMarkdownエディタでプレビュー見れないのが難点。好きなMarkdownエディタで使えたらいいのになー。と思って試したらできた！しかも無限の可能性を感じたのでレッツ紹介！書き方好きなMarkdownエディタ環境でこう書くだけです。リアルタイムプレビュー機能付きのオンラインエディタ推奨。 ![uiflow](http://127.0.0.1:8888/uiflow/ [最初に] ユーザーが見るものを書きます。 ~~ ユーザーがする行動を書きます。 [次に] ユーザーが見るもの ~~ ユーザーがすること１ ==> その結果1ユーザーがすること２ ==> その結果２ [その結果1] 結果 [そ
inoue1966 2016/04/21
markdown

*あとで読む
リンク
GitHub - hirokidaichi/uiflow: uiflow - the simplest way to write down your ui-flow diagram like markdown
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
inoue1966 2016/04/03
UI

graphviz

設計

markdown
リンク
Electron で Markdownプレゼン作成ツールを作って公開するまで - Qiita
Markdown でスライドを作るためのツールを漁っていたのですが、なかなか自分好みのものが無く、Electron の勉強を兼ねて作ってみた話です。追記 (2018/12/10): その後の進捗はこちら Puppeteer & Carlo を Markdown スライド作成 CLI ツール (Marp CLI) で活用する - Qiita成果物今回作ったプレゼンツールは、以下にてプレリリース版を公開しています。 Marp - Markdown presentation writer https://yhatt.github.io/marp/ (旧称 mdSlide) 追記 (2016/07/13 19:42) ＿人人人人人人人人人人人人人人＿＞　突然のGithubトレンド入り　＜￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣ Markdown スライドツール比較表私の欲
inoue1966 2016/03/03
Electron

markdown

プレゼン
リンク
Markdown UI - Markdown記法を拡張してUI作成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownはとてもよくできたドキュメントフォーマットですが、ユーザ向けにMarkdown記法でコンテンツを作ってもらう場合、純粋なHTMLコンテンツと比べてどうしても物足りない部分がでてきてしまうことがあります。 HTMLは使えますが、セキュリティ上制限していることも多いですし、せっかくのMarkdownの良さが否定されてしまうのも問題です。そこで使ってみたいのがMarkdown UIです。 Markdown UIの使い方 Markdown UIを使うとMarkdown記法に加えて、特別な入力を行うことでボタンやメニューなどが表現できるようになります。こんな感じでフォローボタンが作れたり、ボタンの色を変えることもできます。ツールバー的な表現も可能です。 Markdown
inoue1966 2015/08/04
markdown

UI

*あとで読む
リンク
Rabbit - A presentation tool for Rubyist
3.0.3 is the latest release. It was released on 2023-07-02.
inoue1966 2015/02/21
Ruby

プレゼンテーション

Markdown
リンク
MarkdownエディタHaroopadを使ってみた - 旧山ｐの楽しいお勉強生活
最近、Markdownが流行っているらしいので、メモをとる時などに使っていこうとエディタを探していました。 MacだとQiitaの開発チームが作成している﹁kobito﹂が定番らしいですが、私はWindowsなのでボツ。 Windowsだと﹁MarkDown#Editor﹂がいいらしいですが、私の環境だと何故かリストが正しくプレビューされなかったのでボツ。次に候補となった﹁Haroopad﹂がいい感じなので紹介します。 Haroopadとは公式サイト Haroopad - The Next Document processor based on Markdown オープンソースのMarkDownエディタ github GitHub - rhiokim/haroopad: Haroopad - The Next Document processor based on MarkdownW
inoue1966 2014/12/30
エディタ

markdown
リンク
Markdownからスライド資料を作る
B! 460 0 1 0 何か人に見せる時には資料としてPower Pointとかでスライドを作るわけですが、普段メモもMarkdown形式で書いてく事が多くて、簡単なもの、特に文字だけの物の場合はそのままコピペするだけみたいなことも多いので、直接Markdownからスライドを作る物を試してみることに。 Markdownからスライドを作れるツール Pandoc 対応フォーマットインストール PDF作成(beamerテンプレートを使う) beamerのテーマについて日本語について Pandocまとめ Slide Show (S9) インストールスライド用HTML作成 PDFにコンバートその他のツール Marp mkd2pdf markdown-pdf markdown2impress mdslide slidedeck remark Markdown2pdf Swipe Sl
inoue1966 2014/02/20
*あとで読む

markdown

pandoc
リンク
%20分室 : Markdown 記法
Philosophy - Markdownとは Markdownとは、WEBページを記載する際に用いる、テキストをHTMLに変換する記法の一つです。通常、WEBページはHTMLによって表記されますが、ブラウザからでなく通常のテキストエディタなどから見た時、HTMLは若干煩雑で全体像を把握し辛いのも事実です。そこで、Markdown記法では、Settext, atx, Textile, reStructuredText, Grutatext, EtTeといったテキスト文書をHTMLに変換する既存の記法を参考にし、HTMLに変換しないままでも閲覧性に優れた表記方法を実現しています。これは、何よりも電子メールで用いられる日常的な表現方法を参考にしているためです。 (英文メールで良く使われる表現方法である事に注意) 当ページでは、通常のMarkdownに加え、Markdown Extr
inoue1966 2007/06/13
markdown

記法
リンク
1