DEV Community

Takaya Kobayashi
Takaya Kobayashi

Posted on

7 3

Google Chrome で特定の要素を Scrapbox の記法に変換する Extension

Scrapbox を半年以上ヘビーに使っていて、後から読み返すかもしれないページを scboloo を使ってページを作成して記録していたのだが、これでサムネイルを Gyazo って記録するとあとから検索する際に不便なので、コアになる部分を引用して記録したくて要素を選択する UI を Chrome の Extension として作った。

こんな感じで範囲を選択すると

[****** JavaScript の async/await の仕様をずっと誤解していた]
[**** [/jgs [https://res.cloudinary.com/practicaldev/image/fetch/s--HYyGI8aZ--/c_fill,f_auto,fl_progressive,h_50,q_auto,w_50/https://thepracticaldev.s3.amazonaws.com/uploads/user/profile_image/44253/ac941ba0-5a85-49d4-a642-43a73d72b8f0.jpeg] Takaya Kobayashi] Feb 08, 2018 [/ Updated on Feb 11, 2018] [/jgs/javascript--asyncawait---2l41/edit EDIT POST]]

[/t/javascript #javascript]
すごい初歩的なことかもしれないのだけれど、年単位ぐらいで誤解したままコードを書いていたので懺悔のためにも書いておく...。 何が違ったかというと、async function の扱いである。async function も
...

というような感じで Scrapbox フレンドリーなテキストがクリップボードにコピーされる。あとは Scboloo でページを作成して、ペーストする。あとは文章を辿りながら、要素要素で範囲選択をして [] でリンクを張っておく。これで後から格段に引きやすくなるとおもう。(たぶん)

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay