Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO

2022/04/30 706 users Markdown DevelopersIO Mermaid

こんにちは、臼田です。 みなさん、業務設計してますか？(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたら... 続きを読む

『コーヒー初心者でも選べるコーヒー産地のフローチャート』が爆誕。試した人からは｢いつも好んでる産地になった｣の声

2021/11/04 929 users 爆誕 産地 コーヒー産地

川野優馬 | LIGHT UP COFFEE代表☕️ @yuma_lightup おいしいコーヒーで世界を変える。LIGHT UP COFFEE（@lightupcoffee )代表。 WORC代表。 🗒note書いてます→note.mu/yuma_lightup 📺YouTubeにコーヒー動画載せてます→youtube.com/c/YumaKawano instagram.com/yuma_lightup 続きを読む

高校の資料集の内容『ニセ科学に惑わされない』信頼性を確認するためのフローチャートがレベル高いけど参考になる「広まって欲しい」 - Togetter

2020/08/06 633 users 入試 ミキ pic.twitter.com 学習指導要領 授業

みき @3Ufv5DLAO8kW9h3 高校で使っている「スクエア最新図説化学」（第一学習社）の1ページ。なかなか授業の時間を使って教える時間はないけれど、こういうの大事だよね。入試に出ることになったらどの学校もがっちり教えるとおもうけど。学習指導要領に入れて欲しい。　＃ニセ科学 pic.twitter.com/NatfTqQNSf 2020-08-... 続きを読む

ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs | コリス

2019/02/25 703 users コリス dependencies Issue 階層 言語

フローチャート ※依存関係・フローチャートはJavaScriptのみです。 対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモ デモでは、JavaScriptのコードでその動作を確認できます。 デモページ 依存関係はDependenciesをオンに、... 続きを読む

料理の手順がフローチャートになって紹介されている本『理系の料理』がわかりやすい！「適量ってどのくらいだよっていつも思うからこれほしい」 - Togetter

2019/02/21 630 users Togetter 適量 理系 pic.twitter.com

理系の料理めちゃくちゃすごい本！料理の手順書ってだいたい料理できる人のために作ってあるんですけど、これマジで料理できない人向きの本ですね！みなさんも恋人にプレゼントしてはいかがですか？保障はしません。 pic.twitter.com/QJKzZPCoCX 続きを読む

「サブウェイ」が苦境と聞いてガチ勢が注文のフローチャートを作ってみたら愛が重すぎた - Togetter

2018/05/24 673 users Togetter articles プレジデントオンライン

ツイートまとめ 企業 3081  view 5 56 3 users 「サブウェイ」4年で170店舗も閉店していた…「好きなのに」「近くに店舗がない」とファンからは悲しみの声 プレジデントオンライン「サブウェイが4年で170店舗も閉めた理由」 (http://president.jp/articles/-/25180) の反応をまとめました 続きを読む

簡単にガントチャートとかクラス図とか書けるやつ - Qiita

2017/07/26 634 users ガントチャート Mermaid UML Qiita 図形

mermaid は、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.js の機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、 ヘルプ はGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ できること 以下の図が描け... 続きを読む

バグなどの謎の現象に立ち向かうも闇が濃く、どうしても沼から脱出できない時に見るフローチャート - Thanks Driven Life

2017/01/05 1120 users パク 補足 Thanks Driven Life 現象 ご査収

2017 - 01 - 04 バグなどの謎の現象に立ち向かうも闇が濃く、どうしても沼から脱出できない時に見るフローチャート ご査収ください 補足 パフォーマンスの出し方は人それぞれなので「私はこんな感じです」というものです。 とりあえず「なんかやばいな?」と思ったら休む 体調的にはもちろん、「これ結構やばそうだな?」という勘所は大事 15分以上(長くても30分)悩んだら周りに聞いてみる こういう時... 続きを読む

マイクロソフト、IFTTT的なサービス連係サービス「Microsoft Flow」正式公開。GitHub、Dropbox、Slack、メール、Twillio、Googleカレンダーなど多数のサービスを連係可能 － Publickey

2016/10/31 734 users GitHub Publickey twillio 連係 Twi

マイクロソフトは、インターネット上のさまざまなサービスを連係できるツール「Microsoft Flow」正式版を公開しました。 Microsoft Flowは、フローチャートを作成するようなビジュアルな設定画面を用いて、インターネット上のさまざまなサービスを簡単に連係させていくことができるツールです。 簡単な例では、Office 365のOutlookに自分宛のメールが来たら、電話サービスのTwi... 続きを読む

HTTPステータスコードを適切に選ぶためのフローチャート : 難しく考えるのをやめよう | インフラ・ミドルウェア | POSTD

2016/02/17 1330 users POSTD HTTPステータスコード ユーザ ページ

HTTPステータスコードを返すというのはとても単純なことです。ページがレンダリングできた？よし、それなら`200`を返しましょう。ページが存在しない？それなら`404`です。他のページにユーザをリダイレクトしたい？`302`、あるいは`301`かもしれません。 I like to imagine thatHTTPステータスコードを返すというのはとても単純なことです。ページがレンダリングできた？よし... 続きを読む

mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す - Qiita

2015/05/24 770 users Qiita Mermaid カント シーケンス 実例

mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることは... 続きを読む

Markdownテキストでシーケンス図とフローチャートを描く - Qiita

2015/03/29 712 users Markdown Qiita StackEdit 図表 図表化

つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時... 続きを読む

最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles | コリス

2014/12/09 556 users コリス Sketch psd ワイヤーフレーム グリッド

最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles ダウンロードできる素材のフォーマットは、4種類。 .psd（7... 続きを読む

SpaceChemっていうプログラミング系ゲームがクソ面白い件について - キモブロ

2013/03/17 522 users プログラミ キモブロ デバイス 機械 初め

2013-03-18 SpaceChemっていうプログラミング系ゲームがクソ面白い件について ゲーム すごいアバウトに言うとプログラミングするゲーム。(日本語版あり。設定に言語設定があるのでそこで設定すれば初めから日本語が使える。)たとえば水(H2O)を作るためにOにHを2個くっつけるためにどういう風にデバイスを設置していけばよいか、みたいな機械のフローチャートを書く感じのゲーム。すごくプログラミ... 続きを読む

Chromeでフローチャートやマインドマップを簡単に作図できる　LucidChartで遊ぼう!!

2012/01/23 1072 users LucidChart 作図 シェイプ 作図ツール Chrome

『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない本格的な作図を行なえる。 続きを読む

［ウェブサービスレビュー］見栄えのいいフロー図を簡単に作図できる「Cacoo」 - CNET Japan

2011/04/23 1022 users Cacoo UML 見栄え 図形 コネクタ

内容：「Cacoo」は、フロー図やワイヤフレームをオンラインで作成できるサービスだ。さまざまな図形やコネクタがあらかじめ用意されており、ドラッグ＆ドロップにより誰でも簡単に見栄えのいい図を作成できる。 「Cacoo」は、フローチャートや機器構成図、ワイヤフレームやUMLをオンラインで簡単に作成できるサービスだ。目的ごとにさまざまな図形やコネクタが用意されており、ドラッグ＆ドロップで見栄えのいい図を... 続きを読む