markdownにカスタムブロックを追加する | suzukalight.com
import remarkCustomBlocks from 'remark-custom-blocks'; const getDefaultMdxOptions = () => ({ // ... remarkPlugins: [ [ remarkCustomBlocks, { exercise: { classes: 'exercise', title: 'required', }, }, ], ], }); next-mdx-remote の mdxOptions に remarkCustomBlocks を追加し、オプションを設定する。classes でブロックにあてる CSS クラス名を、title でタイトル部分が必須かどうかを設定できる。 /* * Custom Blocks */ .exercise, .practice { border: 1px solid #e2e8f
理想のメモアプリ・タスク管理アプリについて
memo.md メモアプリ 要求 Markdown プレビュー コードハイライト writer 箇条書きしたら自動的に補完する Cmd-[, Cmd-] でインデント移動できる markdown-writer の使用感 フォルダ分け、タグ付け 表が簡単に書ける SublimeTableEditor みたいなやつ ファイルについて ファイル作らなくても始められる 自動的に保存 いざとなったら他のアプリに移行できるようにファイルとしてExportしたい 複数のPCでsyncできる 履歴残す git? 全文検索 画像埋め込み スライド作成 出力 とあるページに書き込むとかTextileにも変換できると嬉しい HTML PDF オープンソースだと嬉しい 図が簡単に書けて埋め込める 作図系ツール・ライブラリまとめ hirokidaichi/uiflow テンプレートを選択可能 議事録・日報など 日付
gulp で markdown から html と pdf を生成してみる - Qiita
やりたいこと markdown から、html と、pdf を自動で生成したい gulp ってなあに? htmlのビルドツール gulpjs/gulp ビルドツール? 最近のマークアップ界隈では、コードを書いてからリリースするまでにいろいろやることがある coffeescript の js 化 javascript の minify Sass の css 化 などなど... その辺の処理をまとめて自動化してくれるツール rake とか make の html 版だと思うと良さそう どんなのがあるの? メジャーなのは、Grunt gulpは、ビルドファイルが Grunt より書きやすいらしく、こちらに移るユーザが増えてきて、米国では gulp vs Grunt で大戦争中らしい 今回は、ビルドファイルが書きやすいと聞いて、gulp を試してみる インストール インストールは、npm を使う
MarkdownとPlantUMLでソフトウェアの仕様書や設計書を書くための環境構築手順 - EurekaMoments
実践UML 第3版 オブジェクト指向分析設計と反復型開発入門 作者:クレーグ・ラーマンピアソンエデュケーションAmazon 目次 目次 はじめ Markdownで書くメリット Markdown記法一覧 環境構築手順 1. Visual Studio Codeをインストールする 2. PlantUMLをインストールする 3. Javaをインストールする 4. Graphvizをインストールする 5. Markdown Preview Enhancedをインストールする 環境構築後の動作確認 Markdownでドキュメントを書く際に便利な拡張機能 1. Paste Image 2. markdown-index 作成したドキュメントをHTMLやPDFに変換する 今回参考にさせていただいた記事 はじめ 自分はこれまでソフトウェア開発において仕様書や設計書を作成する際、Enterprise Arc
Markdown native diagrams with PlantUML
This post covers PlantUML basics and how it can be used in GitLab or GitHub projects as well as a seamless local development environment using Visual Studio Code. I have been wanting to write this post for months. Lately I have been using PlantUML extensively at work but also in my private projects. You can see it being used in my plantbuddy and techradar projects on GitHub. Using it in different
多様なフォーマットに対応！ドキュメント変換ツールPandocを知ろう - Qiita
追記（2020.4.19） Pandoc User’s Guideを日本語に全訳しました。 よろしければご参照ください。 新しい翻訳をプレリリースしました！（翻訳途中の部分もあります） Pandocユーザーズガイド 日本語版 [2.7.2] — 日本Pandocユーザ会 2019.02.21 ドキュメント 旧日本語版：Pandoc ユーザーズガイド 日本語版 はじめに 今回は、ドキュメント作成Tips Advent Calendar 2012の1日目 （マインドマップから全てを紡ぎ出す - XMind+Pandocのドキュメント作成術 -） で少し紹介したPandocというツールについて、もう少し深く掘り下げて紹介したいと思います。 MarkdownとかreStructuredTextとか、流行ってますよね いわゆる軽量マークアップ言語が最近流行しています。特にMarkdownは猫も杓子も
【年末大掃除】.mdをCI/CDで整理する - OPTiM TECH BLOG
皆様初めまして、19新卒の坂井です。 AIサービス開発本部のAI Cameraチームに所属し、普段は画像処理やロジック検討や追加機能の実装を行ってます。 目次 目次 はじめに CI/CDとは？ CI: Continuous Integration ~ 継続的インテグレーション ~ CD: Continuous Delivery ~継続的デリバリー ~ CD: Continuous Deployment ~ 継続的デプロイ ~ Tools GitLab GitLab CI/CD GitLab Runner GitLab Pages GitLab Container Registry GitLab Badges 静的サイトジェネレータ MkDocs 拡張機能 警告文 注釈 アイコンフォント PlantUML コードハイライト プロジェクトのCI/CDに組み込む ディレクトリ構成 前準備 MkD
HexoとNetlifyで快適なブログ環境を手に入れよう！ - Adwaysエンジニアブログ
最近関西弁が話せなくなってきた礒部です。 技術書典5というイベントでHexoとNetlifyという存在を知り、この2つを組み合わせたらいい感じのブログ環境が作れるんじゃないかな？と思ったので早速使ってみます！ Hexoって？ 静的なWebページ作成フレームワーク markdownで書かれたファイルをHTMLに変換して出力する ブログに必要な機能を標準で備えている ブログの中身はこちらのHexoを使うことで、静的コンテンツが出力されるのでWebサーバさえあればブログができます。 記事を書きたいだけなのに、WordPressとか使って色々と運用とか構築するのはめんどくさいですね。 Netlifyって？ 静的サイト専用のホスティングサービス ssl等にも無料で対応 GitHub等と連携し、自動でデプロイができる 無料で 100GB も使える！ なんといっても、自動デプロイが便利です。Hexoで記
MkDocs + GitLabですっきりドキュメント管理 - Adwaysエンジニアブログ
Adways Advent Calendar 2018 14日目の記事です。 http://blog.engineer.adways.net/entry/advent_calendar_2018 こんにちは。2018年度新卒、二度めの登場、佐土原です。 早いのもので前回の記事からあっという間に３ヶ月が経ちました。 実家の母がこれを見つけ一瞬で連絡が飛んできて驚いたことにも懐かしさを帯びはじめる歳月です。母ちゃん今回も書いてるぞ。 さて、今回のブログでは僕の所属するチームで導入し始めたMkDocs + GitLabでのドキュメント管理について書いていこうと思います。 導入の背景 僕の携わるプロダクトも息の長いサービスとなってきており、日常的に「あの話はどうなったんだっけ？」「たしかここはこうだったよね？」という会話も増えてきました。 そこでチームとしてしっかりこれまで/これからの経過をドキュ
AsciiDoc + VSCodeでかっこいい文書作る - Gaming Life
某方に布教されてAsciiDocにめっちゃハマった。 AsciiDocって markdownのような軽量マークアップ言語の一種。 markdownより優れている点 markdownより高機能。 困ったらHTMLタグ直書きとかしなくていい。 表セルを結合出来る。 ソースコード、PlantUMLなどをincludeできる。 目次が自動で作られる。 使用可能なアイコンが大量にある。 PDF書き出しした時の見た目が安定&綺麗。 (plantUMLについては過去記事参照) ai-gaminglife.hatenablog.com markdownに劣る点 環境構築がダルい 普及してない はてなブログがasciidocに対応していない 環境構築 windowsを想定。macでも大体変わらない（と思う）。 ruby installerをDLし、実行環境を整える asciidoctorとエクステンションを
Content formats
Create your content using Markdown, HTML, Emacs Org Mode, AsciiDoc, Pandoc, or reStructuredText. Introduction You may mix content formats throughout your site. For example: content/ └── posts/ ├── post-1.md ├── post-2.adoc ├── post-3.org ├── post-4.pandoc ├── post-5.rst └── post-6.html Regardless of content format, all content must have front matter, preferably including both title and date. Hugo
まだ Word で消耗してるの？ 大学のレポートを Markdown で書こう - Qiita
環境構築が Docker でスッと行えるようにした新版を公開しました まだまだ Word で消耗してるの？ 大学のレポートを Markdown で書こう （Docker 編） https://qiita.com/Kumassy/items/ffa752da5f7193c4929c みなさん、大学の実験レポートは何で書いていますか？ Word ですか？ 私も去年は Word で書いていたのですが、特に数式の入力や式番号を振るのに苦労した覚えがあります 今年は LaTeX で書いてやる！ と心に決めていたのですが、LaTeX のシンタックスはちょっと面倒くさい感じがしました... そこでみつけた Pandoc Pandoc について Pandoc は Haskell で書かれた文章変換ツールです。Markdown から LaTeX、PDF の変換もできますし、ほかにもたくさんのフォーマットに対
OSS開発wikiツールのGROWI | 快適な情報共有を、全ての人へ
無料で使える 高機能なwikiツール マニュアルや企画書の共有、議事録の同時編集など、 チーム内での快適な情報共有と作業効率化を支えるツールです。 GROWIを始める
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
