Web Analytics Made Easy -
StatCounter

めモらンだム・ヤード

自分用のアプリ設定やスクリプト類の備忘録・覚え書き(Memorandum) / 作った物のライセンスはCC BY-NC-SAで。 / 内容が古いまま、間違ったまま、書いている途中、途中で放置など、手入れはあまり行き届いていない庭 / 対象の仕様変更で動かなくなったもの多々。WorkFlowy向けは全滅したので削除 / 製作物のインストール及び使用は各自の責任で。使用によって、利用者および第三者に損害が発生したとしても、当方は一切責任を負いかねます

Logseq用Webページブックマークテキスト作成iOS/iPadOSショートカット

作成: 2022-06-06
最終更新: 2022-06-11

Logseqでの表示例

3つ目のアイテムのサムネイルはfavicon、それ以外のアイテムのサムネイルはWebページ-のメインイメージ。
最後のアイテムの抜粋は翻訳されたもの。

iPhoneで表示。


使い方

ブックマークしたいWebページをモバイルSafariで表示しておいて、共有シートからこのショートカットを起動する。

すると、このショートカットは、

  1. faviconや、もしメインイメージのURLが取得できたならその画像を取得し、それらから選択させる。
  2. 選んだ画像の表示サイズを、横幅は最大240px、高さは最大75px以下になるように計算する。
  3. そのサムネイルを、
    • 既に同じファイル名の画像が保存してあった場合に衝突しないように、
    • 異なったファイル名で同一画像が重複保存されないように、
      ファイル名はハッシュ値に変える。
  4. それをassetsフォルダに保存する。
  5. Webページの抜粋を取得。 日本語でなかったら言語を選択させ、翻訳。
  6. ページ名、URL、作成者、サムネイルのリンク、抜粋をクリップボードにコピー。

を、行う。

それを貼り付けたい場所にペースト。


ショートカット


CSS

何もしないと抜粋がサムネイル画像の下に表示されて1ブックマークが無駄に上下に長くなってしまうので、以下のCSSをcustom.cssに追加して抜粋がサムネイルの右横に表示されるようにする。

div.asset-container:has(img[title="float"]) {
  float: left;
  margin-right: 20px;
}




参考資料

©︎ 2022 Sorashima