Cosenseチュートリアルスライド

右のメニューのStart presentationを押すと、スライド表示できます

編集途中段階のサイト

1 2 3 4 5 6 7 8

最終版Scrapboxサイト

Scrapboxって何?

単純で強力なWiki

様々な特長

WYSIWYG編集

複数ユーザ同時編集

単純なタグ表記

双方向リンク

2ホップ先リンク表示

京都の今出川で書籍情報サービスを運営するスタートアップ「Pitecan Inc.」のScrapboxサイトを作ってみましょう

「Pitecan Inc.」というページを作る

タイトルと中身を書いてみる

https://gyazo.com/e92e9c78b526e5a0eecbe9df13fee2b2.png

ページリスト

一件だけ

https://gyazo.com/d2ca51a39c64d4520f36455c0d670a36.png

画像やテキストを追加し、タグを指定する

タグ単語(e.g. 「京都」「今出川」)を[ ]で囲む

https://gyazo.com/1ffc9bf1658610f0a8908e03686baa3f.png

「今出川」タグをクリックしてページを作成

タグはすべてページになる

マメにページを作ると後で役に立つ

画像を貼るとわかりやすい

https://gyazo.com/4c8097735dabc60aa026edf5bf16f562.png

「京都」のページも作っておく

内容は空でかまわない

画像つきタグのようなもの

https://gyazo.com/9996d987da3dc692c9baabd1dfe0995e.png

3ページできた

https://gyazo.com/bfa6c4c6b1fda0658e27bb9b24ad29d1.png

3枚のページがすべて直接密に双方向リンクでつながっている

リンクされてる関連ページが下に表示される

「京都」から「Pitecan Inc.」へのリンクも出来ている

https://gyazo.com/f95df9a518deb98923657c10c513ae80.png https://gyazo.com/b4386d077d160cb371602a6b15d88e8d.png

ページ内容を充実させていく

Amazon、Booklogなどのタグ追加

https://gyazo.com/8234723247320b5b4c47d66886e90ed9.png

Booklogのページを記述

https://gyazo.com/a7096ae91f48de940190d19eb7c817df.png

Booklogページのリンク情報

BooklogのページはPitecanのページとだけ直接リンク

Amazonのページとは「書評」つながり

Amazon ⇔ 書評 ⇔ Booklog

「京都」とかは関係ないのでつながっていない

https://gyazo.com/ee6a054a8adb59672dc87f674de1ae0e.png

全ページリスト

京都とかBooklogとかいろいろ並んでいる

https://gyazo.com/678e1210c250817b85feb3f661b83369.png

メンバーリストを追加

https://gyazo.com/134a2af42616f0b0a5069c180e967f7d.png

メンバーページ

メンバの写真つきでページを作り、「人物」タグをつけておく

人物とかサービスとか、固有名詞はすべてページにするといい

https://gyazo.com/16c4da9341bc58b8cfcc0d9bdaef31bb.png

春山君ページのリンク関係

https://gyazo.com/957b217338a4d354d10121e281d0e735.png

Pitecanページと直接リンクされている

同僚ページが「人物」タグつながりで表示されている

同じタグをもつページはすべて表示される

こまめに沢山タグを書いておけば後で役に立つ

出身や趣味などのタグを追加

https://gyazo.com/48d4079d06546213778714fbbc44f777.png

春山君のリンク関係

京大リンクが増えた

https://gyazo.com/01d30f1d60f3828b796842fc9c672162.png

京大のリンク関係

大学つながりでSFCとか表示されてる

https://gyazo.com/88c00a5ec1672e7acb88ec1e9ab137f4.png

全ページリスト

https://gyazo.com/36fa2fd775272b4186a75cb6c3668881.png

ランチ情報などを追加

近所のカレー屋などのページを作り、関係ありそうなタグを書いておく

会社のサイトだったはずでは? とか気にしないで書いてしまう

ぐちゃぐちゃになって困ることはありません

https://gyazo.com/169bc7e2e53910528929bcd415edfa6d.png

今出川ココイチ情報追加

https://gyazo.com/ea4a75fbd4ffd82588d631f1a4653b41.png

ココイチのリンク関係

関連するランチ情報が沢山リンクとして表示される

「今出川」つながりでPitecan Inc.も表示されてる

https://gyazo.com/f71715389ca42931a9c55027d6c36e12.png

全ページリスト

会社情報が埋もれてきた?

https://gyazo.com/e03a5e4e2454e449db6664aa82d565ba.png

アイコン記法を活用してネタ記述

https://gyazo.com/6eaf3eea3bf06e08edd8e24dd21d98a4.png

https://gyazo.com/d2b568227311587f6b7dcf01a233329f.png

たまこのリンク関係

鴨川、アニメなどの情報しかリンクされていない

https://gyazo.com/d5e063eb0647dd94b8a68e527bb3a3ab.png

新人歓迎会情報を追加

https://gyazo.com/cad70739907c23e44847499d9a8c3b89.png

新人歓迎会のページを作る

https://gyazo.com/72e70b284a0149852e03e6c9ee03c3a4.png

全ページリスト

会社情報と周辺情報と趣味が入り混じっている

だがしかし実は混線していない

https://gyazo.com/f59f3d07027486624125393ca80ea3b4.png

開発情報なども普通に追加

https://gyazo.com/2f67fe28f5a8025b995668e7636ae6bb.png

開発関連ページ

https://gyazo.com/db64ebced5b2b5a30510e2e5973e2f23.png

テキトーにページ増やして大丈夫なの?

仕事/趣味/レストランなどが入り乱れてるが...

https://gyazo.com/a501d06faa986f7e32f2b7b329206187.png

全然大丈夫!

ラーメン屋のページを表示