撮った画像 ^#

サポート状況 ^#

MacのFirefoxではSVGの落書きの保存はできません
MacのChromeでは動作します。
iPadのSafari, Chromeでは動作します。

テンプレート ^#

output | input

表^#

|1|2|3|4|5|6|7| 8|9|
|-|-|-|-|-|-|-|-| -|
|1|2|3|4|5|6|7|8|9|
|1|2|3|4|5|6|7|8|9|
|1|2|3|4|5|6|7|8|9|
|1|2|3|4|5|6|7|8|9|
|1|2|3|4|5|6|7|8|9|
|1|2|3|4|5|6|7|8|9|
|1|2|3|4|5|6|7|8|9|
|1|2|3|4|5|6|7|8|9|

問題解決

問題解決の流れ

Where (What): 問題がどこにあるか?<br><br><hr>
Why: その問題の原因は何か? <br><br><hr>
How: ではどうすればよいか? <br><br><hr>

書籍 「問題解決 あらゆる課題を突破するビジネスパーソン必須の仕事術」 から引用

問題: 理想と現状のギャップ
        
「問題とは、望まれた事柄と認識された事柄の間の相違である」

過程(プロセス)と構造

## 過程(プロセス)

|過程1 →|過程2 →|過程3 →|過程4|
|-----|-----|-----|-----|
|-||||

## 構造

```

+-----------------+
|                 |
+-----------------+
|                 |
+-----------------+
|                 |
+-----------------+
```

段組みレイアウト

# 段組みレイアウト

multi-column layouts

<div style="column-count:2;">
## びっくりする猫

<img width="140" src="image/cat_icon/cat2_2_surprise.png">

## 大事なもの

1. 食事
2. 睡眠
3. 運動
</div>

## 参考

[段組みレイアウトの使用](https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Using_multi-column_layouts)

webcam^#

  <video id="gum" playsinline autoplay muted></video>
<script> init_camera();  </script>

他のレイアウト ^#

左側にエディタを出す
下にスクロールしたところにエディタを出す

参考 ^#

Markdeep - Causal Effects
Preview Markdeep as you're typing (very simple, unstyled proof of concept)
markmap
svg board
「いらすとや」さんのイラストを使いました。

使用したライブラリ

このページのQRコード
Takashi Masuyama mamewotoko AT gmail.com
mamewotoko/markdeep_cam

撮った画像 #

サポート状況 #

テンプレート #

表#

問題解決

問題解決の流れ

過程(プロセス)と構造

段組みレイアウト

webcam#

他のレイアウト #

参考 #

使用したライブラリ

撮った画像 ^#

サポート状況 ^#

テンプレート ^#

表^#

webcam^#

他のレイアウト ^#

参考 ^#