![見出し画像](https://assets.st-note.com/production/uploads/images/136591932/rectangle_large_type_2_e30424ec4feba8ae0ed94fea872df339.png?width=1200)
プレビュー変換窓をブックマークレット化する!ーGoogleサイトで作るグループウェア (79)ー
この記事を読んで欲しい方
企業DXや校務DXの進め方に悩んでいる方
クラウドアプリの導入に悩んでいる方
①プレビュー変換窓
以前、オフィスファイルをGoogleドライブで使っていて、ダブルクリックで開くと、オフィス互換モードで開いてしまう件で、URLをコピー&ペーストするとプレビュー(Googleドライブビュー)で開き直してくれるプレビュー切替窓を作成しました。
ただ、いちいちURLをコピーし、変換窓を開いてペーストするのも面倒なので良い方法を探していたところ、とても簡単に機能を追加できる方法を発見しました。
それは、ブックマークレットでした。
②ブックマークレットとはなにか
Webブラウザ上で、javascriptなどのプログラム(機能)を、ブックマーク(お気に入り)に登録して、簡単に呼び出して実行するものです。
普段使っているブラウザのブックマークの中に、追加機能を登録するイメージです。
![](https://assets.st-note.com/img/1712470069138-xxYSDDYwwa.png)
③ブックマークレットの登録の方法
まず、ブックマークバーを表示しておきます。︙>ブックマークとリスト>ブックマークバーを表示を選択してください。
![](https://assets.st-note.com/img/1712470324104-FLoyduf4Rr.png?width=1200)
ブックマークバー上で、右クリックしてメニューが出ますので、ページを追加を選択します。
![](https://assets.st-note.com/img/1712470383427-bGYL9jHnko.png?width=1200)
ブックマークを編集のダイアログが出るので、名前にプレビュー切換と入れます。
![](https://assets.st-note.com/img/1712554300749-xvGFTXp46l.png?width=1200)
以下のjavascriptのコードをコピーして、ブックマークを編集画面のURLの部分にペーストします。(事前に入っていたURLは消して、ペーストしてください)
javascript:(
function submitSearch(){
var GDriveSiteUrl = 'https://drive.google.com/file/d/';
var query = location.href;
try{
const FileId = query.split('/d/')[1].split('/')[0];
var url = GDriveSiteUrl + FileId + '/view';
window.close(query);
window.open(url,'_blank');
}catch(e){
}
})();
javascriptのコードがブックマークに貼り付けられましたので、保存ボタンを押します。
![](https://assets.st-note.com/img/1712554394994-N9HwobszYs.png?width=1200)
ブックマークに保存されました。
![](https://assets.st-note.com/img/1712554420776-pyw2cw6KFn.png?width=1200)
④使い方
ワードの書類がGoogleドライブに入っています。
![](https://assets.st-note.com/img/1712554491773-xwLMZLKgwU.png?width=1200)
ダブルクリックでワード書類を開くと・・・Googleドキュメントのオフィス互換モードで開きます。
![](https://assets.st-note.com/img/1712554527901-EPfBXRUUfR.png?width=1200)
オフィス互換モードの画面で、プレビュー切換のブックマークをクリックすると、Googleドライブビューに切り替えられて表示されます。(互換モード側の画面は消えます)
![](https://assets.st-note.com/img/1712554565261-jwWjKf29BO.png?width=1200)
あとは、上部中央の「MicrosoftWordで開く」をクリックすると、スタンドアロンのワードで開きます。(一番最初に開くときに、アプリが表示されないことがありますが、画面をリロードすると出てきます)
![](https://assets.st-note.com/img/1712471560246-XE49z40wzT.png?width=1200)
この方法は、オフィスファイル(ワード:docs,エクセル:xlsx,パワーポイント:pptx)だけではなく、PDFや他のフォーマットにも同様に使えます。
特に、Googleチャットのような、投稿にリンクを貼り付けてオフィスファイルを運用するときや、うっかり互換モードでファイルを開いてしまった時に、すぐにプレビューに戻せて便利です。
⑤ブックマークレット配布用サイトを公開!
CloudTopの中にブックマークレットの配布サイトを作りました。
リンク部分を、あなたのブラウザーのブックマークにドラッグ&ドロップすることで簡単に登録できます。(GoogleChromeでのみ稼働を確認しています)
![](https://assets.st-note.com/img/1712554651004-Zi7nmrm8eV.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?