モブログには欠かせない!iPhoneでWebページURLのリンクタグを簡単に取得する方法
私は、iPhoneでブログを書くことが多いのですが、面倒なのが人様のブログを紹介するときにURLをHTML形式に変換することです。パソコンなら割に簡単にできるのですが、スマホだとひと手間かかります。
具体的に言うと、紹介したいブログの記事をこういうリンクタグに変換することです。
<a href="https://teineini.net/20180105-workflowy-dynalist/">WorkFlowyとDynalistの使い分け(試行中)</a>
こうやってリンクタグ(HTML)で書けば、ブログでは以下のように表示されます。
最近では、単純にURLを書くだけでカード形式になるブログカードを使うことが多くなったので、面倒なのは減りました。
参考
プラグイン無しでWordPressにブログカードを入れ込む方法!!
ただ、それでも冒頭のリンクタグで書きたいこともあるので、そういうとき、手間なくリンクタグを取得する方法はないものか、と思い整理してみました。
1. ブックマークレットを使う
ブックマークレットを使う方法です。
これまでずっとこの方法をとってきましたが、最近、今まで使っていたものが不具合が出たので、以下のブログを参考に作り直しました。
作り直した、といっても私はJavaScriptの知識は皆無なので、単に「target=”_blank”」の部分を取得したくなかったのでコードから消しただけです。
https://hyper-text.org/archives/2014/07/bookmarklet_copy_title_and_url.shtml
以下のコードでブックマークレットを作れば、リンクタグを取得できます。
javascript:(function(){window.prompt('選択してコピーしてください','<a href="'+document.URL+'" >'+document.title+'</a>');})();
該当のページでブックマークレットを発動させると以下のようなリンクタグを取得できます。(URLとタイトルは本ブログの記事です。)
<a href="https://teineini.net/20180105-workflowy-dynalist/">WorkFlowyとDynalistの使い分け(試行中)</a>
上記はHTMLに変換されるブックマークレットですが、参考に前述のブログで紹介されていた「タイトル+URL」を取得できるブックマークレットのコードも書いておきます。これは前述のブログで紹介されていたものを書かせていただいています。
javascript:(function(){window.prompt('選択してコピーしてください',document.title+' '+document.URL);})();
2. アプリ「NoteBox」を使う
もう1つの方法は、無料アプリの「NoteBox」を使う方法です。
以下のブログでわかりやすく紹介されています。
モブロガー必見!iPhoneやiPadで最速にURLのリンクタグを取得する方法を思いついた! – 情報管理LOG
簡単に説明すると、リンクタグを取得したいWebサイトで「共有Extension」か「ActionExtension」から「NoteBox」をタップするだけです。
上の段の「共有Extension」からNoteBoxをタップすると以下の画面になりますので、あとは全選択してコピーするだけです。
ちなみに、下の段の「ActionExtension」から「NoteBox」をタップすると以下の画面になり、「c」をタップするとコピーできます。ここでは、タイトル+URLの取得となっていますが、「共有Extension」と「ActionExtension」で、どういったタグを取得するかは設定で変更することができます。
3. おわりに
今は上記のどちらの方法でいくかは決めかねています。どちらもそれほど手数は変わりませんので。ただ、「NoteBox」の方が使い勝手がいいような。そもそも他にもっと簡単な方法があるのかもしれませんが。
ちなみに、関連としてご紹介しますが、WorkFlowy へURLをペーストする内容は以下で記事にしました。この記事では紹介しませんでしたが、今回紹介した「NoteBox」も1つの方法として使えそうな気がしてきました。
この記事は以上です。
このブログには、iPhone・iPad・Apple Watch、アプリ、Kindle出版、ブログ運営などに関する記事があります。カテゴリーページや下にある「関連記事」を、ぜひご覧ください。
ブログでHTMLのリストタグをつけるのが面倒に感じたら試してほしい
2021年2月17日 小田やかた
なぜブログはWorkFlowyで全体像を考えてからUlyssesで書いた方がうまくいくのか
2020年10月19日 小田やかた
ブログを書くときに画像を並べるのに便利なiPhoneアプリ「ナラベルコ」とMacアプリ「Tunacan」
2018年2月26日 小田やかた
エディタアプリ「Ulysses」での強調をブログテーマ「JIN」で蛍光マーカーとするための設定
2021年4月26日 小田やかた
ブログの執筆エディタとして「Ulysses」をオススメする15個のポイント
2020年2月25日 小田やかた
アウトライナー(WorkFlowy)でブログを書く効用は行の並び替えがしやすいだけではない
2018年4月24日 小田やかた
ブログを分析するために1分でできるGoogleアナリティクスの設定とは
2015年11月24日 小田やかた
Macの「Text Expander 5」を日本語入力で使うための方法
2015年11月30日 小田やかた
ブログのヘッダー画像やアイキャッチ画像を作るには「Canva」がオススメ
2018年1月30日 小田やかた
ブロガー必見!読まれる記事にするために必要な投稿前のチェックリスト
2021年5月30日 小田やかた
ブログを効率的に書くための「Skitch」の使い方
2015年10月25日 小田やかた
WordPressのSimplicityのアイキャッチ画像を「Feedly」に表示させる方法
2015年11月17日 小田やかた
このブログを書いている ブロガー&Kindle作家 の小田やかたです。
二人の子どもを持つ共働きサラリーマンです。
iPhone・iPadアプリを活用した効率的なインプットとアウトプットの方法をブログ、Kindle本、X、noteで発信しています。

【新版】Apple Watchで何ができるか 〜起床から就寝までの実際の使い方を徹底公開〜
-
Obsidianが「難しそう」に見える、本当の理由
-
iPhoneやiPadで画像の拡張子を変更する方法
-
ThreadsのWebサイトのURLの確認方法
-
Obsidianの「Minimal Thema settings」の設定内容の詳細
-
Apple純正メモアプリで文字数と行数をカウントする方法
-
10年以上使い続けた「iTunes」をやめた理由と代替としての「GooglePlayMus...
-
Obsidianの隠しフォルダにアクセスする方法
-
「かわるビジネスリュック」の購入を迷った点と実際に使ってみてのレビュー
-
アプリが212個あってもiPhoneのホーム画面を一画面運用にする快適さ 〜おすすめアプリ...
-
8歳と2歳の子どもへのクリスマスプレゼント



























