小技チョコレート

ちょっとした小技を紹介するだけのブログです。

Dynalistの内容をLogseq(デスクトップ版)にコピー&ペーストできない場合の対処法

〈ご注意〉

Logseqのバージョン0.9.0以降においては、この記事で紹介している対処法のうちの幾つかが通用しない可能性があります。*1


Logseq(デスクトップ版)のバージョン0.7.1以降では、Dynalistのエクスポート画面からエクスポートした内容をLogseqのページ上に直接貼り付けると、"Block Render Error"というエラーが出たり、元の階層構造が正しく再現されなかったり、ソースコード用の書式が勝手に適用されたりしてしまいます。*2

この問題を回避し、元の階層構造を再現した形で・余分な書式も付けずにLogseqに貼り付ける方法を紹介します。


〈目次〉


すべての方法に共通の注意点

Dynalistからエクスポート(=コピー)した内容をLogseqに貼り付けようとする際は、Dynalistにおけるエクスポート画面において、フォーマットとして「Plain text」かつ「Dashes」を選択してからコピーする必要があります。


(中央上部で「Plain text」を、右下で「Dashes」を選択する)

4つの対処法

対処法1(Windows PCのみで可能)

この方法はLogseqのバージョン0.9.1で使用できることを確認済みです(2023/03/31現在)。

Windows PCの場合、SnipDoというアプリをWindowsにインストールし、このアプリの“Insertion Extension”として用意されている“Paste Plain Text”をインストールして、このExtension経由でLogseqに貼り付けることで、元通りの階層構造が再現できます。インストールと使い方の詳細は下記のツイート(2個)をお読み下さい。

なお、mac OSにおいては、SnipDoに相当するアプリとしてPopClipというものがあるそうですが、この対処法と同様の使い方ができるかどうかは不明です。

対処法2:Markdownファイルに貼り付ける

この方法はLogseqのバージョンにかかわらず使用できます。

Logseqアプリにおいて貼り付けたいページを開き(=貼り付けたいページのタイトルをマウスでクリックして、そのページだけが開いている状態にして)、Logseqアプリの右上ののアイコンをクリックして現れるメニューの中から「デフォルトのアプリで開く」をクリック。すると、そのページがMarkdown形式で開かれます。


Markdown形式のファイルは通常はテキストエディタで開かれます)

開かれたMarkdownファイルにおいて、任意の貼り付けたい位置に貼り付けます。すると、貼り付けた内容はLogseqに反映されます。
すぐに反映されていない場合は、LogseqアプリでCtrl + Rのショートカットキーを押せば(=再読み込みをすれば)反映されるはずです。

対処法3:"CTRL + SHIFT + V"で貼り付ける

必要なもの
  • デスクトップ版のLogseqアプリの、バージョン0.8.1.7以上が必要です。*3

  • CTRL + SHIFT + VWindowsの場合)というショートカットキーを押す必要があるので、それができるキーボードを使える必要があります。*4
    MacLinuxでのショートカットキーは未確認ですが、Cmd + SHIFT +VMacの場合)などではないかと思われます。

コピー&ペーストの手順

DynalistからLogseqへコピー&ペーストしたい内容を、DynalistのExport機能でエクスポートするとき、フォーマットとして“Plain text”かつ“Dashes”を選びます。

Logseqアプリにおいて貼り付けたい位置にカーソル(キャレット)を置き、CTRL + SHIFT + VWindowsの場合)というショートカットキーを押せば、元の階層構造が再現された状態で貼り付けられます。

対処法4:Logseqのプラグイン“Paste More”を使う

必要なもの
  • ショートカットキーを押すことができるキーボードを使える必要があります。
プラグインのインストールとショートカットキーの設定

デスクトップ版のLogseqの右上にあるのアイコンをクリックして開くメニューの中の「プラグイン」をクリックすると、このような画面が開きます。

中央上部の「マーケットプレース」をクリックし、かつ左上のところで「プラグイン」を選択したうえで、検索フォームにpaste moreと入力すると、プラグイン"Paste More”がヒットするので、灰色の四角形の右下にある「インストール」の文字をクリックして、これをインストールします。

インストールされたら、同じ画面で中央上部の「インストール済」を選択すると、そこに“Paste More”が表示されているので、左下の歯車アイコンをクリックして「設定を開く」をクリック。

“Paste More”の設定画面が開きます。

とりあえずは、外部からコピーした内容をLogseqにペーストするときに使用する専用のショートカットキーを指定するだけでよいと思います。
上から3番目の入力欄がそれで、デフォルトではmod+ctrl+shift+vと記入されていると思います。
Windowsの場合、そのままでもCtrl+Shift+Vとして機能するようです。
私はmod+の部分は消しておきました。

設定できたら、右上の×を押します。

コピー&ペーストの手順

DynalistからLogseqへコピー&ペーストしたい内容を、DynalistのExport機能でエクスポートするとき、フォーマットとして“Plain text”かつ“Dashes”を選びます。*5

Logseqアプリにおいて貼り付けたい位置にカーソル(キャレット)を置き、上掲の設定画面で設定したショートカットキーを押すと貼り付けられます。

以上です。

補遺(1)

本記事には含めませんでしたが、同様の用途で使えるLogseqプラグインがもう1つあります。
こちらは全体の手順が煩雑になりそうなので、あまりお奨めしません。

*1:その直前のバージョン(0.8.18)には通用することを確認済みです(2023/03/29現在)。

*2:エクスポート元(コピー元)がDynalistである場合に限らず、一般的に、階層構造をもつ複数行のテキストをLogseqに貼り付けるとこのような問題が起きるのだろうと思われます。

*3:厳密には、もう少し旧いバージョンでもよいかもしれませんが、筆者が動作確認をできているのはバージョン0.8.1.7からです。

*4:通常の"CTRL + V"というショートカットキーで貼り付けると、正しい結果になりません。

*5:エクスポート元がDynalist以外であっても、基本的にはこのフォーマットに従っていれば大丈夫なのだろうと思います。

記事にするほどでもない小技集(15)


〈目次〉


はてなブログの編集画面の「編集サイドバー」にてGoogleフォトの画像が表示されない場合の対処法

はてなブログのアカウント設定画面の外部サービス連携のタブで、「Googleフォト連携設定」の連携を一旦解除してから再度連携させると、Googleフォトの画像が「編集サイドバー」に表示されるようになります。

iOS版のSpotifyアプリでローカルファイルを再生する方法

Kindle端末でダウンロード済みの「サンプル」が削除されないときの対処法

Kindle端末で、ダウンロード済みの「Kindle本のサンプル」を削除しても、端末内の「ライブラリ」から消えないときは、そのサンプルのサムネイルの右下にある「︙」のアイコンをタップして開くメニューの中の「ダウンロード済みの本を削除」をタップすれば、消えます。


(「このサンプルを削除」をタップしても消えない場合に「ダウンロード済みの本を削除」をタップする)

LogseqのTweet embed記法で記入したツイートが展開されないときの対処法(Windowsアプリの場合)

LogseqのTweet embed記法({{tweet ツイートのURL}})で記入したツイートがLogseqアプリの画面上で展開されず、「...loading」という表示のまま止まってしまう場合は、Logseqアプリを再起動したり、再インストールすると直るようです。
筆者はWindows版アプリのバージョン0.8.16でこれを経験しました。


(「...loading」)

デスクトップ版のLogseqアプリで選択した「テーマ」を、アプリの再起動後にも自動で適用させる方法

次のように操作すれば、アプリの再起動後にも適用されるようです。

アプリ右上ののアイコンをクリックして開くメニューから「設定」→「一般」と進み、「テーマ」のコーナーで、適用させたいテーマを選択。


("dark"を選択した例)

次に、アプリ右上ののアイコンをもう一度クリックし、その中の「テーマ」をクリックすると、テーマの選択メニューが開くので、その中にある「適用させたいテーマ」=上掲のメニュー内で選択したテーマと同じものをクリックする。


(このメニューの中の「テーマ」をクリック)


(ここでテーマを選択する)

iPhoneBluetoothイヤホンを接続した瞬間にボリュームが自動で変更されるのを防ぐ方法

iPhoneの設定画面から「サウンドと触覚」→「ヘッドフォンの安全性」と進み、「大きな音を抑える」をオフにします。

WindowsiCloud Driveでファイルをダウンロードできないときの対処法

代わりに、ブラウザで https://www.icloud.com/iclouddrive/ にアクセスしてダウンロードすることができると思います。

Logi Boltで接続しているLogicoolのデバイスのバッテリー残量を数値で確認する方法

LogicoolLogi Bolt Appをインストールして起動すると、バッテリーの残量を見れます。


(キーボードとマウスのバッテリー残量が表示された例)

Pocketから開いたURLに付いている余分な文字列を取り除いて「はてなブックマーク」にブックマークするためのブックマークレット

Pocketから開いたURLの末尾に付いている、下記の余分な文字列を取り除いて「はてなブックマーク」にブックマークするためのブックマークレットのコードを紹介します。

  • ?utm_source=pocket_saves
  • ?utm_source=pocket_saves/

コード

javascript:(function(){var url=location.href;var modifiedUrl=url.replace(/\?utm_source=pocket_saves\/?/,%22%22);window.open(%27https://b.hatena.ne.jp/entry/%27+encodeURIComponent(modifiedUrl));})();

Logseqの当日の日誌ページに1行記入するPythonスクリプト


〈目次〉


機能

  • Logseqの当日の日誌ページ(の最終行)に1行記入します。
  • 当日の日誌ページのMarkdownファイル(YYYY_MM_DD.md)がまだ存在しないときは、そのファイルが作成されたうえで記入されます。

必要なもの

  • Pythonが実行できること

使い方

Logseqの日誌ページが保存されているフォルダのパス(位置)を、下記のスクリプトの6行目(os.chdirで始まっている行)に記入し、拡張子を.pyとして任意のフォルダに保存します(例えばjournal.pyなど)。
そのうえで、journal.pyをダブルクリックしたり、ショートカットキーで起動したりすると、記入内容を入力する画面が出ます。
入力し終えたらEnterキーを押します。すると、当日の日誌ページ(YYYY_MM_DD.md)の最終行に記入されます。

入力画面と記入結果の例


(入力画面)


(記入結果)

既知の問題点

Windows PCにおいて、Logseqの日誌ページのMarkdownファイルをWindows版のiCloud Driveクラウドと同期している際に、iCloud Driveの不具合により、クラウドとの同期がスムーズに出来ていない場合があります。そうなっている最中にこのPythonスクリプトを実行すると、行頭のハイフン(-)が1個余分に付いてしまうようです。

LogseqのCSS変更例と変更方法

Logseqは、CSS を変更することで外見を変えられます。
この記事では CSS の変更例を紹介します。


〈目次〉


CSS を変更する方法

変更の仕方は 2 通りあります。

  • Logseq の右上のをクリックして「設定」→「一般」→「custom.css を編集」をクリックして開く custom.css を編集する。
  • Logseq のファイル(グラフ)が保存されているローカルディレクトリ内の custom.cssテキストエディタなどで開いて編集する。

Logseq の HTML 構造の調べ方

ブラウザを使う方法

PC のブラウザで https://logseq.com/ にアクセスし、ページ上で右クリックして「検証」をクリックすると、HTML 構造を見られます。*1

デスクトップアプリを使う方法

Logseqのデスクトップアプリを起動しCtrl + Shit + IのショートットキーでHTML構造を見られます(Windowsの場合)。
Altキーを押して開くメニューから、View→Toggle Developper Toolsと進んでも、それと同じ画面が開きます。

CSS の変更例

左側のサイドバーの横幅を変更する

/*左サイドバー*/
div.left-sidebar-inner {
  width: 200px  /* 200pxにする場合 */
}

画像の横幅を制限する

.block-content img {
  max-width: 500px /* 横幅を500px以下に制限する場合 */
}

画像の縦の長さを制限する

.block-content img {
  max-height: 500px /* 縦の長さを500px以下に制限する場合 */
}

〈下位項目が閉じているときの上位項目〉の行頭バレットを分かりやすくする

適用前

aaa には下位項目が有って、それは閉じられており、ccc には下位項目がありません。
aaa すなわち〈下位項目が閉じているときの上位項目〉の行頭のバレット(点)を、見た目で分かりやすいようにします。

適用後

CSS
設定画面 →「一般」→「テーマ」のところで“light”, "dark", "system"のどれを選択したときでも適用される CSS です。

div#main-content-container .bullet-container.bullet-closed {
  background-color: #bbb /* #bbbにする場合 */
}

CSS(light テーマにのみ適用する場合)
設定画面 →「一般」→「テーマ」のところで“light”を選択したときのみに適用される CSS です。

div.white-theme div#main-content-container .bullet-container.bullet-closed {
  background-color: #bbb /* #bbbにする場合 */
}

CSS(dark テーマにのみ適用する場合)
設定画面 →「一般」→「テーマ」のところで“dark”を選択したときのみに適用される CSS です。

div.dark-theme div#main-content-container .bullet-container.bullet-closed {
  background-color: #bbb /* #bbbにする場合 */
}

選択されたブロック(行)の背景色を変える

ブロック(行)単位で選択したときの、その行の背景色を変更します。

CSS(light テーマにのみ適用する場合)
設定画面 →「一般」→「テーマ」のところで“light”を選択したときのみに適用される CSS です。

.white-theme, html[white-theme=white] {
  --ls-block-highlight-color:
    #199abd  /* #199abdにする場合 */
}

CSS(dark テーマにのみ適用する場合)
設定画面 →「一般」→「テーマ」のところで“dark”を選択したときのみに適用される CSS です。

.dark-theme, html[data-theme=dark] {
  --ls-block-highlight-color:
    #147b97  /* #147b97にする場合 */
}

文字色を変える

サイドバーや設定画面などを除いた本文部分の文字色を変えます(ハイパーリンクなどが無い地の文のみ)。

CSS
設定画面 →「一般」→「テーマ」のところで“light”, "dark", "system"のどれを選択したときでも適用される CSS です。

div#main-content-container {
  color: #aaa /* #aaaにする場合 */
}

CSS(light テーマにのみ適用する場合)
設定画面 →「一般」→「テーマ」のところで“light”を選択したときのみに適用される CSS です。

div.white-theme div#main-content-container {
  color: #000 /* #000にする場合 */
}

CSS(dark テーマにのみ適用する場合)
設定画面 →「一般」→「テーマ」のところで“dark”を選択したときのみに適用される CSS です。

div.dark-theme div#main-content-container {
  color: #fff /* #fffにする場合 */
}

引用文の文字色を変える

CSS
設定画面 →「一般」→「テーマ」のところで“light”, "dark", "system"のどれを選択したときでも適用される CSS です。

div#main-content-container blockquote {
  color: #aaa /* #aaaにする場合 */
}

CSS(light テーマにのみ適用する場合)
設定画面 →「一般」→「テーマ」のところで“light”を選択したときのみに適用される CSS です。

div.white-theme blockquote {
  color: #000 /* #000にする場合 */
}

CSS(dark テーマにのみ適用する場合)
設定画面 →「一般」→「テーマ」のところで“dark”を選択したときのみに適用される CSS です。

div.dark-theme blockquote {
  color: #fff /* #fffにする場合 */
}

外部リンクの下線(border)を消し、アンダーラインに変更する

.external-link {
  text-decoration: underline;
  border-bottom: none
}

ハッシュタグのフォントサイズを変える

a.tag {
  font-size: 100% /*  100%にする場合 */
}

*1:Firefox なら「調査」をクリック。Vivaldi なら「開発者ツール」→「検証」とクリックするなど、ブラウザによって操作が異なります。