More than 3 years have passed since last update.

Livebook v0.5 にビルトインされたMermaidを試してみる(Elixir)

Last updated at 2022-08-17Posted at 2022-01-22

虎穴に入らずんば虎児を得ず

Advent Calendar 2022 22日目¹の記事です。
I'm ready for 12/25,2022
I'm looking forward to 12/25,2022
I can't wait for 12/25,2022
私のAdvent Calendar 2022 一覧。

はじめに

Elixirを楽しんでいますか
Livebookを楽しんでいますか

Livebookの進化が止まりません!!!

Mermaidという

Mermaid lets you create diagrams and visualizations using text and code.

こういうものが、Livebookのv0.5にビルトインされています。
早速試してみました〜　という記事です

We have also heard many teams are using Livebook for documentation, so v0.5 has built-in support for Mermaid, for building diagrams and visualisations: https://t.co/Pi60wn5Rmm

[4/5] pic.twitter.com/ULxi7INwkb
— José Valim (@josevalim) January 19, 2022

使い方

Livebook Markdownセルに以下のように書くだけです。

$\huge{この図どこかでみたこことあるぞ}$

@pojiro さんの**2022年に向けて**です。
この中で紹介されている図です。

2022年に向けての図をMermaidで描いてみる

日本語使えた

サンプル

https://mermaid-js.github.io/mermaid/#/
のトップページにあるものを写してみただけです。

ちなみに、トップページに書いてあるサンプルのうち、Sequence diagramはNoteが動きませんでした。
もちろんIssueを書いて、報告しておきました。

Wrapping up

Enjoy Elixir
$\huge{Enjoy\ Elixir🚀}$

Livebookに追加されたMermaidを使ってみました。
2022年1月22日(土)に行われた「【オンライン】OSSでガチにプロダクト開発！実状紹介セミナー！」においても感涙にむせび泣くもの続出であった、@pojiro さんの2022年に向けての図を描いてみました。

Elixirの誕生日は、2012年5月24日です。
そのため、今年の2022年5月24日は10周年を迎えます。

iex> Date.diff(~D[2022-05-24], ~D[2022-01-22])
122

2022年に流行る技術予想ーーそれは、Elixirです

Elixir

最後の最後に、Elixirについて紹介します。

|>でスイスイ、プログラミングしていくことができる素敵なプログラミング言語です
さっそくプログラムの例を示します
Qiita APIを使わせていただいて、Elixirタグがついた最新の記事を20件取得しています
ここでは雰囲気をつかんでいただければ大丈夫です

Mix.install [{:req, "~> 0.2.1"}]

"https://qiita.com/api/v2/items?query=tag:Elixir"
|> URI.encode()
|> Req.get!(finch_options: [pool_timeout: 50000, receive_timeout: 50000])
|> Map.get(:body)
|> Enum.map(& Map.take(&1, ["title", "url"]))

Webアプリケーションを楽しむなら

Phoenix

IoTを楽しむなら

Nerves

AIを楽しむなら

Nx + Livebook

もっとElixirのことを知りたい方へオススメの書籍

コミュニティ

elixir.jp Slack workspaceに参加してみてください
- マヂ、やさしい人ばっかりのコミュニティ
- あなたの困ったをきっと解決してくれるでしょう
NervesJP Slack workspaceでは、NervesやIoTが好きな愉快なfolksたちがあなたの訪れを歓迎します
たくさんのコミュニティがあります
- @nako_sleep_9h さん作の素敵な資料をご紹介します
- Elixirコミュニティの歩き方〜国内オンライン編〜