MarkdownエディタObsidian v1.0.0がリリース | gihyo.jp
2022年10月13日、MarkdownエディタObsidianのバージョン1.0.0がリリースされた。 ObsidianはWindows、macOS、Linux、そしてモバイル環境（iOS / Android）でも動作するMarkdownエディタ。プラグインにより豊富な機能を実現している。長らくバージョン1未満のリリースが続いていたが、このほどバージョン1.0.0のリリースとなった。 v1.0.0では新たにタブの機能が装備され、複数のタブを切り替えて作業することが可能となった。また、タブ スタックにも対応し、複数のタブをまとめて管理できる。このほか、折り畳みコマンドの実装や、UIも変更されている。 Obsidianの利用は非営利であれば無料、営利目的での利用には商用ライセンスが必要となる。 Obsidian URL：https://obsidian.md/
Next.js公式のMDXプラグインで、Markdownでページを作る機能を試してみた | フューチャー技術ブログ
お客様と一緒にNext.jsのドキュメントの輪読会をやっているのですが、その中で初めて知った機能がMDXというマークダウンでページを作成する機能です。 https://nextjs.org/docs/advanced-features/using-mdx 利用規約とか、プライバシーポリシーのページ、ヘルプページの作成とか、Reactコンポーネントも表示できるので、Storybookがわりのコンポーネントカタログを作るのに便利そうという話になったので、ちょっと試してみました。 設定方法上記のページに全部書いてあるのでそちらを見ると良いのですが、軽く手順だけ書いておきます。説明をするため、というよりも「これだけの手間ならやってもいいかな」と興味をもってもらうための説明なので実際に作業をする場合は公式ドキュメントの最新情報を確認してください。 まずは必要なパッケージを追加し、 /** @type
【2024年版】MarkdownでUMLが使えるエディタ・Webサービス おすすめ11選！
こんにちは。マニュアル作成・ナレッジ共有ツール「NotePM」ブログ編集局です。 Markdownは便利な記法ですが、標準ではごく基本的な構文しか提供していません。そのため、多くの開発者によって様々な拡張が行われています。システム設計を行う際に使われるUMLを描画したいというニーズがその一つです。 今回はMarkdownの中にUMLを埋め込めるエディタを紹介します。Webベース、GUIそしてWebサービスとカテゴリごとに紹介しますので、あなたにとって最適なMarkdown環境を選んでください。 GUI エディタ Boost Note Boost NoteではPlantUMLを使ったUML描画が可能です。日本語はエラーになるようです。 Boost Note is a powerful, lightspeed collaborative workspace for developer team
よくあるAWSサーバーレス構成のシーケンス図をMarkdown（Mermaid）で描いてみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今までシステムのドキュメントなどでUML図を使用したい場合は、別途PlantUMLで書いて画像ファイルを生成し、MarkdownやAsciiDoc内に配置するということをしていました。 しかしこちらの記事の通り、Mermaidを使用すればMarkdown内で直接UML図の定義をコードで記述し、さらにGitHub上ではそのまま描画までしてくれるとのことです。知らなかった…！ GitHubでmermaid記法が使えるようになったのでアーキテクチャーの図を書いてみた | DevelopersIO そこで今回は、下記のようなよくあるAWSサーバーレス構成（API Gateway + Lambda + DynamoDB + α）のシーケンス図をMermaidで描いてみました。 描いてみた Mermaidにおけるシーケンス図の文法はこちらを参考にしま
第704回 高機能でMarkdownや作図もサポートするWiki.js | gihyo.jp
Wiki.jsはNode.jsベースのWikiシステムです。モダンな作りとスタイリッシュなデザインで、「とりあえずWikiだけあれば良い」という用途には最善な選択肢のひとつでしょう。今回はそんなWiki.jsをUbuntuにデプロイしてみます。 あなたのWikiはどこから？ 一般的に「Wiki（ウィキ）」と言えば「Wikipedia」を暗黙的に意味することが多い昨今の状況ですが、本連載の読者ならおそらく誰でもご存知のように、現在ではウィキソフトウェアで動いている、ウェブブラウザーで複数のユーザーが共同で編集可能なコンテンツ管理システムの総称です。 生のHTMLを書くのに疲れた人にとって、Wikiの「人に優しいマークアップ言語[1]」は魅力的に映り、現在では非常に多くの環境で様々なWikiが活用されています。その最も成功した例が、Wikipediaを支えているMediaWikiでしょ
Webサイトにマークダウンエディタを組み込みたい。そうだ！「SimpleMDE」を使おう！ | unitopi - ユニトピ -
どうもイマグマです。 タイトルみたいな状況、よくありますよね？ 今回は、JavaScriptで簡単にサイトにマークダウンエディタが組み込める「SimpleMDE」とマークダウン記法の文書の表示時の変換ライブラリ「Marked」をご紹介します。 SimpleMDEとは JavaScript製のマークダウンエディタです。 SimpleMDE is a simple, embeddable, and beautiful JS markdown editor SimpleMDE 使用感はDemoページでお試しください。 特徴 書きながら何となくスタイルが分かる シンプルでそれでいて編集中の文字のスタイリングもそこそこ美しいのです。 ツールバーが付いている ツールバーも標準で付いているので、記法を忘れたときにも優しいですね。 フルスクリーン表示とリアルタイムプレビュー 行数や単語数が標準でフッターに
Copy as Markdown - 画像/リンク/テキストをMarkdown記法でコピーするブラウザ機能拡張 MOONGIFT
ブログを書いたり、ドキュメントを記載している際に今見ているサイトをMarkdownに記述したいと思うことは良くあります。また、その対象はWebページだけでなく、画像やリンク先ということもあるでしょう。 そんな時に使えるのがCopy as Markdownです。対象によってコピー方法を変えてくれるGoogle Chrome機能拡張/Firefoxアドオンです。 Copy as Markdownの使い方 リンクを右クリックした場合。リンクをMarkdown記法でコピーします。 画像の場合です。画像はalt要素を使ってコピーします。 Webサイトの場合はタイトルを使い、リンクの場合はaタグの中の文字列、画像はalt要素の文字列を使ってクリップボードにコピーします。さらに選択した文字列を使うこともできます。機能的にはシンプルなので迷わず、すぐに使いこなせそうです。 Copy as Markdown
Markdown と GitHub で社内規程を便利に管理 - クックパッド開発者ブログ
VP of Technology の星 (@kani_b) です。技術基盤や研究開発領域などを担当しつつ、社内の色々なことを技術の力でいい感じにする仕事をしています。セキュリティや AWS の話が好きです。 さて、みなさんは、ご自身が勤務する会社の就業規則を読んだことはあるでしょうか。 エンジニアに限らず、会社の全スタッフが仕事をする上で関わってくるのが、就業規則や情報セキュリティドキュメントなど、会社のルールや規程を記す文書です。 特にセキュリティやインフラに携わるエンジニアは、その改訂も含め携わったことがある方もいるのではと思います。 よくある文書管理 こうした文書は、以下のように管理されていることが多いようです。 ベースドキュメントは Word 保存時は PDF で保存 版管理は Word の編集履歴 + PDF に保存する際のファイル名 編集は担当部門, 担当者のみが行う かつての
md2pdf - CSSを組版に使ってMarkdownをPDFに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました MarkdownをPDFにするソフトウェアは幾つもありますが、細かい組版に対応しているものは多くありません。ごく簡単なものであれば問題ありませんが、ドキュメントなどで体裁にこだわりたい場合もあるでしょう。専用アプリもありますが、自動化したいというニーズもあります。 今回紹介するmd2pdfはコマンド一つでMarkdownファイルをPDF化します。CSSを組版に利用できるのがポイントです。 md2pdfの使い方 生成したPDFです。 表なども見やすく展開できます。 md2pdfはPDF化の際にAH Formatterを利用しています。AH Formatterは商用のソフトウェアであり、評価版では透かしが入ります。そのままでは使えないので、AH Formatterを企業内で導入している
Wordを捨て、テキストファイルで書こう!? IT業界の人が利用する「マークダウン」という不思議な形式 « ハーバー・ビジネス・オンライン
「マークダウン」（Markdown）という言葉を聞いたことがあるだろうか。Web系を中心としたプログラマならよく馴染んでいる言葉だ。 マークダウンはテキストファイルの書き方のひとつだ。特別なファイル形式ではない。見出しや強調したい部分、リンクや画像の挿入について一定のルールで書く。それ以外は、普通のテキストファイルと変わらない。 そうして書いたテキストの文書を、特定のWebサイトに投稿すると、見栄えよくHTMLに変換してくれる。手元でHTMLファイルに変換したければ、マークダウンエディタと呼ばれる種類のテキストエディタを使えばよい。エディタの一機能として、マークダウン変換機能が付いていることもある。 文書の整形に「Word」を立ち上げる必要はない。「Word」の不可思議な挙動に悩まされることもない。使い慣れたテキストエディタで、サクッと書けばよい。シンプルなテキストで、小さなファイルサイズ
プログラマーじゃなくても使えるマークダウンエディタ「Zettlr」
It's F.O.S.S.に5月20日(米国時間)に掲載された記事「Zettlr - Markdown Editor for Writers and Researchers」が、コーディングを行わないプログラマー以外のユーザーにとっても便利なマークダウンエディタとして「Zettlr Markdown Editor」を紹介した。Windows版、macOS版、Debian版、Fedora版が提供されている。 Zettlr Markdown Editor実行サンプル Zettlr Markdown Editorで保存されたマークダウンファイル マークダウンを編集するためのエディタはすでに複数存在している。ただし記事では、これまでに使われてきたマークダウンエディタはプログラマやコーダを前提としたものが多く、コーディングを行わないユーザ向きではないところがあったと指摘。そんなユーザー向けの新たな選
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
md2pdf - 特別なソフトウェアいらず。MarkdownをPDFに変換 MOONGIFT
MarkdownファイルをHTMLにしたいという要望は良くありふれたものです。さらにPDFにしたいという話も良く聞きます。例えばpandocを使えば変換できますが、インストールするのが面倒だったり、日本語がうまくいかない、体裁が崩れると言った問題点があります。 そういったお困りごとを感じている方に使ってみて欲しいのがmd2pdfです。目から鱗なPDF変換ソフトウェアです。 md2pdfの使い方 エディタ画面です。左がエディタ、右にプレビューが表示されています。 Transformボタンを押すと、印刷ダイアログが立ち上がります。後は左下にあるPDFをプレビューボタンを押すという仕組みです。なるほど。 できあがったPDF。確かにHTML通りの綺麗なPDFができあがります。 md2pdfはPDF変換機能はありません。単にGoogle ChromeのPDFプレビュー機能を使っているだけです。しかし
無料でマークダウン記法を使ってプレゼン用のスライドを作成できる「Marp」
Markdown(マークダウン)記法とは、電子メールのように気軽に書くだけでHTMLのよう読みやすいテキストを作るために開発された文章形式のこと。「Marp」はそんなMarkdown記法を使い、スライドを見ながらテキストを入力するだけで手軽にプレゼンテーション用のスライドを作成できるフリーソフトです。 Marp - Markdown Presentation Writer https://yhatt.github.io/marp/ ◆ダウンロード 上記サイトにアクセスして「Download v0.0.14」をクリックします。 ダウンロードフォルダに保存された「0.0.14-Marp-win32-x64.zip」というファイルをExplzhなどで展開します。 展開されたフォルダの中にある「Marp.exe」というファイルをダブルクリックして実行します。 ◆使用してみる これが「Marp」を起
Meemo - Markdownを使った個人用メモ帳
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 個人のメモ環境は大事です。気がついた時にささっとメモできる環境があると忘れてしまうのを防いだり、さらに発想を膨らませられます。アイディア、タスク、その日にあったこと…なんでもとにかくメモしておきましょう。 今回紹介するMeemoもそんなメモ環境の一つです。個人用に特化し、すぐにでもはじめられる手軽さが売りです。 Meemoの使い方 最初にログインします。 メモ画面です。Markdownで記述します。 メモの記述時にはテキストエリアが大きくなります。 GitHubフレーバーでチェックリストも作れます。 画像のアップロードもできます。 プレビューで画像を表示したところ。 # を使うとタグになります。 MeemoはMarkdownでメモできて、写真のアップロードが可能なメモ環境です。一つ
Markline - Markdownを使った年表表示
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownが開発者用ドキュメントのデファクトスタンダードと言える存在になり、とりあえずMarkdownで書いておくという人が増えています。そうすることで将来的にソフトウェアによって多彩な表現が容易に実現できるようになるでしょう。 今回はその一例として、Markdown記法から年表表示を可能にするMarklineを紹介します。 Marklineの使い方 記述法です。リストを使って書きますが、頭に年月日を記述するのがコツです。 * 2012~2014 year to year. * 2012~2014/02 year to year. * 1986/06/28~1986/08/14 from date to another date. * 2012~ year to now. そ
オープンソースのノートアプリ『Notable』は、Markdownを覚えればEvernoteを超える | ライフハッカー・ジャパン
三井住友カード ゴールド(NL)のデメリットは?メリットない・いらないは勘違い【年会費無料になる100万円修行のコツ】
Visual Studio Codeを使ってMarkdownファイルを編集する方法 | ソフトアンテナ
文書を記述するための軽量マークアップ言語「Markdown」。 ソースコードホスティングサービスGitHubで標準でサポートされていることから、ドキュメント作成のために使用した経験のある方は多いと思います。 Markdownファイルを編集する場合、通常のテキストエディタで編集することもできますが、仕上がりが確認できるプレビュー機能を搭載したエディタを利用すると便利です。 今回はそのようなエディタの1つである「Visual Studio Code」を利用してMarkdownを編集する方法を説明します。 Visual Studio CodeでMarkdownを編集 Visual Studio Codeは標準状態でMarkdownのリアルタイムプレビューに対応しています。 ▲Markdownファイルを開き、画面右上のプレビューボタンをクリックするか、キーボードで「Cmd + K V(macOSの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Code＋Markdownでキレイなプレゼンスライドを手軽に作成できる「Marp」／Markdownに慣れているのならばちょっとした拡張記法を覚えるだけ【レビュー】
「マークダウン」 ～マンガでプログラミング用語解説
