Skip to content

Commit

Permalink
Merge pull request #1201 from utelecon/202409-scrapbox-to-cosense
Browse files Browse the repository at this point in the history
Scrapbox / Cosenseのサービス名変更への対応
  • Loading branch information
jtamatsukuri authored Nov 7, 2024
2 parents db0ae7f + 300dd65 commit f430eaa
Show file tree
Hide file tree
Showing 101 changed files with 76 additions and 67 deletions.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Binary file added src/pages/articles/cosense/13.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Binary file added src/pages/articles/cosense/2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Binary file added src/pages/articles/cosense/3.png
Binary file added src/pages/articles/cosense/30.png
File renamed without changes
Binary file added src/pages/articles/cosense/4.png
Binary file added src/pages/articles/cosense/5.png
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
---
title: Scrapboxの基本的な使い方
title: Cosenseの基本的な使い方
---

## この記事のハイライト

この記事では,Scrapboxの基本的な使い方を説明します
この記事では,Cosense(旧:Scrapbox)の基本的な使い方を説明します

### 以下のような場面で使用できます

Expand All @@ -20,13 +20,13 @@ title: Scrapboxの基本的な使い方
* プロジェクト単位での情報共有となり,一つずつのページごとの共有はできない
* デフォルトではページは特に整理されず,作成順などで一覧として並び,自動では資料を構造化できない

## Scrapboxとは
## Cosenseとは

Scrapboxは,Nota Inc.が提供する,オンラインで多数のメモ書きやノートを保存して整理するためのツールです.複数人が共同で同時編集をしたり,URLを使って内容を共有したりすることができます.「リンク」や「タグ」などを使って多数のページを簡単に繋げることができるのが特徴で,これを活用して,オンライン授業で資料をまとめたポータルサイトのように使うことができます.
Cosenseは,Helpfeel株式会社が提供する,オンラインで多数のメモ書きやノートを保存して整理するためのツールです.複数人が共同で同時編集をしたり,URLを使って内容を共有したりすることができます.「リンク」や「タグ」などを使って多数のページを簡単に繋げることができるのが特徴で,これを活用して,オンライン授業で資料をまとめたポータルサイトのように使うことができます.

<img src="logo.png" width="300px">

Scrapboxを利用することで,下図のような資料を簡単に作成することができます.
Cosenseを利用することで,下図のような資料を簡単に作成することができます.

<figure>
<img src="30.png">
Expand All @@ -37,28 +37,30 @@ Scrapboxを利用することで,下図のような資料を簡単に作成す
誰でも閲覧できる公開プロジェクトの場合は,使用用途・ページ数に関わらず全ての機能を無料利用することができます.閲覧者を限定できるプライベートプロジェクトの場合でも,個人利用・教育利用の範囲であれば,全ての機能を無料で利用することができます.
なお,無料版の利用にはGoogle アカウントが必要です.

ビジネス用途では有料になる場合があります.詳細はScrapboxの[料金プラン](https://scrapbox.io/pricing)」ページを確認してください.
ビジネス用途では有料になる場合があります.詳細はCosenseの[料金プラン](https://cosen.se/pricing)」ページを確認してください.

## アカウントを作成する
ここではGoogle アカウントでログインするアカウントを作成する手順を説明します.

ブラウザからScrapboxのウェブサイト[https://scrapbox.io/product](https://scrapbox.io/product))にアクセスし,「いますぐお試し」のボタンをクリックします.
ブラウザからCosenseのウェブサイト[https://cosen.se/product](https://cosen.se/product))にアクセスし,「いますぐお試し」のボタンをクリックします.

<figure>
<img src="2.png">

![](./2.png){:.medium.center}

<figcaption>赤丸で囲んだ部分をクリック(右上の「いますぐお試し」文字列でも良いです).</figcaption>
</figure>

Scrapboxで使用するGoogle アカウントのメールアドレスもしくは紐付いている電話番号を入力し,続いてパスワードを入力します.
Cosenseで使用するGoogle アカウントのメールアドレスもしくは紐付いている電話番号を入力し,続いてパスワードを入力します.

<figure class="gallery">
<img src="3.png">
<img src="4.png">
</figure>

場合によっては複数のアカウントの候補が提示されますが(右図),その場合はScrapboxで使用したいアカウントを選択します
場合によっては複数のアカウントの候補が提示されますが(右図),その場合はCosenseで使用したいアカウントを選択します

Google アカウントと連携されると,Scrapboxのアカウント設定画面に切り替わります.「Name」と「Username」をそれぞれ入力してください.
Google アカウントと連携されると,Cosenseのアカウント設定画面に切り替わります.「Name」と「Username」をそれぞれ入力してください.

<figure>
<img src="5.png">
Expand All @@ -78,11 +80,11 @@ Google アカウントと連携されると,Scrapboxのアカウント設定
## プロジェクトを作成する
{:#create_project}

Scrapboxにおけるプロジェクトとは,情報をまとめるためのスペースの単位のことを言います.利用者は,プロジェクトごとに目的とする情報を検索することができます.また,情報共有の単位でもあり,プロジェクトごとに共有の設定を行うことができます.
Cosenseにおけるプロジェクトとは,情報をまとめるためのスペースの単位のことを言います.利用者は,プロジェクトごとに目的とする情報を検索することができます.また,情報共有の単位でもあり,プロジェクトごとに共有の設定を行うことができます.

以下では,プロジェクトの作成方法を説明します.

1. 画面左上の「S」ボタンを押してから,「Create new project」を選択してください.アカウントを作成した直後には,画面上に「Create new project」ボタンが表示されている場合もあります.
1. 画面左上のロゴマークを押してから,「Create new project」を選択してください.アカウントを作成した直後には,画面上に「Create new project」ボタンが表示されている場合もあります.
2. 「Project name」の部分に,任意の半角英数字を打ち込みます.この部分がURLとなり,学生に共有することでプロジェクト内の記事を閲覧してもらうことが可能です.
3. プロジェクトの詳細項目を設定します.
* **プロジェクトの公開設定**:「パブリックプロジェクト」と「プライベートプロジェクト」から選択することができます.それぞれのプロジェクトには,以下のような特徴があります.
Expand All @@ -93,7 +95,7 @@ Scrapboxにおけるプロジェクトとは,情報をまとめるためのス
* プライベートプロジェクト (private)
* 非公開のプロジェクトです.プロジェクトのURLを知っていても,アクセス権限のないユーザーはプロジェクトを閲覧できません.
* プロジェクトにアクセスするためには,管理者から配られた招待用のリンク「インバイトリンク」にアクセスする必要があります.
* **「Upload image to」**:画像のアップロード先を選択します.通常は「scrapbox.io」を選択すれば問題ありません.アップロードした画像がScrapbox上に保存されます
* **「Upload image to」**:画像のアップロード先を選択します.通常は「scrapbox.io」を選択すれば問題ありません.アップロードした画像がCosense上に保存されます
4. 入力し終えたら,緑の「Create」ボタンをクリックします.

<figure>
Expand All @@ -105,7 +107,7 @@ Scrapboxにおけるプロジェクトとは,情報をまとめるためのス

プロジェクトを作成したら,他の人がプロジェクトにアクセスできるように,プロジェクトの共有を行う必要があります.

画面左上の「S」ボタンを押してから,「Project settings」を選択して,設定画面を開きます.
画面左上のロゴマークを押してから,「Project settings」を選択して,設定画面を開きます.

公開プロジェクトの場合は,設定画面上部の「Settings」を選択すると表示される「Project url」を共有することで,このURLを知っている人は誰でもプロジェクトを閲覧できるようになります.
<img src="007.png">
Expand All @@ -127,7 +129,7 @@ Scrapboxにおけるプロジェクトとは,情報をまとめるためのス

* **①ページ作成**:画面上部中央の「+」ボタンを押すと,プロジェクト内で新しいページが作成されます.ページでは,文字を打ち込むと自動で保存されます.

* **②メニューボタン**画面左上の「S」ボタンを押すことで,プロジェクトの設定などに関するメニューが表示されます.<img src="003.png">
* **②メニューボタン**画面左上のロゴマークを押すことで,プロジェクトの設定などに関するメニューが表示されます.<img src="003.png">
* **Create new project**:新しいプロジェクトを作成可能
* **Project settings**:プロジェクトについての様々な設定が可能
* **Members**:ここに表示されているリンクを相手に共有することでプロジェクトメンバーへの追加が可能
Expand All @@ -141,7 +143,7 @@ Scrapboxにおけるプロジェクトとは,情報をまとめるためのス

## ページを作成して編集する

Scrapboxにおけるページとは,プロジェクト内に蓄積される,情報のまとまりの単位です.授業で活用する場合は,授業ごとにページを作成すると良いでしょう.
Cosenseにおけるページとは,プロジェクト内に蓄積される,情報のまとまりの単位です.授業で活用する場合は,授業ごとにページを作成すると良いでしょう.

ページには以下のような特徴があります.

Expand Down Expand Up @@ -261,7 +263,7 @@ PCに保存されている画像をページに挿入する場合は,ドラッ

#### PCで操作する場合

Scrapboxのドローイング機能を使い,手書きの図をページに挿入することが可能です.
Cosenseのドローイング機能を使い,手書きの図をページに挿入することが可能です.

画面右の![](20.png){:.icon}アイコンから「Drawing」を選び(画像赤丸部分),ドローイング画面を表示します.

Expand Down Expand Up @@ -293,15 +295,15 @@ Scrapboxのドローイング機能を使い,手書きの図をページに挿
</figure>

## Tips:Slackなどのチャットツールに更新を通知する
Slackと連携させることによって,Scrapboxの更新をSlackで確認できるようになります
Slackと連携させることによって,Cosenseの更新をSlackで確認できるようになります
Slackの基本的な使い方は,「[Slackで学生とコミュニケーションを取る方法](/articles/slack-communication/)」も参考にしてください.

1. 画面左上「S」ボタンの中のメニューから,Project settings画面のNotificationsタブを開きます.
1. 画面左上ロゴマークの中のメニューから,Project settings画面のNotificationsタブを開きます.
2. 設定画面の「Slack Notification」のリンクを開き,Slack Integrationで「Incoming Webhook」を作成します.([Slack での Incoming Webhook の利用](https://slack.com/intl/ja-jp/help/articles/115005265063-Slack-%E3%81%A7%E3%81%AE-Incoming-Webhook-%E3%81%AE%E5%88%A9%E7%94%A8) を参照して下さい.)
3. 「Incoming Webhook」のURL (`https://hooks.slack.com~~`) を貼り付け,Addを押して下さい.

* 通知タイミング
* Scrapboxへ最後に書き込んだ後,90秒経過すると通知されます.
* Cosenseへ最後に書き込んだ後,90秒経過すると通知されます.
* 連続して書き続けている間は通知されません.
* 他のチャットツールへ通知する
* Slack以外のURLにも,通知は送信可能です.
Expand All @@ -310,7 +312,7 @@ Slackの基本的な使い方は,「[Slackで学生とコミュニケーショ
## (+α)グッドプラクティス・応用例の紹介

* [白石忠志 先生 法Ⅰ](/good-practice/interview/shiraishi.html)
* Scrapboxを活用した授業が紹介されています
* Scrapbox(現:Cosense)を活用した授業が紹介されています
* 授業で実際に用いられたScrapboxのページは,[https://scrapbox.io/jcomp/](https://scrapbox.io/jcomp/)からアクセスできます.
* [東京都立大学オンライン授業サポートページ(教員用) (scrapbox.io)](https://scrapbox.io/tmu-online-tips/)

Binary file added src/pages/articles/cosense/logo.png
2 changes: 1 addition & 1 deletion src/pages/articles/goodnotes-writing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -325,7 +325,7 @@ GoodNotes 5では,PowerPoint,Word,PDF,各種画像ファイルを読み
{:#advanced}

* [白石忠志 先生:法I](/good-practice/interview/shiraishi)
* 白石先生の授業は約400人の学生が受講した大人数講義でした.講義中の板書にGoodNotes 5を使用し,講義後にはScrapboxに板書の画像を掲載していました
* 白石先生の授業は約400人の学生が受講した大人数講義でした.講義中の板書にGoodNotes 5を使用し,講義後にはScrapbox(現:Cosense)に板書の画像を掲載していました
* [齊藤宣一 先生:計算数理I・計算数理](/good-practice/interview/saito)
* 齊藤先生の授業は約70人の学生が受講した中規模講義でした.講義中の板書にGoodNotes 5を使用し,講義後には板書の画像をPDFにして学生と共有していました.

Expand Down
3 changes: 3 additions & 0 deletions src/pages/articles/scrapbox.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
---
redirect_to: "/articles/cosense"
---
Binary file removed src/pages/articles/scrapbox/13.png
Diff not rendered.
Binary file removed src/pages/articles/scrapbox/2.png
Diff not rendered.
Binary file removed src/pages/articles/scrapbox/3.png
Diff not rendered.
Binary file removed src/pages/articles/scrapbox/30.png
Diff not rendered.
Binary file removed src/pages/articles/scrapbox/4.png
Diff not rendered.
Binary file removed src/pages/articles/scrapbox/5.png
Diff not rendered.
Binary file removed src/pages/articles/scrapbox/logo.png
Diff not rendered.
2 changes: 1 addition & 1 deletion src/pages/articles/slack-seminar/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ Slackは,リアルタイムでやりとりができるメッセージプラッ

#### \*Scrapboxについて

Scrapboxは,Nota株式会社が運営する情報共有サービスです.ページ間のリンク機能があり,階層構造を持った情報を簡単に記入することができます.詳細は「[Scrapboxの基本的な使い方](/articles/scrapbox/)」を確認してください.
Scrapbox(現:Cosense)は,Nota株式会社(現:Helpfeel株式会社)が運営する情報共有サービスです.ページ間のリンク機能があり,階層構造を持った情報を簡単に記入することができます.詳細は「[Scrapboxの基本的な使い方](/articles/cosense/)」を確認してください.
(Scrapboxを活用した別の事例としては,グッドプラクティス「[白石忠志先生の授業:法Ⅰ(教養学部前期課程約400名)](/good-practice/interview/shiraishi)」をご確認いただけます.)

### 用意するチャンネル
Expand Down
Binary file modified src/pages/articles/student-communication/image5.png
10 changes: 5 additions & 5 deletions src/pages/articles/student-communication/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ LINEオープンチャットはテキストのやりとり主としたコミュ
- フォントやアニメーションなどインターフェースの部分でこだわりたい →Microsoft Office
- 他人と共同作業を行いながら資料を作成したい →Google Workspace
- タブレット(iPad など)で資料を作成したい →Goodnotes 5
- 多岐にわたる資料を一箇所に集約しながら活用したい →Scrapbox
- 多岐にわたる資料を一箇所に集約しながら活用したい →Cosense

### ツール紹介

Expand Down Expand Up @@ -113,16 +113,16 @@ iOSで提供されているメモ/描画用アプリケーションです.

詳しい使い方については[こちら](/articles/goodnotes-writing/)をご覧ください.

#### Scrapbox
#### Cosense

<figure>
![](image5.png){:.height70}
</figure>
Scrapboxは,オンラインで多数のメモ書きやノートを保存して整理するためのツールです.複数人が共同で同時編集をしたり,URLを使って内容を共有したりすることができ,「リンク」や「タグ」などを使って多数のページを簡単に繋げることができるのが特徴です.手書き資料も挿入することができます.
Cosense(旧:Scrapbox)は,オンラインで多数のメモ書きやノートを保存して整理するためのツールです.複数人が共同で同時編集をしたり,URLを使って内容を共有したりすることができ,「リンク」や「タグ」などを使って多数のページを簡単に繋げることができるのが特徴です.手書き資料も挿入することができます.

一つの勉強会で多くの資料が用いられることが予想される場合は,Scrapbox をポータルサイト的に用いることもできます.
一つの勉強会で多くの資料が用いられることが予想される場合は,Cosense をポータルサイト的に用いることもできます.

詳しい使い方については[こちら](/articles/scrapbox/)をご覧ください
詳しい使い方については[こちら](/articles/cosense/)をご覧ください

## 論文などを探す

Expand Down
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Binary file added src/pages/en/articles/cosense/13.png
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Binary file added src/pages/en/articles/cosense/2.png
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Binary file added src/pages/en/articles/cosense/3.png
Binary file added src/pages/en/articles/cosense/30.png
File renamed without changes
Binary file added src/pages/en/articles/cosense/4.png
Binary file added src/pages/en/articles/cosense/5.png
File renamed without changes
File renamed without changes
Loading

0 comments on commit f430eaa

Please sign in to comment.