scrapboxをiPhoneで使うにあたってのいくつかとブックマークレット調整

2021-05-07

scrapboxを改めて使い始めて、およそ1か月。ある程度慣れてきたので、工夫をしたこととまとめをについて、いくつか。

iPhoneのホーム画面にscrapboxの新規作成のショートカット

以前使用していた、gmailの新規作成画面から置き換えた。scrapboxの新規作成画面をブックマークして、そのままホーム画面に置きたいところだが、これが機能しない。新規作成画面ではなくscrapboxのルートに飛んでしまう。そのため、ショートカットを使用してホーム画面に置いた。

  1. 前提としてscrapboxにはログインし、あらかじめ新規作成画面のURLをコピーしておく。
  1. ショートカットの作成にあたり、一例としてはsafariを検索し『URLを開く』を使用する。
  1. URL入力箇所に、さきにコピーしておいたURLをペーストする。だいたいこんな感じだろうか。これでおおよそ出来上がりで『次へ』。
  1. アイコンの色・カタチとショートカットの名称を決めて『完了』。
  1. ショートカットのホームに戻る。作成したショートカットを長押しすると。。
  1. メニューが表示されるので『詳細』を押す。
  1. 『ホーム画面に追加』を押す。これで完了。ホーム画面に追加されているはず。

ブックマークレットについて

ブックマークレットを調整した。本家との違いは

  • ダイアログを表示しない。ページ名がそのままタイトル名になる → 時間に変更
  • 新規タブを開かない。次に行くので元のページを見たい場合はブラウザバックする必要アリ
  • #YYMMというハッシュタグをつけた(2021年 5月1日追加)

ブックマークレットの追加についてはとりあえずどのページでも良いのでブックマークして、ブックマークレットをコピーしてURL欄にペーストし、ページ名も変更すれば良いと思う。使い勝手を考えれば(特にiPhoneの場合)よく使用する階層に配置しておけば、アドレスバーを押したりすればすぐ使用することが出来る。MacのChromeとiPhoneのSafariで動作確認済。

調整したブックマークレット

2021年 5月7日調整版

検索したときにページのタイトルがわからないのが不便なため、タイトルは『YYMM-DD HH:MM (クリップしたページのタイトル)』の形式とした。秒は省略。

javascript:(function(){var time = new Date();var ym = time.getFullYear().toString().substr(-2)+  ('0' + (time.getMonth() + 1)).slice(-2);var htagym = '#' + ym;var title= ym + '-' + ('0' + time.getDate()).slice(-2)+ ' ' + ('0' + time.getHours()).slice(-2)+ ':' + ('0' + time.getUTCMinutes()).slice(-2)+' '+document.title;if (!title) return;var lines=[htagym,'['+window.location.href+' '+document.title+']'];var quote=window.getSelection().toString();if (quote.trim()) lines=lines.concat(quote.split(/\n/g).map(function(line){return line}));lines.push('');var body=encodeURIComponent(lines.join('\n'));location.href='https://scrapbox.io/ここにプロジェクトのルートディレクトリが入る/'+encodeURIComponent(title.trim())+'?body='+body})();

2021年 5月1日

タイトルが同じページをクリップするとマージされてしまうようで、タイトルは時間になるように変更した。例えば『2105-01 23:49:55』といった感じで。サイトのタイトルは本文に入る。日付がおかしくなっていたのを修正。

初稿時のもの

javascript:(function(){var title=document.title;if (!title) return;var lines=['','['+window.location.href+' '+document.title+']'];var quote=window.getSelection().toString();if (quote.trim()) lines=lines.concat(quote.split(/\n/g).map(function(line){return ' > '+line}));lines.push('');var body=encodeURIComponent(lines.join('\n'));location.href='https://scrapbox.io/ここにプロジェクトのルートディレクトリが入る/'+encodeURIComponent(title.trim())+'?body='+body})();

本家

scrapbox 設定のProject SettingからPage Data内のBookmarkletにあるもの。実行するとダイアログが表示され、タイトルを変更することが出来る(デフォルトで現在のページ名が入っている)。また、新規タブでscrapboxページを開く。

javascript:(function(){var title=window.prompt('Scrap "Scrapbox" to project of あなたの名前.',document.title);if (!title) return;var lines=['','['+window.location.href+' '+document.title+']'];var quote=window.getSelection().toString();if (quote.trim()) lines=lines.concat(quote.split(/\n/g).map(function(line){return ' > '+line}));lines.push('');var body=encodeURIComponent(lines.join('\n'));window.open('https://scrapbox.io/ここにプロジェクトのルートディレクトリが入る/'+encodeURIComponent(title.trim())+'?body='+body)})();

その他

  • iPhoneで、検索時にキーボードが表示されないことがある。バグだろうか
  • これもiPhoneにおいて、選択・コピペは(iPhoneのUIではなく)scrapboxのUIを使う必要がある