```chart
{
"type": "bar",
"data": {
"labels": ["8月1日", "8月2日", "8月3日", "8月4日", "8月5日", "8月6日", "8月7日"],
"datasets": [
{
"label": "A店 来客数",
"data": [62, 65, 93, 85, 51, 66, 47],
"backgroundColor": "rgba(219,39,91,0.5)"
```mermaid
gantt
title ガントチャート
dateFormat YYYY-MM-DD
section 製品A開発セクション
設計 : done, task1, 2017-12-11, 2017-12-15
実装 : active, task2, 2017-12-18, 5d
単体テスト : task3, after task2, 5d
結合テスト : task4, after task3, 5d
$\sqrt{3x-1}+(1+x)^2$
$$\begin{array}{c}
\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} &
= \frac{4\pi}{c}\vec{\mathbf{j}} \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\
\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\
@startuml
title 家計簿アプリの家計簿取得シーケンス
participant "ユーザー"
box "家計簿システム" #LightBlue
participant "Play"
participant "Redis"
participant "MySQL"
```sequence-diagrams
Andrew->China: Says
Note right of China: China thinks\nabout it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
```
| #!/usr/bin/env bash | |
| main() { | |
| local image=$1 | |
| local color=${2:-a0a8a9} | |
| local borderWeight=${3:-10} | |
| local width=$(sips -g pixelWidth $1 | awk -F ' ' '{print $2}') | |
| local height=$(sips -g pixelHeight $1 | awk -F ' ' '{print $2}') | |
| echo $width | |
| echo $height |
| import css from 'styled-jsx/css' | |
| import { useState, useEffect } from 'react' | |
| const styles = css` | |
| .controls { | |
| display: inline-flex; | |
| justify-content: space-between; | |
| background: #e7e7e7; | |
| border-radius: 8px; | |
| overflow: hidden; |
| package main | |
| import ( | |
| "bufio" | |
| "bytes" | |
| "encoding/json" | |
| "fmt" | |
| "io/ioutil" | |
| . "jt/types" | |
| "log" |