こんにちは。ユアマイスターでプロダクトマネージャーをしています、稲垣といいます。 最近、業務でChatGPTを使いまくっているのですが、ちょっと個人的に感動する使い方を見つけたので紹介します（既に知ってるぞ！という方、すいません）。 プロダクト開発において、業務フローって必要になること多いですよね。でも書くの大変。Draw.ioとかFigmaとか便利なツールも出てるけど、それでも大変。 さあ、下記のようにプロンプトを書いてみましょう。 一般的な受注業務の業務フロー図を作りたいです。Mermaid Markdown形式で出力してください。 # 制約条件 - 「・」「?」は使用しないでください ChatGPTの出力結果のこれをコピーして、 Notionに貼りましょう（「コードブロック」を選択してください）。 「コード」を選ぶこの領域にペーストするすると・・・。 うおおおおお。 業務フローが自動
VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~ - Qiita
VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~初心者umlVSCode新人プログラマ応援mermaid はじめに Mermaid Graphical EditorというVSCodeの拡張機能にとても感動したので一筆書きました こんな方におすすめ シーケンス図/クラス図/フローチャートをサクッと書きたいけどmermaidとか難しそう 😢 できること VSCode上でポチポチしながらシーケンス図/クラス図/フローチャートを描けるようになる mermaid記法のコードも自動生成されるよ 個人的メリット mermaidの学習コスト0 紙で書くよりも修正しながら書きやすい 導入手順 （簡単7steps） (1) VSCode上で「Mermaid Graphical Editor」という拡張機能をインストールする (2)
はじめに 細かいところに PlantUML ほど融通が利かないと言われる mermaid.js ですが、逆に言えばそこまで複雑なフローでなければそこそこ描けるやんけ！ということで mermaid.js で中規模以上のフロー図を描くときに使えそうな記法などについて書いてきます。 題材 良い感じの題材が思いつかなかったので、今回は地上の星の歌詞のフロー図を mermaid.js で描いていきます。 参考↓ 準備 まずは mermaid.js でフロー図を描く際の基本です。 記載規模やお好みでどうぞ VSCode みんな大好き VSCode。拡張機能を入れることで、描きながらプレビューできたり画像出力ができます。Markdown を普段から VSCode で描いている方は下記の1を。そうでない方は2を使うと良いかと思います。 1 https://marketplace.visualstudio.
OpenAPI + Redoc, Docusaurus, Mermaidで始めるスキーマ・ドキュメント駆動開発
OpenAPI + Redoc, Docusaurus, Mermaidで始めるスキーマ・ドキュメント駆動開発 【この本について】 この本はOpenAPIを使ってドキュメントを作成する方法を学びます。 OpenAPIを使ってドキュメントを作成することで継続的な開発を行うことができ、 OpenAPI Generatorを使ってドキュメントと実装のズレをなくすことができます。 また、Docusaurusを使ってドキュメントを作成することで、 運用ドキュメントを簡単に公開することができます。 本書では以下の内容を取り扱っています。 - Docusarusでドキュメント環境を構築する - OpenAPI + Redocでドキュメントを作成する - OpenAPI Generatorで自動生成する - Prismでモックサーバーを導入する OpenAPIを使ってみたい人、社内の設計・運用ドキュメント
mermaidチート表｜ききよ
あちこち調べまわるのに疲れたので自分用に作成します。 (7/10更新[途中上げ) mermaidとはmd(マークダウン)形式の時、図が描けるやつ(ざっくり) githubがこれに対応したので、readme.mdが画期的になったとかなんとか。 左に打ち込んだコードが右みたいな図になる mermaidの導入VScodeの拡張機能ですべて済む。 Markdown Preview Mermaid最低限これだけあればおｋ。 Markdown Preview Enhancedも加えるとGithubとかmermaid公式の色合いになるぞ。 書き方.mdに書くのが前提。 ```mermaid 【この間に書く】 ````(Shift+@)で上のように囲むとその間だけその言語対応になる。 場合から使い分けるmermaid いくつか種類があるので、使い分けに。 なお、 ```mermaid ```は省略する。
今回はNotionのMermaidに関して書いていきます。 これまでもNotionのMermaidに関して記事を書いています。 関連記事リスト Notion（Mermaid）でER図を書いてみる Notion（Mermaid）でマインドマップを書いてみる 上記の記事を見てもらえば分かるのですが、ER図もマインドマップも色合いが地味です。 記事を書いた当時は、色合いの変更方法が分かりませんでした。 色々と調べてみても分からなかったのでそのまま進めていたのですが、たまたま遭遇した記事で色合い（テーマ）を変更できることを知りました。 今回はその変更方法と、以前の記事で触れたER図とマインドマップに実際にテーマを適用してみます。 それではサクッと本題へ。 参考リンク テーマの変更方法 テーマ変更してみる ER図（読書Notion） コード 指定なし default neutral dark for
クラスメソッドxアノテーションxネクストモード 3社合同Notion交流会 #5を開催しました。(Mermaid解説他) #notion | DevelopersIO
2023年11月15日(水)、クラスメソッドxアノテーションxネクストモード3社による『Notion共有会』の第5回社内イベントを開催しました。 前回第4回の開催内容はこちら： 『Notion共有会』の特集カテゴリはこちら： 当エントリでは、その開催内容についてざっくりではありますが紹介したいと思います。 目次 Notion最新機能紹介(ボタン機能について) Notionで図を描いてみよう！〜ちょっとできるようになるテクニック5選〜 ネクモでサポートしているお客様のいろんな活用事例を紹介！ まとめ Notion最新機能紹介(ボタン機能について) 登壇者：町野誠太郎(ネクストモード株式会社 マーケティング事業部) セッション1つ目はネクストモード町野さんによる特定機能紹介。当回から、Notionの所定の機能に関する紹介をコーナーとして設けてみることにしました。機能を紹介することでNotion
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChatGPTで業務フローが自動的に書けた｜Yuji Inagaki
【地上の】mermaid でちょっと大きめの図を描く【星】
NotionのMermaidでテーマ（色合い）を変更してみる - みやもとブログ