Cosense（旧Scrapbox）に外部のウェブページのテキストを取り込むための公式のブックマークレット（"Scrap to ○○"）をFirefox系のブラウザで使用したとき、取り込まれたテキスト内の改行の回数が、元のテキストよりも多くなってしまう場合があるようです。 ブックマークレットのJavaScriptを少し改変することにより、改行の回数を元のテキストと同じにすることができたので、ここに載せておきます。 改変後のJavaScript スクリプト内のPROJECT_NAMEとPROJECT_URLを、ご自分のCosenseのプロジェクト名とプロジェクトURLに置き換えて下さい。 javascript:(function(){var title=window.prompt(`Scrap "${document.title}" to PROJECT_NAME.`,document.ti

Scrapboxのブックマークレット（“Scrap to ○○”）が機能しないときに、チェックするとよいところを紹介します。 ブラウザのブックマークに追加したScrapboxのブックマークレットをマウスで右クリックして「編集」（Firefoxなら「ブックマークを編集」）を選択すると、下記のような画面が表示されます。 （Firefoxでの例。Chrome系ブラウザでも同様の表示が出ます） この中の「URL」の欄の文字列を見ると、冒頭のほうに、次のような箇所があると思います（●●●の部分には当該のScrapboxのプロジェクト名("Project name")が入るので、各人ごとに異なっています）。 window.prompt('Scrap "●●●" to この●●●の部分に半角のシングルクォーテーション'（＝アポストロフィ）が含まれている場合は、それを消したうえで「保存」の操作をすれば、ブ

【ご注意】 この記事で紹介している方法を用いてScrapboxに貼り付けた画像が、Scrapbox上で表示できなくなっている事例が2021年頃から見受けられるようになっています。 今後も、Scrapbox上で表示されない状態が継続する可能性はありますので、この記事で紹介している方法を利用される際は予めご承知おきください。 代わりの方法としては、こちらのツイートで紹介されている方法が最も手軽ではないかと思います。Googleフォトの画像でも使えることを確認済みです（2022/01/31）。 Gyazoを使っていれば、右クリック → キャプチャ → この画像をキャプチャ、でGyazoにアップロードされたうえにリンクがコピーされますので、そのままScrapboxでペーストして終了です。Googleフォト以外でも画像であればこの手順でOK。 pic.twitter.com/kndXzTgtRe—

更新履歴 2019-12-17：Markdownのエスケープを元に戻す機能を追加 2019-12-15：番号付きリストの置換機能を追加 2019-12-12：リストの置換機能を追加 2019-12-10：公開 置換できるもの ここに挙げているものだけを置換できます。 強調を太字へ置換 **hoge**→[* hoge] __hoge__→[* hoge] イタリック _hoge_→[/ hoge] 取り消し線 ~~hoge~~→[- hoge] 見出し（レベル1〜6）を、それぞれに対応する大きな字へ置換 # hoge→[******* hoge] ## hoge→[****** hoge] ### hoge→[***** hoge] #### hoge→[**** hoge] ##### hoge→[*** hoge] ###### hoge→[** hoge] 外部リンク [Google

Scrapboxをダークテーマで表示する（背景色を暗い色にして、文字色を明るい色にする）ためのCSSを紹介します。 〈目次〉 スクリーンショット 事前の準備 CSSを適用する手順 CSS 参考ページ 関連記事 ブラウザのアドオンを使う方法 スクリーンショット 各ページ 背景色は#24292F、文字色は#d7d7d7です。*1 内部リンクは青色、コンテンツが作成されていない内部リンクはオレンジです。 入力中のキャレット（入力位置を示す縦線）は白です。 テロメア（更新された行を示す行頭の色）のうち、最近更新されたものは水色で表示します。最近に更新されていないものは無色（背景色と同じ）にしてあります。 文字変換中の文字色と背景色 Firefox系ブラウザの場合のみ、変換中の文字色と背景色が、このように黒とオレンジ色の組み合わせとなります。 Chrome系ブラウザなら、変換中の文字色・背景色も、通

ScrapboxにUserScriptを導入する手順については、こちらのリンク先をご覧ください。 〈目次〉 Scrapboxのページ右上にある「PageMenu」に、前のページへ戻るボタンを設置する 用途 使い方 注意点 コード 選択範囲の改行を消す 選択範囲の先頭に#を付ける 選択範囲内のハッシュタグの直前にスペースがないとき、半角スペースを1個入れる 範囲選択したところをコード記法にする 範囲選択したところを数式にする Dynalistからプレーンテキスト形式でエクスポートした内容をScrapbox記法に置換する GoogleフォトからScrapboxに貼り付けた画像のURLを整形し、画像が見えるようにする Scrapboxのページ右上にある「PageMenu」に、前のページへ戻るボタンを設置する 用途 Scrapbox用のiOSアプリであるPorter for Scrpboxにおいて

Dynalistからプレーンテキスト形式でエクスポートした内容をScrapbox記法に置換するUserScript（dy2sc.js）を作ったので、コードと使い方を書いておきます。 コードは更新されることがあります（更新履歴）。 〈目次〉 機能 概要 置換できるもの／できないもののリスト 置換できるもの 置換できないもの 導入のしかた 使い方 置換を元に戻す方法 ページタイトルを置換対象に含める方法 〈Dynalistに存在しているが画面上で見えていないもの〉をエクスポート対象から除外する方法 カスタマイズ 「画像へのリンク」にはリンクテキストを付けないように変更する ボタンの名前を変える 置換対象を増やす Dynalistで作った内部リンクに付随する余分な"()"を取り除く 置換対象を減らす 既知の問題点 おわりに 免責事項 関連記事 iOS / Androidデバイスにおける手法 機能

Dynalistからプレーンテキスト形式でエクスポートした内容を、Scrapbox記法に置換するPythonスクリプトを作ったので、コードと使い方を書いておきます。 スクリプトのコードは更新されることがあります（更新履歴）。 この記事は長くて細かいので、大要を知りたい場合は機能の節のみお読み下さい。 Python不要でブラウザのみで動作するUserScript版もあります。UserScript版のほうが、置換機能が充実しています。 〈目次〉 機能 概要 置換できるもの／できないもののリスト 置換できるもの 置換できないもの 実行例 必要なもの 設定の仕方 スクリプトの作成 機能の選択 出力の仕方の選択 ページタイトルの取扱い方の選択 ブラウザで新規ページを開くか選択 プロジェクトURLの指定 使い方 1. Dynalistからエクスポートする 2. 標準入力にペーストする 3. 出力される

Scrapboxにて当日の日記用ページ（デイリーページ）を作るPythonスクリプトを作りましたので、コードと使い方を書いておきます。 〈目次〉 機能 実行例 必要なもの 設定の手順 使い方 書式やレイアウトを変更する方法 関連記事 機能 Scrapboxにおける、当日の日付をタイトルとするページを作ります。 タイトルとなる日付の書式は、デフォルトでは2019-09-01のようにYYYY-MM-DDという形です。書式は変更可能です。 当月・前日・翌日への内部リンクが自動で記入されます。 本文として自動で記入したい文字列を指定することができます。 実行例 本記事で紹介しているスクリプトを実行すると、このようなページが作成されます。 2019年9月1日に実行した場合の例です。 タイトルの下に〈当月・前日・翌日への内部リンク〉が記入され、その下には、特定の文字列（この例では「#日記」というハッシ

Scrapboxにて〈前日の日付をタイトルとするページ〉をウェブブラウザで開くPythonスクリプトを作ったので、コードと使い方を書いておきます。 〈目次〉 機能 必要なもの 設定の手順 使い方 関連記事 機能 Scrapboxにおける、前日の日付をタイトルとするページをブラウザで開きます。 タイトルとなる日付の書式は、デフォルトでは2019-08-21のようにYYYY-MM-DDという形です。書式は変更可能です。 必要なもの Pythonのスクリプトを実行できること。 ウェブブラウザが使えて、そのブラウザでScrapboxにログインしていること。 設定の手順 下記のコードのYOUR_PROJECT_URLのところを、書き込みたいScrapboxのプロジェクトURL（https://scrapbox.io/○○○/の○○○の部分）に書き換え、ファイル名をyesterday.pyなどのように

Scrapboxにて〈当日の日付をタイトルとするページ〉をウェブブラウザで開くPythonスクリプトを作ったので、コードと使い方を書いておきます。 〈目次〉 機能 必要なもの 設定の手順 使い方 関連記事 機能 Scrapboxにおける、当日の日付をタイトルとするページをブラウザで開きます。 タイトルとなる日付の書式は、デフォルトでは2019-08-21のようにYYYY-MM-DDという形です。書式は変更可能です。 必要なもの Pythonのスクリプトを実行できること。 ウェブブラウザが使えて、そのブラウザでScrapboxにログインしていること。 設定の手順 下記のコードのYOUR_PROJECT_URLのところを、書き込みたいScrapboxのプロジェクトURL（https://scrapbox.io/○○○/の○○○の部分）に書き換え、ファイル名をopen.pyなどのように拡張子を.

Scrapboxの設定画面の“Page Data”のタブに用意されているブックマークレット（Scrap to ○○'s project）で取り込むURLやテキストを、Scrapboxの既存のページに追記させることができます。 （https://scrapbox.io/projects/プロジェクトURL/settings/page-dataにあります） 事前の準備 ブラウザがChrome系の場合は、設定画面の中の「ポップアップとリダイレクト」の項目を許可する必要があるかもしれません。 追記の手順 Scrapboxに「ヒグマ」というタイトルのページが既に存在していて、そのページへ追記する場合を例として説明します。 追記したいウェブページのURLを開いて（追記したいテキストがある時はそれをマウスなどで選択して）ブックマークレットをクリックすると、中央に入力欄が表示されます。 この入力欄には、最

PCのTerminal（端末）からScrapboxに新しいページを作るPythonスクリプトを作ったので、コードと使い方を書いておきます。 〈目次〉 機能 必要なもの 利用上の注意点 設定の手順 使い方 Tips 追記の機能について 日時のハッシュタグを自動で付ける 機能 新しく作るページのタイトルを入力できる。 タイトルを空白にすると、日付（YYYY/MM/DD）がタイトルになる。 タイトルを付けずにページを作ることもできる。 本文を1行のみ入力できる。 必要なもの Pythonのスクリプトを実行できること。 ウェブブラウザが使えて、そのブラウザでScrapboxにログインしていること。 利用上の注意点 上掲のとおり、Scrapboxで作るページのタイトルと本文を入力できますが、パスワードや個人情報などの「他人に見られると困る情報」をそこに入力するのはおすすめしません。 設定の手順 下記

WorkFlowy / Dynalistの内容をScrapboxに貼り付けたとき、次のようなことが問題になります。 箇条書きの階層が深くなりすぎる（2段目以降）。 Dynalistに含まれることがあるMarkdownや、Dynalist独自の記法は、Scrapboxで再現されない。 この2つの問題に対応できるツールは6つあります。それぞれの解説と機能比較はこちらをご覧ください。 scrapbox.io 本記事では、6つのツールのうちの1つであるscrapbox-converterというツールの使い方を解説します。 〈目次〉 scrapbox-converterの使い方 機能 必要なもの Scrapboxにインポートする手順 WorkFlowyからのインポート インポート後の修正（任意） Dynalistからのインポート（htmlファイルの場合） scrapbox-converterの使い方

〈目次〉 機能 Firefoxでの設定方法 検索のしかた Chromeでの設定方法 検索のしかた 機能 FirefoxやChromeには、特定のサイトを検索エンジンとして追加する機能があります。これを使って、Scrapboxの特定のプロジェクト内をFirefoxやChromeの検索バーから検索することができます。 検索対象として指定できるプロジェクトは、ブラウザ1個あたり1つのみのようです。 モバイル版のFirefoxでは、正しい検索結果になりません（2018/08/29現在）。モバイル版のChromeで実行できるかどうかは未確認です。 Firefoxでの設定方法 検索対象として指定したいプロジェクト（https://scrapbox.io/○○○/）をFirefoxで開き、アドレスバーの右端にある「…」の形のアイコンをクリックすると、小さなウィンドウが開きます。その一番下に、Scrapb

〈目次〉 設定のしかた 備考 スタイルシートの例 ダークテーマ 各ページの下に表示される関連ページの大きさを変える トップページに表示される各ページを1行ずつに細く表示する 各ページの下に表示される「関連ページ」を各1行ずつに細く表示する トップページで、ページ一覧が表示される領域の横幅の最大値を変える 各ページのタイトルと本文が入る領域の横幅の最大値を変える 各ページの下の「関連ページ」一覧が表示される領域の横幅の最大値を変える 各ページのタイトル・本文・関連ページが表示される領域の横幅の最大値を変える 引用部分の文字をイタリックにしない コード記法のフォントサイズを変える 本文中の画像に枠線を付ける 本文中のリストのマーカーの色を変える 入力中の文字色と背景色を変える 設定のしかた Scrapboxに独自のスタイルシートを適用する手順はこちらに説明されています。 備考 下記の各スタイル