SlackのPost機能はMarkdownとMedium的なインターフェイスの中間ぐらいの書き味

2018年8月 現在

## Post機能とは？

- Markdown編集が出来る
- 見やすいフォーマットで情報共有が出来る (ファイル共有ではない)

### Slackチャンネル内での見た目

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/65815c94-ab7b-03e9-4109-7919a8c71fdd.png)

### 編集イメージ

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/c11a9f3c-eb1e-b4ea-40be-39123fbd0eeb.png)


### Snipetとの比較

- SnipetはMarkDownをシンタックスハイライトしてくれるだけ
- ファイルダウンロードしてからMarkdownビューアーで開かないと、Markdownの良さは得られない
  - Markdownのビューアが入っていない環境では、ほぼただの文字列でしかない

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/da954e04-563c-97d7-8666-d76b47a33606.png)

## まとめ

### インターフェイス

- Markdown記法でもMeiumチックにも編集できる
- ちなみに Medium は現時点で最高の UI / WX (ライターズエクスペリエンス) を持つWebサービス
- [起業家やブロガーがこぞってMediumとnoteを使う理由(Medium編) – Medium Japan – Medium](https://medium.com/japan/%E8%B5%B7%E6%A5%AD%E5%AE%B6%E3%82%84%E3%83%96%E3%83%AD%E3%82%AC%E3%83%BC%E3%81%8C%E3%81%93%E3%81%9E%E3%81%A3%E3%81%A6medium%E3%81%A8note%E3%82%92%E4%BD%BF%E3%81%86%E7%90%86%E7%94%B1-3ff39df68f14)
  - 「Mediumチックな入力」はプログラマは慣れないかもしれないが、世界標準的な操作方法になってきている感があると思うので、慣れておくと良いかもしれない。
- コンセプトは良いが、まだまだ使い心地がぎこちない。
  - 操作方法が分からないことがある
  - 見出し入力モードから抜け出せなくなったり
  - 編集自体はリアルタイムでの自動保存なのに、Slackチャンネル本体にリアルタイム反映されたりされなかったりする

### 共同編集機能はいまいち

- 共同編集モードはあるが「同時」に共同編集はできない ( [Slack公式ヘルプ](https://get.slack.help/hc/ja/articles/203950418-%E3%83%9D%E3%82%B9%E3%83%88%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B) を参照)

### 動作が重い
- 編集モードに入るまでの立ち上げが遅い。
 アプリ内で完結しておらず、別ウィンドウで Web View が開かれる。

### 再利用しづらい

- あとからMarkdownには復元できない、Markdown情報は失われてしまう (あくまでMarkdown記法を「トリガー」にして編集できるだけなので)
- 編集したファイルは一見、添付ファイルチックに見えるがダウンロードはできない様子 (嘘だろ)
  - 現状で内容を保存するとしたら、Webで開いてそのままHTMLを「名前をつけて保存」とかだろうか。


## 使い方

Slack投稿エリアの `+` ボタンからPostを新規作成出来る。(全然気付いていなかった)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/d6411e41-5c53-5df5-ec31-e49be5045ac5.png)

## 編集

Markdown入力を**トリガー**にして、入力モードが切り替わる仕様。
あくまでMarkdownエディタを「装った」インタラクティブなエディタといった感じ。

## ヘルプ

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/c90bd8cb-f605-5084-3e83-e59bde33f5f7.png)


Mediumチックなショートカットと、Markdown記法が併記されているのが分かる。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/cb21b448-0449-1ead-3392-b3a2864e2400.png)


### 見出し

たとえば `#` -> `スペース` の順で入力すると、見出し入力モードになる。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/a2197df5-847f-6547-ef79-c4971cd3ea3a.png)

### リスト

`ハイフン` と `スペース` でリスト入力モードになる (普通)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/8433ddf0-ede4-0436-9e2c-5d68399fcaf2.png)

### コードブロック

おなじみの `バックスラッシュ3個` と `スペース` でコードブロックも書ける

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/196b4d34-2a4d-f775-6062-94f20d7f4b00.png)

- トリガーはEnterではないので注意
- コードブロック内で改行する場合は `Shift` + `Enter`

### 非対応

リンクとか、対応していない記法もある

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/f89a689d-84c8-4cae-36d2-2833df7a4710.png)

## 自動保存

特に「編集決定」やという概念はなく、編集内容は半リアルタイムで自動保存される。

( 内容を編集すると *Saving…* から *Saved* に変わる )

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/2d9eabed-61d0-d6f2-b5f5-d623ae54c2e2.png)

## 共同編集を許可する場合

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/e091e429-0b64-0e75-c877-e08de0100199.png)

## 再編集

このボタンから。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/703a7fbd-d3d5-2b0c-b2e0-8ade9a55fdf5.png)

## 動作

### Slackチャンネル本体への反映

リアルタイムで反映される場合と、されない場合がある。(Macアプリで動作確認)
よく分からないが、Slackアプリ側でトリガー処理か何かがうまくいっていない気がする。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/6174e2c1-d47d-08ca-38c4-07ae5b39c416.png)

タイトルを変更して、さらに本文にカーソルを移動した時にリネーム処理が走って、リアルタイム反映されたり。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/bb016fec-66dc-5347-8ca8-3cb6bfff3afb.png)

タイトルと本文が別々の管理になっている感じ。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/89618/70694927-e123-27d7-ccb1-dbbe9b87eab7.png)


## 関連

- [ポストを作成する – Slack](https://get.slack.help/hc/ja/articles/203950418-%E3%83%9D%E3%82%B9%E3%83%88%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B)








<!-- Update From Qiita API -->

# チャットメンバー募集


何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ





# Twitter


https://twitter.com/YumaInaura


<!-- Update From Qiita API -->