scrapboxをiPhoneで使うにあたってのいくつかとブックマークレット調整
scrapboxを改めて使い始めて、およそ1か月。ある程度慣れてきたので、工夫をしたこととまとめをについて、いくつか。
iPhoneのホーム画面にscrapboxの新規作成のショートカット
以前使用していた、gmailの新規作成画面から置き換えた。scrapboxの新規作成画面をブックマークして、そのままホーム画面に置きたいところだが、これが機能しない。新規作成画面ではなくscrapboxのルートに飛んでしまう。そのため、ショートカットを使用してホーム画面に置いた。
- 前提としてscrapboxにはログインし、あらかじめ新規作成画面のURLをコピーしておく。
- ショートカットの作成にあたり、一例としてはsafariを検索し『URLを開く』を使用する。
- URL入力箇所に、さきにコピーしておいたURLをペーストする。だいたいこんな感じだろうか。これでおおよそ出来上がりで『次へ』。
- アイコンの色・カタチとショートカットの名称を決めて『完了』。
- ショートカットのホームに戻る。作成したショートカットを長押しすると。。
- メニューが表示されるので『詳細』を押す。
- 『ホーム画面に追加』を押す。これで完了。ホーム画面に追加されているはず。
ブックマークレットについて
ブックマークレットを調整した。本家との違いは
- ダイアログを表示しない。ページ名がそのままタイトル名になる → 時間に変更
- 新規タブを開かない。次に行くので元のページを見たい場合はブラウザバックする必要アリ
- #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を使う必要がある