以下の内容はhttps://wineroses.hatenablog.com/entry/2023/07/28/111503より取得しました。


ObsidianでAppStoreの紹介カードを作ります

アイコンの解像度を上げてみました。

AppSearch

以前のスクリプトだとアイコン画像が60pxでモヤッとします。

データは軽い方がいいかな、と思っていました。 でも、はてなブログのアプリだとこのアイコンがサムネに使われるので、見ていると落ち着きがよろしくない。

やっぱりスッキリする方がいいか。

AppSearch.md

Templaterスクリプトです。

<%*
// カードのスタイル (${url} ${title} ${icon} ${version} ${name} ${genre} ${price})
CARD = "<div name='${title}' style='font-family:sans-serif;font-size:medium;background:ghostwhite;height:auto;padding:10px;border-radius:5px;border:1px solid silver;'><a href='${url}' style='color:darkblue;'><img src='${icon}' style='width:60px;float:left;border-radius:5px;margin:1px 15px 1px 1px;box-shadow:1px 2px 3px gray;'><b>${title} ${version}</b></a><br/><div style='font-family:serif;color:black;font-size:small;'>分類: ${genre}<br/>価格: ${price} (${name})</div clear=all></div>\n"

// スクリプト本体
e = app.workspace.activeLeaf.view.editor
p = e.getCursor().line
s = e.getLine(p)
t = (s[0] == " ")?  "iPadSoftware":"software"
url = "https://itunes.apple.com/search?country=JP&entity=" + t + "&limit=1&term=" + encodeURIComponent(s)
x = await tp.obsidian.request({url})
a = JSON.parse(x).results[0]
d = a.artworkUrl512.replace(/512x512/,"100x100")
s = CARD.replace(/\${url}/g, a.trackViewUrl).replace(/\${title}/g, a.trackName).replace(/\${icon}/g, d).replace(/\${version}/g, a.version).replace(/\${price}/g, a.formattedPrice).replace(/\${name}/g, a.artistName).replace(/\${genre}/g, a.genres)
e.setLine(p, s)
%>

アイコンは512px用のを取得し100pxに変換しました。

使い方

カーソル位置の文字列をAppStoreで検索し、一番初めにヒットしたアプリの紹介カードを出力します。

対象となるのはiPhone用のアプリです。 iPad用を検索したい場合は、行頭に空白を開けてください。

出力結果

Obsidian - Connected Notes 1.4.6
分類: 仕事効率化,辞書/辞典/その他
価格: 無料 (Dynalist Inc.)

こんなカードが書き込まれます。

スタイルはスクリプト内でカスタマイズできます。

IDを使う

思ったアプリにヒットしないときは、一度AppStoreでアプリIDを調べてみてください。

共有ボタンから「リンクをコピー」でURLアドレスが取得できます。 そのアドレスの末尾に「id1225570693」といったアプリIDがあります。

このIDを検索対象にすると確実にアプリを拾うことができます。

まとめ

スッキリ。




以上の内容はhttps://wineroses.hatenablog.com/entry/2023/07/28/111503より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14