サンドボックス　自由に編集できるページ

このサイトの編集について

誰もでも編集できるようにしていますが、ユーザーアカウントを作成しての編集を推奨します。基本的にはmarkdownの記法が使えます。詳細は機能紹介のテンプレートやチュートリアルを参照。

編集する

表組について

表はatomかvscodeのmarkdownの表に対応したプラグインを使うと編集が楽かと思います。エクセルからのコピペや、カンマ区切りのテキストをmarkdownの表に変換してくれるものがあります。
Excelからmarkdown形式に変換してくれるサイト

保存できるの？

ここから練習スペース

markdownの文法のチェックや、その他何でも確認用に自由に編集できるページです。

フローチャート2

Vega-Liteによる表現　感染者数と致死率の散布図

hackmdではVega-Liteを使用でき、インタラクティブなグラフをcsvやjsonのデータから生成することができる。ここではCOVID-19の感染者数と致死率をグラフにしてみた。国名をマウスオーバまたはタップすると元のjsonファイルから個々の数値を参照出来る。感染者数は比較のため対数スケールとした。リファレンスとして中国の致死率（CFR）3.8%ラインを表示。データのソースは例によってテンセントの統計ページから。100人以上の感染者、死者の出ているイギリスまでをピックアップ。

Vega-Lite　Overview
https://vega.github.io/vega-lite/docs/
Vega Editor
https://vega.github.io/editor/

Save as SVGSave as PNGView SourceView Compiled VegaOpen in Vega Editor

---

円グラフサンプル

---

シーケンス図

---

フローチャート

---

---

https://qiita.com/rubytomato@github/items/51779135bc4b77c8c20d

これはすごい！

mermaidの他の例

pdfのインライン表示

他のページのインライン表示

インラインというか、見出しまでシームレスに繋いでくれる。使えそう。

新型コロナ（COVID-19）嫌儲対策本部

用語集

Table of Contents

• サンドボックス　自由に編集できるページ
  • このサイトの編集について
  • 編集する
  • 表組について
  • 保存できるの？
  • ここから練習スペース
  • Vega-Liteによる表現　感染者数と致死率の散布図
  • mermaidの他の例
  • pdfのインライン表示
  • 他のページのインライン表示
• 用語集
  • Table of Contents
    • レニン-アンギオテンシン-アルドステロン系（RAA系）(RAAS)
    • アンギオテンシン
    • アンギオテンシン変換酵素（ACE）
    • パンデミック（pandemic）
  • Who am I?
    • 70% of our users are developers. Developers GitHub.
    • Usage flow
    • Architecture of extension
  • Content script
• • • Wrap up
    • Thank you!

レニン-アンギオテンシン-アルドステロン系（RAA系）(RAAS)

血圧上げる系。血圧や体液量の調節機構で中心的な役割を担う。レニン分泌は血圧低下、食塩摂取量の低下などによる現尿中のCl^-濃度の低下、および交感神経刺激（β作用）によって促進される。レニンは蛋白質分解酵素であり、主に肝臓で生成されるアンギオテンシノゲンを分解してアンギオテンシンIを生成する。

アンギオテンシンIはアンギオテンシン変換酵素（ACE）により、主に肺でアンギオテンシンIIに変換される。アンギオテンシンIIは血管平滑筋を収縮させ、血圧を上昇させ、また近位尿細管でNa⁺再吸収を促進する。また、副腎皮質に働きかけてアルドステロン放出を促す。

竹内修二　監修『生理学トレーニングノート』(2013) より

アンギオテンシン

アンギオテンシンI

アンギオテンシンII

アンギオテンシン変換酵素（ACE）

パンデミック（pandemic）

感染症の世界的大流行のこと。北海道でパンデミック、日本でパンデミックなどの使い方は間違い。WHOは2020/2/28、世界の感染リスクを最高レベルのvery highに指定。一方で、現在の状況はパンデミックにはあたらないとした。WHOはパンデミック宣言について"役に立たない"と述べ、今後この言葉は使用しないつもりなのかもしれない。
[BBC] He said earlier that it would be "unhelpful" to declare a pandemic when the world was still trying to contain the virus.
"If we say there's a pandemic of coronavirus we're essentially accepting that every human on the planet will be exposed to that virus. The data does not support that as yet," he said.

→3/11、WHOがパンデミックを宣言。

tags: Documentation

---

slide: https://hackmd.io/p/template-Talk-slide

---

We have a collaborative session

please prepare laptop or smartphone to join!

---

Who am I?

• Front-end developer
• VSCode
• I use tabs.

---

70% of our users are developers. Developers GitHub.

---

---

Usage flow

---

---

Architecture of extension

---

---

Content script

• Bind with each page
• Manipulate DOM
• Add event listeners
• Isolated JavaScript environment
  • It doesn't break things

---

---

• onMessage('event'): Register event listener
• sendMessage('event'): Trigger event

---

---

• Dead simple API
• Only cares about application logic

---

import * as Channeru from 'channeru'

// setup channel in different page environment, once
const channel = Channeru.create()

---

// in background script
const fakeLogin = async () => true

channel.answer('isLogin', async () => {
  return await fakeLogin()
})

// in inject script
const isLogin = await channel.callBackground('isLogin')
console.log(isLogin) //-> true

---

---

Wrap up

• Cross envornment commnication
• A small library to solve messaging pain
• TypeScript Rocks

---

Thank you!

You can find me on

• GitHub
• Twitter
• or email me

---

グローバルダイニング系列店

2020年12月26日にモンスーンカフェお台場において、害虫の混入した料理をお客様へ提供してしまう異物混入事故が発生しました。
https://archive.ph/tFhOJ