０．初めに

私はエンジニアではないただのドシロウトです。

地味なブックマークレットを作ってみたので記事にしておきます。個人的には便利なんですが…

１．作ったもの

以下のアニメGIFみたいな物を作りました。(パソコン版です）

【アニメGIF】

申請書や報告書を書くために利用交通機関のルートをワードに貼り付けたいみたいな時に使えるかなと思っています。

２．ブックマークレット

作成したブックマークレットはたったこれだけです。

bookmarklet

javascript:var%20a%3Ddocument.querySelectorAll('%23pane%20%3E%20div%20%3E%20div.widget-pane-content.scrollable-y%20%3E%20div%20%3E%20div%20%3E%20div.section-trip-header.noprint%20%3E%20span')%5B0%5D.innerText%2B'%5Cn%5Cn'%2Bdocument.querySelectorAll('div.transit-mode-body')%5B0%5D.innerText%3Bvar%20d%3Dwindow.open().document%3Bd.writeln('%3Ctextarea%20rows%3D20%20cols%3D60%3E'%2Ba%2B'%3C%2Ftextarea%3E')%3Bvoid(0);

３．いらないと思いますが一応説明

エンコード前のコードはたった３行です。

bookmarklet

var a=document.querySelectorAll('#pane > div > div.widget-pane-content.scrollable-y > div > div > div.section-trip-header.noprint > span')[0].innerText+'\n'+document.querySelectorAll('div.transit-mode-body')[0].innerText;
var d=window.open().document;
d.writeln('<textarea rows=20 cols=60>'+a+'</textarea>');

１行目：出発地、目的地、ルートのテキストを取得
２行目：別ウィンドウを生成
３行目：textareaに取得した情報をセット

４．おわりに

一応、マストドンでもこのブックマークレットの話をトゥートしたのですが反応薄かったので簡単すぎるかこんなニーズはないんだと思います。

個人的には結構便利なんですが、ブックマークレットなしでもっと良い方法があるのかも…(;^_^A

以　上