小技チョコレート

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

Logseq（デスクトップ版）でページをランダムに表示する方法

Logseq

Logseq（デスクトップ版）にプラグインをインストールすることにより、ページをランダムに表示することができます。その方法を紹介します。

〈目次〉

インストール

Logseqを起動し、右上にある…のアイコンをクリックして開くメニューの中にある「プラグイン」をクリック。

すると、下記のような画面になるので、中央あたりにある「マーケットプレース」をクリックしたうえで、右上の検索フォームにrandomなどと入力すると、“Random Note”というプラグインが候補として表示されます。

この“Random Note”の右下に「インストール」というリンクがあるので、それをクリックするとインストールされます。

操作方法

ランダム表示を実行するための操作方法は2通りあります。

一つは、Logseqの右上のところ（Homeアイコンの左あたり）に表示される風車のアイコンをクリックすること。

もう一つは、Logseqのページの行内にカーソル（＝キャレット。文字の入力位置を示す縦線）が入っていない状態にしてから、r→nという順でキーを押すことです。*1

設定項目とサンプル

上掲のプラグイン画面で、中央上部のところで「インストール済」を選択すると、“Random Note”の左下に歯車アイコンが表示されます。それをクリックして、このプラグインの設定画面を開くことができます。

日誌ページ（Journals）をランダム表示の対象にするかどうかなど、いくつかの設定項目があります。

特定のタグが付いた項目のみを対象にする

上掲の手順で開く設定画面にてRandom Modeの選択欄でtagsを選び、Tags modeのところに、対象にしたいハッシュタグを記入します。
#を除いて書き、タグ同士の間は半角のカンマで区切ります。

*1:行内にカーソルがある場合は、Escキーを押したり、行の外をマウスでクリックするなどすれば、カーソルが行内に無い状態にすることができます。

Apple Watchでウェブページを閲覧する方法（ショートカットアプリ使用）

Apple Watch ブラウザ

iPhone / iPadで使える「ショートカット」アプリにて、特定のウェブページをSafariで開くショートカットをあらかじめ作成し、それをApple Watchで利用することによって、Apple Watchでそのウェブページを開くことができます。その実行方法を紹介します。

iPhone / iPadの「ショートカット」アプリの操作方法

iPhone / iPadで「ショートカット」アプリを起動し、「すべてのショートカット」の画面で右上の「＋」アイコンをタップ。

次の画面で、下の方にある「Appおよびアクションを検索」と書かれている入力欄にSafariと入力。

そこにSafariと入力すると、その下に候補が表示されるので、そのなかの「Webページを表示」をタップ。

次の画面で、「のWebページを表示」と書かれている箇所の直前の入力欄に、開きたいウェブページのURLを入力。
左上のアイコンをタップすると、アイコンのイラストと色が変更できます。
アイコンの右側の入力欄には。このショートカットの名前を自由に入力できるので、開きたいウェブページの名前などを書けば分かりやすいでしょう。


（朝日新聞デジタル https://www.asahi.com を開く場合の例）

そして、右上の×アイコンの左側の丸いアイコンをタップ。

次の画面で、「Apple Watchに表示」のところのスライド式スイッチをオンにします。

ここまで出来たら、右上の「完了」をタップし、次に右上の×アイコンをタップ。

すると、「すべてのショートカット」の画面の左上に、ここで作成したショートカットが表示されています。

Apple Watchでの操作方法

Apple Watchで「ショートカット」アプリを起動します。


（Apple Watchで「ショートカット」アプリのアイコンをタップする）

すると、上掲の手順で作成したショートカットが、四角いアイコンで表示されています。これをタップします。*1

すると、Apple Watchのブラウザでウェブページが開きます。*2


（朝日新聞デジタル https://www.asahi.com をApple Watchで開いた例）

以上です。

Apple Watch SE スペースグレイアルミニウムケースとミッドナイトスポーツバンド ケースサイズ：44mm GPS＋Cellularモデル 本体のみ （楽天モバイル回線なし） 新品

Apple Watch SE スペースグレイアルミニウムケースとミッドナイトスポーツバンド ケースサイズ：44mm GPS＋Cellularモデル 本体のみ （楽天モバイル回線なし） 新品

*1:ショートカットの作成後、ここに表示されるまで暫く時間がかかる場合もあります。通常は数分待てば表示されると思います。

*2:ウェブページを開くためのショートカットをApple Watchでタップするのが初回の場合は、「このURLをApple Watchで開いてもよいか」を訊ねるダイアログが出る場合があるので、「許可」をタップします。

Dynalistのモバイル版のみに適用されるCSSの作成例

Dynalist CSS

Dynalistのモバイル版のみに適用されるCSSのサンプルを紹介します。

〈目次〉

必要なもの

Dynalistの有料版（PRO）にアップグレードする必要があります。
なお、既存ユーザーの紹介リンク経由でDynalistのアカウントを作ると、初月のみは有料版が無料になるそうです（当ブログ筆者の紹介リンクはこちら）。

適用される環境

この記事で紹介しているCSSが適用されるのは、下記の3つの環境でDynalistを表示した場合です。

  • モバイルアプリ（iOS版 / Android版）
  • モバイルブラウザ
  • デスクトップのウェブブラウザでウィンドウの横幅を500px以下ぐらいまで狭めた状態

CSSを適用する手順

Dynalistの有料版（PRO）にアップグレードした後で、Dynalistの画面の右上のメニューから“Settings”を開き、“Dynalist Pro”のタブの一番下のほうにある“Custom CSS”という入力欄に、適用したいCSSを入力します。
Dynalistのモバイルアプリやモバイルブラウザから“Settings”を開いた場合は、その画面の一番下に“Custom CSS”の入力欄があります。

CSSのサンプル

フォントサイズを変更する

Dynalistのフォントサイズは、設定画面（Settings）でSmall / Medium / Largeの3段階から選べるようになっており、そこで指定したサイズがデスクトップとモバイルの両方に適用されるのですが、デスクトップでは丁度よいフォントサイズだけれどもモバイルでは小さすぎる／大きすぎるとか、その逆になるという場合があると思います。
そこで、モバイル版のフォントサイズのみを変えるCSSを作ってみました。

変えられるのは、本文、note、H1, H2, H3のフォントサイズです。
初期状態では、設定画面でのフォントサイズ指定がSmallである場合に、モバイル版でSmallより若干大きくなるようにしてあります。

フォントサイズを調整したい場合は、それぞれの行のfont-size:○○pxのところの数値を自由に変えて下さい。

/*本文 フォントサイズ*/
body.is-mobile div.Node-children div.node-line{font-size:18px !important}

/*note フォントサイズ*/
/*設定画面でフォントサイズをMediumやLargeに指定している場合は、.is-smallFontのところを.is-mediumFontや.is-largeFontに変える*/
body.is-mobile .is-smallFont .Node-noteContainer{font-size:14px !important}

/*H1 フォントサイズ*/
body.is-mobile div.is-heading1 div.node-line{font-size:25px !important}

/*H2 フォントサイズ*/
body.is-mobile div.is-heading2 div.node-line{font-size:23px !important}

/*H3 フォントサイズ*/
body.is-mobile div.is-heading3 div.node-line{font-size:20px !important}

アウトライナー実践入門 「書く・考える・生活する」創造的アウトライン・プロセッシングの技術 / Tak. (Book) 【本】

アウトライナー実践入門 「書く・考える・生活する」創造的アウトライン・プロセッシングの技術 / Tak. (Book) 【本】

Scrapboxのブックマークレットが機能しないときのチェックポイント

Scrapbox ブラウザ JavaScript

Scrapboxのブックマークレット（“Scrap to ○○”）が機能しないときに、チェックするとよいところを紹介します。

ブラウザのブックマークに追加したScrapboxのブックマークレットをマウスで右クリックして「編集」（Firefoxなら「ブックマークを編集」）を選択すると、下記のような画面が表示されます。


（Firefoxでの例。Chrome系ブラウザでも同様の表示が出ます）

この中の「URL」の欄の文字列を見ると、冒頭のほうに、次のような箇所があると思います（●●●の部分には当該のScrapboxのプロジェクト名("Project name")が入るので、各人ごとに異なっています）。

window.prompt('Scrap "●●●" to

この●●●の部分に半角のシングルクォーテーション'（＝アポストロフィ）が含まれている場合は、それを消したうえで「保存」の操作をすれば、ブックマークレットが機能するようになります。

なお、筆者はこの●●●に含まれる半角のシングルクォーテーションを消すと直るという経験しかしていませんが、同じ箇所で半角のシングルクォーテーション以外の文字が原因となっている場合もあるかもしれません（筆者はJavaScriptの素人なのでよく分かりません）。

備考

上述の●●●はScrapboxの"Project name"と同じ文字列です。
"Project name"はScrapboxの設定画面の中のSettingsのタブから確認・変更できます。ここで"Project name"を変更した後でブラウザのブックマークに追加したブックマークレットには、その変更が自動で引き継がれていると思います。

関連記事

Scrapbox情報整理術 [ 倉下忠憲 ]

Scrapbox情報整理術 [ 倉下忠憲 ]