Scrapbox

Scrapbox に関する投稿です。

野良 Scrapbox アプリ - スタートページの導入

久々にリリースしました。 github.com 今回は、スタートページを導入しました。閲覧した Scrapbox プロジェクト、開いたページのタイムライン、直近の編集履歴、お気に入りページが表示・更新されます。プロジェクト横断的なリンク集って感じになってます。 …

Scrapbox プロジェクトのグラフ構造可視化 - その後

Scrapbox のページ間リンクを可視化するやつです。 Graphviz バージョン blog.kondoumh.com D3.js バージョン blog.kondoumh.com D3.js バージョンを半年ぶりにちょっと触りました。と言っても Visualization の方式を変えたとかではなく、ノードをフィルタ…

野良 Scrapbox アプリ - プロジェクトを選択してページ一覧を開く UI

野良 Scrapbox アプリのページ一覧は Scrapbox のプロジェクトページよりも素早く開いて見通しがいいのですが、開くには対象のプロジェクトのページを開いておく必要がありました。なので、まずプロジェクトのホームかプロジェクト内の任意のページを開いて…

Scrapbox ページ一覧と Graph 可視化のプロト PWA 作成

以前 Scrapbox から API でデータを取得して、ページ間リンクを可視化する (ための Graphviz dot ファイルを吐く) CLI を作成しました。 blog.kondoumh.com その後 Graphviz よりインタラクティブな可視化ができる技術として D3.js の force simulation を使…

ノート・メモ環境 2020 (だいたい Scrapbox)

ノート・メモやタスク管理については過去にもちょいちょい書いてました。 blog.kondoumh.com blog.kondoumh.com blog.kondoumh.com 最近はやはり Scrapbox 中心になっています。 書きはじめ 作業計画や実装方式を検討する時などまとまったテキストを書く時、…

Scrapbox のページを Markdown に変換する CLI

以前、野良 Scrapbox アプリでページ本文を Markdown にしてクリップボードにコピーする機能を実装しました。 blog.kondoumh.com アプリを使っていなくて変換だけを使いたい場合もあるかもということで、CLI を作りました。Scrapbox API でページの JSON を…

Scrapbox ページ間リンクを可視化するための CLI をリリース

以前 Scrapbox のページ間リンクを Graphviz で可視化してみました。 blog.kondoumh.com Scrapbox からデータを取得し、可視化用の dot ファイルを生成するところまでをカバーした CLI ツールを mamezou-tech で公開しました。 github.com README と help を…

Scrapbox プロジェクトのグラフ構造を Visualize してみる

Scrapbox で他のページへのリンクを作成した途端、ページの下にアイキャッチ付きのリンクがリアルタイムでできていくので書いててテンション上がりますよね。 Scrapbox API を使うと各ページの情報とページ間のリンクを JSON で取得できます。 scrapbox.io G…

野良 Scrapbox アプリ - 本文を Markdown 形式でクリップボードにコピー

Scrapbox はシンプルな記法で WYSIWYG を実現した稀有なサービスです。プレビューなしにサクサク書けるのです。 Scrapbox で作成した文書を Wiki などに転記するために本文を Markdown 形式に変換してクリップボードにコピーする機能を追加しました。 見出し…

野良 Scrapbox アプリ - ヒストリ機能とタブ幅調整

開いたページのヒストリ機能を追加しました。 ただこの機能ちょっと問題があって、Scrapbox ではタイトルの編集で URL が変わり WebView のイベント ("load-commit") が emit されてしまうので、編集途中のタイトルまで履歴に残ってしまいます。履歴にゴミを…

野良 Scrapbox アプリ - Vuetify 2 の v-data-table への移行

野良 Scrapbox アプリのページ一覧画面では Vuetify の Data table component を使っています。 Vuetify は v1 → v2 でかなり breaking change が入りました。 https://github.com/vuetifyjs/vuetify/releases/tag/v2.0.0#user-content-upgrade-guide 数ヶ月…

野良 Scrapbox アプリ - ブラウザで開いたページを URL Scheme 経由で開く

Scrapbox を ブラウザで開いていてから「このページ sbe で開きたいなあ」ということがよくあります。 もともと sbe には URL をペーストして新規タブでページを開く機能はありますが、やはり手動はめんどくさいものです。 Electron にはシステムの URL Sche…

野良 Scrapbox アプリ - 自分が作成したページ一覧表示と v1.0 リリース

社内で Scrapbox を使っていると大量のページが日々作られ、作成したページが埋もれて忘れてしまうことがよくあります。書きかけで放置してしまうことも。 そこで、作成したページを時折見直し加筆修正する契機になるよう、自分が作ったページ一覧を表示する…

野良 Scrapbox アプリ - 直リンページャー機能

Scrapbox ページのリンク先をパラパラめくって閲覧するような UI が欲しいという要望がありました。ページ集約用のタグとして使われているページを開いて、リンク先の(そのページをタグに指定している)ページを順番に見ていくような使い方です。 Scrapbox で…

野良 Scrapbox アプリ - ページ一覧の自動リフレッシュ

Scrapbox Electron アプリのページ一覧画面。 社内 Scrapbox は頻繁に更新されるため、手動で画面をリフレッシュするのが面倒でした。社内プロジェクトはピン留めしたページが多いので手でスクロールするのも面倒。 そこで、ページ一覧画面がアクティブにな…

野良 Scrapbox アプリ - プロジェクトアクティビティ表示ダイアログ

またまた Scrapbox アプリの話。 社内で導入されている Scrapbox。隙間時間に閲覧・更新できて社内の活動も透明化されるということで、我々のように客先常駐が多い環境では導入効果高いです。 導入した管理者の人から、利用状況を把握するためページビュー(…

野良 Scrapbox アプリ - 見出し指定っぽいコンテキストメニュー

Scrapbox には見出し記法はなく、文字の大きさを [** text] というフォーマットで修飾する(* が多いとサイズが大きい) という仕様です。標準のメニューでは * 1個のパターンのみ Strong 記法として指定可能です。 長めの文章を書いていると、文字の大きさを…

野良 Scrapbox アプリ - ページ情報ダイアログを出せるようにしました

コンテキストメニュー Info からページ情報を表示するダイアログを出すようにしました。 ページを開く前に概要を把握できたらと思い、ページへのリンクに対してコンテキストメニューを表示しています。 タイトル、ページを作成したユーザ、共同編集ユーザ、…

野良 Scrapbox アプリの fav 機能

Scrapbox の野良 Electron アプリにちょっとしたヒストリとブックマーク機能を追加しようと思いました。 最初はメニューに履歴を追加してピン止めするような UI を作ろうとしましたが、Electron では動的にメニューアイテムを追加削除する API が提供されて…

個人 Scrapbox を1プロジェクトに統合しました。

Scrapbox を使い始めた時テーマ別にプロジェクトを分けました。 blog.kondoumh.com 最近会社 Scrapbox で日々ページが増殖し、ページのグラフが生成されていく様子を見ていて、個人の限られた情報を分割しているのはイマイチと思うようになりました。色々な…

Scrapbox Electron アプリ - タイトル付き書式でリンクを貼る機能

Scrapbox には URL をペーストすると、その Web ページのタイトルを取得して、[url title] の記法でペーストしてくれる Chrome 拡張や Bookmarklet がいくつかあります。 ScrapScripts もそのひとつ。 chrome.google.com 同僚からこの拡張の使い方を教えても…

Scrapbox Electron アプリにページ一覧と検索 UI を追加

弊社の Scrapbox 活用事例が公開されました。 medium.com 社内 Scrapbox けっこう盛り上がっていて、なにかというと更新しています。ページもすごい勢いで増加していて退屈しません。 Scrapbox の更新頻度アップに伴って Electron アプリも時々更新してます…

タブ機能付きの Scrapbox クライアントを Electron で作る

今年から会社で Scrapbox が情報共有ツールとして採用されました。社内の情報が集まるようになって効果が出てきていると思います。 scrapbox.io 個人的には去年から Scrapbox を愛用しています。 blog.kondoumh.com Chrome で2つの Scrapbox アカウントを使…

ストック情報サイトを Tumblr から Scrapbox に移行した話

Tumblr での運用 3年近く前、Tumblr にストック情報サイトを構築しました。 blog.kondoumh.com ブラウザで気軽に更新でき、ページの見栄えもそれなりで、タグ付けも簡単、API で可視化も可能…ということでわりと満足して使ってました。 しかし、記事の編集機…