LoginSignup
10
2

More than 1 year has passed since last update.

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

Last updated at Posted at 2022-01-22

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

Advent Calendar 2022 22日目1の記事です。
I'm ready for 12/25,2022 :santa::santa_tone1::santa_tone2::santa_tone3::santa_tone4::santa_tone5:
I'm looking forward to 12/25,2022 :santa::santa_tone1::santa_tone2::santa_tone3::santa_tone4::santa_tone5:
I can't wait for 12/25,2022 :santa::santa_tone1::santa_tone2::santa_tone3::santa_tone4::santa_tone5:
私のAdvent Calendar 2022 一覧


はじめに

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

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

Mermaidという

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

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

使い方

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

スクリーンショット 2022-01-23 6.19.20.png

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

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

https___qiita-image-store.s3.ap-northeast-1.amazonaws.com_0_369713_10edb1e0-aeef-48c8-fdd3-4d08a81a92a0.png

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

スクリーンショット 2022-01-23 6.16.56.png

日本語使えた :tada::tada::tada:

サンプル

スクリーンショット 2022-01-23 12.48.00.png

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

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

Wrapping up :lgtm::lgtm::lgtm::lgtm::lgtm:

Enjoy Elixir:bangbang::bangbang::bangbang:
$\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です:rocket::rocket::rocket:


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アプリケーションを楽しむなら

IoTを楽しむなら

AIを楽しむなら

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

コミュニティ

FCOvBkAUYAE6mL8.jpeg

(@piacerex さん作 :pray::pray_tone1::pray_tone2::pray_tone3::pray_tone4::pray_tone5:)

Elixirコミュニティに初めて接する方は下記がオススメです

Elixirコミュニティ の歩き方 -国内オンライン編-

https://speakerdeck.com/elijo/elixirkomiyunitei-falsebu-kifang-guo-nei-onrainbian

image.png


I organize autoracex.
And I belong to NervesJP, fukuoka.ex, EDI.
I hope someday you'll join us.

We Are The Alchemists, my friends!

  1. @kaizen_nagoya さんの「「@e99h2121 アドベントカレンダーではありますまいか Advent Calendar 2020」の改訂版ではありますまいか Advent Calendar 2022 1日目 Most Breakthrough Generator」から着想を得て、模倣いたしました。

10
2
5

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
2