Git ブランチの表現も Mermaid がよい感じに表示してくれました
Zenn や GitHub の Markdown から利用できる Mermaid には「Git ブランチを表現する」機能があります。 その機能を利用してみたところよい感じだったので、記述方法やカスタマイズについてなどを記事にしてみます。 Git ブランチを表現するとは？ ドキュメントでブランチの説明などを読んでいると下記のような図(グラフ)を見かけるかと思います。 図 1-1 AA によるブランチのグラフ A---B---C---D develop \ E---F---G topicA \ H---I---J topicB Mermaid の Gitgraph Diagrams を利用することにより、このような感じで表示できるようになります。 図 1-2 Mermaid によるブランチのグラフ 基本的な使い方 Mermaid 用コードブロックの先頭で gitGraph を記述し、Git の
GitHubで使えるようになった Mermaid の便利なところ
はじめに GitHub で Mermaid がサポートされました。 Mermaid は図やグラフを描画するの独自の記法を持ちます。 その記法を Markdown のコードブロック中に記述するだけで図を描画できるのが便利です。 ...便利なのですが、記法が独特なことや機能が豊富なことから、とっつきにくいところもあります。 弊社[1]では みんチャレ 開発の情報共有ツールとして esa.io を活用しており、 esa も Mermaid をサポートしており以前から活用していました。 この記事では、私がこれまでに活用してきた中から特に便利だと感じた機能を紹介します。 ちなみに Zenn も Mermaid をサポートしているため図を描画できます。 Gantt ガントチャートです。 私が Mermaid を使いたいと思ったきっかけの機能です。 まずは、一番シンプルな例を書きます。 gantt Co
ウォーターフォール図の作成 - Microsoft サポート
Excel for Microsoft 365 Word for Microsoft 365 Outlook for Microsoft 365 PowerPoint for Microsoft 365 Excel for Microsoft 365 for Mac Excel 2021 Word 2021 Outlook 2021 PowerPoint 2021 Excel 2019 Word 2019 Outlook 2019 PowerPoint 2019 Excel 2016 Word 2016 Outlook 2016 PowerPoint 2016 Excel for iPad Excel for iPhone その他...表示数を減らす ウォーターフォール図には、値の増減が示される累計が表示されます。 これは、最初の値 (たとえば、純益) が、一連の正の値または負の値によって
漫画「対数グラフで伝染病を見る」（またの名を「対数グラフ入門まんが」） | グラフ哲学舎 ブログ出張所
<< 新型コロナウイルス 緊急事態宣言の対象県，対象でない県について，片対数グラフで予測する（2020/4/6時点） | main | （4/10情報）新型コロナウイルス（COVID-2019）の死亡者（人口に比例した世界地図） >> 新型コロナウイルス感染症について，片対数グラフを見かけたり私自身描いているのですが， 「対数グラフとはなんぞや」ということを伝えたくて漫画を描きました。 「対数グラフで伝染病を見る」（全12ページ） サイトにpdfファイルでアップしたのでまとめて読みたい人はこちらにどうぞ http://graph.moo.jp/comic.html#up202004100200410 ※2020/4/11 友人に助言を受けました。 「対数グラフに興味がない人でも，漫画後半の"現在の東京都，大阪府，福岡県の感染者数の増加率が同じ"というのを見てほしい。 新規感染者数は，東京都
[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2
チャートやグラフは、さまざまなスマホアプリで見かけます。 スマホのデバイスに対してデザイン、インタラクション、パフォーマンスに最適化されたチャートやグラフを実装するHTML5 Canvasベースのライブラリを紹介します。 Node.js、React Nativeなどに互換性もあり、50種類以上のチャートやグラフを簡単に利用できます。 スマホ向けのデザイン デザインはスマホに最適化されており、軽快なインタラクションでデータをより自然に表示します。 スマホに最適化されたパフォーマンス 軽量で、素晴らしいレンダリングのパフォーマンスを実現。 互換性 HTML5のCanvasベースで実装されており、Node.js、React Nativeで実行することもできます。 ライセンス MITライセンスで、個人でも商用でも無料で利用できます。 F2のデモ まずはスマホのアプリでよく見かける、美しいデザインと
![[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2](https://cdn-ak-scissors.b.st-hatena.com/image/square/38d845daa3306af6511040b4844ec0fb7250d64c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018083111.png)
これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita
概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢
Node-REDでe-stat APIから日本の人口を取得し、Google Chartノードでグラフ化してみた - Qiita
Node-REDでe-stat APIから日本の人口を取得し、Google Chartノードでグラフ化してみたnode-red はじめに 行ったこと この記事では、2つのことにチャレンジしています。 Node-REDからe-stat APIをたたいて日本の人口を取得 Node-REDのGoogle Chartノードを用いて人口ピラミッドを描画 開発環境 OS : Mac OS X Yosemite Node-RED : v0.10.10 Node.js : v0.12.7 現在のNode-REDの姿 作業手順 1. Node-REDからe-stat APIをたたいて日本の人口を取得 e-Stat APIのページから利用登録を行い、アプリケーションIDを取得します。以下、アプリケーションIDはXXXの値を入れております。 今回は2011年の人口推計を使います。2011年の人口推計の統計IDは
RailRoady :: Ruby Model & Controller Class Diagram Generator
Alternate Usage If you don't like the way the rake tasks generate files, you can run the "railroady" command-line tool to manually generate DOT diagram source code. See the README for details. Features Trivial to integrate Simple to install and run. Dynamic Reverse engineer your existing source code. No more stupid Vizio diagrams that are perpetually outdated. Vector Graphics Rake tasks generate s
ZUNNY | 図にするとわかる。インフォグラフィック・ニュース
ZUNNY（ズーニー）は、ニュースや情報を「図に」してみなさんにお届けするサイトです。 インフォグラフィック・ニュースで、新しい情報の眺め方を見つけてください。
Infographic Maker Trusted By 11 Million Users - Piktochart
Meet the next generation of infographics Introducing Piktochart’s latest AI-powered infographic maker. Turn any idea into a professionally designed infographic, poster, banner, and more in seconds, tailored to your brand’s voice. Created for simplicity. Learn the platform in less than an hour. Tools like Photoshop & Illustrator require months of training before you can make a graphic that looks pr
30 Years of Music Industry Change, In 30 Seconds or Less
Hey RIAA, You got much time on hand for shameful reports. Let’s roll up the sleeves and lobby in new fair use doctrine. You will double the business to $30B in 24 months. Radio and streaming converted to music store with Shazams as a cashiers in golden chains will do just that. I have read your posts for months and still have no idea what you are proposing. Is English your second language? WTH re:
そして最後に残ったのはメガコーポ…大手ブランド親会社俯瞰図
このまま吸収合併が進んだら最後に生き残るのは…1社？ 世界の大手ブランドを所有するのは、ほんの一握りの企業です。食品、銀行、航空、自動車、メディア…あらゆるものがメガコーポレーション（超巨大企業）に支配されています。 その資本関係を一望のもとに収めたインフォグラフィック（アメリカ版）を集めてみました。 消費財 スーパーの棚に並んでるものは大体、モンデリーズ、クラフト、コカコーラ、ネスレ、ペプシコ、P＆G、ジョンソン＆ジョンソン、マーズ、ダノン、ゼネラル・ミルズ、ケロッグ、ユニレバー傘下ブランドの製品です（上図）。 この図は少し古いのですが、ジョンソン&ジョンソンの資本関係がわかりますね。 金融資産 はいはい、巨大資本支配はスーパーマーケットだけじゃありませんよ。みんなのお金も全部、巨大企業数社の手中にあります。アメリカでは1996年からの弱肉強食でどんどんシティグループ、JPモルガン・チェ
Ad Exchange（アドエクスチェンジ）とは : Defining the Future
Ad Exchange（アドエクスチェンジ）とは カテゴリ: Ad Network/Exchange 《連載》ネット広告エコシステム 第一回：Ad Exchange（アドエクスチェンジ）とは 第二回：DSP(Demand-Side Platform)とは 第三回：Yield Optimizationとは 第四回：RTB(Real-Time Bidding)とは 第五回：Data Exchanger（データエクスチェンジャー）とは ここ数ヶ月で、また米国のネット広告に日本がぐいぐい引き離されはじめた気がするので、ちょっくらがんばって書いていきます。（実はこのブログ、買収とかのニュースをネタにした記事がほとんどなので、ゼロベースであまり記事を書いたことが無い。。） 諸説はあれど、やはり日本は米国の2年遅れ。米国でアドネットワーク(Ad Networks)が完全に普及したのは2007年頃。その2
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Google Display Network vs. Facebook Ads: How Do They Stack Up?
Read The Report: How Much Is Facebook Really Worth? Facebook vs. Google Display Advertising Read the Press Release: New Research Compares Facebook Advertising to Google Display Network: Who Comes Out on Top? Grade Your Google AdWords Account for Free: Use the Google AdWords Grader to get a free, instant AdWords PPC account audit. © 2012 WordStream, Inc. Facebook Advertising vs. Google Display Netw
humble software development - envision
Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations. TimeSeries template with real-time data. This demo features animation of the selection when new data arrives. The data itself is from a function but could be a callback to a remote data source. (click to code) HTML5 time series chart. This uses the TimeSeries template. Templates provide pre-built interactive
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ビッグデータで知る防災｜震災から5年、いま応援できること。 - Yahoo! JAPAN
GitHub - preston/railroady: Ruby on Rails 3/4/5 model and controller UML class diagram generator. (`brew/port/apt-get install graphviz` before use!)
Visage | Sign In