撮った画像 ^#

サポート状況 ^#

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

テンプレート ^#

表^#

|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
• 「いらすとや」さんのイラストを使いました。

他のレイアウト ^#

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

使用したライブラリ

Ace
Copyright (c) 2010, Ajax.org B.V. All rights reserved.

---

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