ラベル bitly の投稿を表示しています。 すべての投稿を表示
ラベル bitly の投稿を表示しています。 すべての投稿を表示

2015年3月16日月曜日

Firefox でウェブページの「タイトル」と短縮 URL を得る Cutyfox URL Shortener

1. FireLink からの乗り換え

Firefox でウェブページの「タイトル」と 短縮 URL を得るために FireLink を利用していた。しかし、Amazon サイトのリンクが上手く生成できなかった。

SnapCrab_No-1619 (2)そこで、代わりに Cutyfox URL Shortener (bit.ly, is.gd, goo.gl) を利用することにした。

 

2. URL の短縮の仕方

インストールすると、ツールバーにハサミのアイコンが表示される。このボタンをクリックすると、URL が短縮され、クリップボードにコピーされる。

SnapCrab_No-1619

ショートカットキーは、

Ctrl + Alt + C

 

3. bit.ly を利用する

SnapCrab_No-1619 (3)デフォルトでは、クリップボードに短縮された URL のみコピーされる。これにタイトルを含みたい場合、

  1. Cutyfox URL Shortener の設定画面を開く。
  2. General タブにおいて、Add current Title にチェックを付ける。

短縮 URL として bit.ly を利用するには、

  1. Cutyfox URL Shortener の設定画面を開く。
  2. Shortener > Available Shortening Servies: bit.ly を選択。
  3. Sign In to bit.ly… ボタンを押す。
  4. ブラウザが開き、認証が求められるので Allow ボタンを押す。
    SnapCrab_No-1633
  5. 認証が終了すると、以下の画面が表示される。
    SnapCrab_No-1627

2014年10月10日金曜日

Firefox でウェブページの「タイトル」と URL を得る Easy Copy。短縮 URL には FireLink。

0. 目次

 

1. Make Link から、Easy Copy と FireLink に移行

a. Easy Copy で Ctrl + Q

ウェブページの「タイトル」と「URL」をコピーするために、Make Link 系のアドオン・拡張機能を利用してきた。

Make Link をキー入力で素早く呼び出す工夫をしているが、マウスやキーボードのホームポジションから手を離さなければならないので不満を感じていた。

SnapCrab_No-1537それを解消するために Easy Copy を利用することにする。これからは、

Ctrl + Q キー

を押下するにより、ウェブページの「タイトル」または「選択文字列」と「URL」の組み合わせをコピーできる。

Make Link の開発は March 23, 2011 で止まっているが、Easy Copy の最新版は June 11, 2014 。Make Link よりも細かな設定ができる点も良い。

 

b. FireLink で Ctrl + C

SnapCrab_No-1538ただし、Easy Copy では、ページの「タイトル」と「短縮URL」をテキストで得ることができない。これを補完するために、FireLink を併用する。FireLink では、

Ctrl + C キー

を押下することにより、「ページのタイトル」と「短縮URL」を得ることができる。

Easy CopyFireLink のどちらかに絞りたかったが、Easy Copy は短縮URL に対応しておらず、FireLink は Make Link で言うところの HTML エンティティを使用できない。

 

2. Easy Copy の設定

a. ショートカットキーの変更

SnapCrab_No-1537最初に、Easy Copy のショートカットキーを変更する。

デフォルトで用意されている、ウェブページの「タイトル」または「選択文字列」と「URL」の組み合わせをコピーする `Title Link’ のショートカットキーは Ctrl + Shift + Y 。これを

Ctrl + Q

に変える。⇒ Firefox の keyconfig でショートカットキーをカスタマイズ

Easy Copy :: Add-ons for Firefox によると、

Keyboard shortcuts are configurable with Keyconfig.

ただし、Easy Copy ではショートカットキーを変更できないことに注意。

 

b. 変数の意味

`Title Link’ の設定は、

  • 右クリック > Easy Copy > Options > Templates

より、確認することができる。

SnapCrab_No-1456

`Title Link’ の Templates には、以下のように記載されている。

<a href="%url%">%title%</a>

利用できる変数は Variables を参照。

ここで使われている url と title 変数はコンテストによって意味が変わる。

ウェブページ中の文字列を選択していなければ、ページの URL とタイトルが指し示される。もし、文字列を選択していたら、その文字列と URL が指し示される。

`Type’ はコピーしたテキストを HTML エンティティとして扱うか、プレーンテキストで扱うか指定できる。

SnapCrab_No-1596

例えば、タイトルと URL をテキストとして得たい場合は、以下のように設定する。

  • Name: Title と URL
    • Template:

      %title% %url%

    • Type: text

 

c. 文章の引用

Make Link で作成した 「文章を引用」する形式 を移行した。

  • Name: Quote
    • Template:

      <a href="%page_url%">%page_title%</a> によると、
      <blockquote>%selection%</blockquote>

    • Type: html
  • Name: Quote2
    • Template:

      <blockquote>
      <p>%selection%</p>
      <p>(<a href="%page_url%">%page_title%</a> より)</p>
      </blockquote>

    • Type: html

 

d. Google Spreadsheets の設定

同様に、Make Link で作成した Google スプレッドシートのリンク を移行した。

    • Name: Google Spreadsheet
      • Template: =hyperlink("%url%";"%title%")
      • Type: html
    • Name: Google Spreadsheet (Selection)
      • Template: =hyperlink("%url%";"%selection%")
      • Type: html

 

3. FireLink の設定

SnapCrab_No-1538次に、FireLink の設定を行う。

FireLink では短縮 URL の機能のみ利用する。

  • New!! 短縮URLサービスの選択
    • is.gd : http://is.gd/api.php?longurl=%URL%
    • tinyurl : http://tinyurl.com/api-create.php?url=%URL%
    • bit.ly : http://api.bit.ly/v3/shorten?format=txt&login=username&apiKey=XXX&longUrl&longUrl=%URL%
  • 短縮 URL として bit.ly を利用している。 settings | Bitly. The power of the link. より、Login:, API key を控えておき、下記の username と XXX を置き換える。

    http://api.bit.ly/v3/shorten?format=txt&login=username&apiKey=XXX&longUrl&longUrl=%URL%

    ページの適当な場所で、

    • 右クリック > FireLink > 設定

    を開き、フォーマットを short のみ設定する。

    利用できる変数は FireLink - Variables を参照。

    %text% %short%

    Shortening service には、上記の URL を入力する。

    SnapCrab_No-1539

    これにより、一度、ページの適当な場所で、

    • 右クリック > FireLink > (1) short

    を選択すると、その後、

    Ctrl + C

    を押下するだけで、「ページのタイトル」と「短縮URL」をテキスト形式で得られるようになる。

    追記(2015/3/16): Firefox でウェブページの「タイトル」と短縮 URL を得る Cutyfox URL Shortener に乗り換えた。

    2014年9月14日日曜日

    Twitter でウェブページ中の文章を引用してコメント - bitly の +bitlmark を活用

    1. Twitter で文章を引用したい

    Twitter でウェブページの特定箇所を引用し、それに対してコメントを付けたい。その場合、どのような書き方をするのが一般的なんだろう?

    ウェブページへのリンクをツイートする際によく見かける形式は、

    コメント / “タイトル” URL

    この書き方は、はてなブックマーク x Twitter 連携機能 を利用しているのかな?

    ブックマークをTwitterへ投稿する際の書式を変更しました - はてなブックマーク日記 - 機能変更、お知らせなど (2011-09-15) によると、

    エントリー「はてなブックマーク」に「旬の話題がすぐにわかる」というコメントをつけてTwitter投稿した場合:

    これまで
    旬の話題がすぐにわかる / はてなブックマーク http://htn.to/
    これから
    旬の話題がすぐにわかる / “はてなブックマークhttp://htn.to/

    3 年ほど前からこのスタイルが「はてブ」で定着しているようなので、これを真似ることにした。つまり、

    コメント / “ここに引用したい文章” URL

    という形式で文章を引用することにした。

     

    2. Bitly の+bitlmark を利用してツイートする

    bitly の登録と設定

    これを簡単に行うには、短縮 URL サービスである Bitly を使うと良い。

    このサービスを利用したいことがない場合、予め登録が必要となる。

    SnapCrab_No-1478

    登録は Twitter で認証を行っておけば良い。 ログインする場合は、 Bitly. sign in から。

    SnapCrab_No-1479

    設定で気をつけることは、settings において、Default Bitlink privacy を Private にしておくこと。これにより、bitly で短縮した URL が公開されなくなる。

    SnapCrab_No-1482

     

    ブックマークレットの設定

    bit.ly には読んでいるページをシェアするためのブックマークレットが用意されている。

    より、 +bitmark の画像をブックマークツールバーにドラッグした。

    SnapCrab_No-1481

    このブックマークレットの利点は、選択した文章をダブルクォーテーションで囲んで引用してくれること。

     

    ブックマークレットの使い方

    例えば、以下のページにおいて、引用したい文章を選択したとする。

    SnapCrab_No-1475

    ここで +bitmark のブックマークレットを押すと、ダイアログが表示されるので、Share ボタンを押す。

    SnapCrab_No-1476

    ダイアログが SHARE TO… に変化すると、先ほど選択した文章がツイートする内容が書かれたフィールドにダブルクォーテーションで囲まれて入力されている。SnapCrab_No-1474

    この先頭にコメントを入れることにより、

    コメント / “ここに引用したい文章” URL

    というツイートができる。最後に Tweet ボタンを押して投稿。

    今後は Twitter Cards が公式のやり方して活用されると思うが、今はこの方法で行くことにした。

    2014年5月18日日曜日

    Bitly で API key をリセット、パスワードを変更し、各サービスのアカウントを再接続する

    1. Bitly もセキュリティのための対策が必要

    最近、セキュリティ関係の話題が多い。

    今回は URL 短縮サービスとして利用している Bitly. 同じようにパスワード等の変更をして対処しなければならない。

    Bitly、アカウントのクレデンシャル情報が侵害を受けた疑い -INTERNET Watch によると、

    短縮URLサービス「Bitly」において、ユーザーアカウントのクレデンシャル情報がセキュリティ侵害を受けた疑いがあるという。…、同社ではユーザー保護のためにBitlyアカウントとFacebook/Twitterアカウントとの接続をいったん切断。ユーザーに対しては、パスワード変更などの対応を求めている。

    Bitly にアクセスすると画面上部に警告文が表示されている。

    Bitly users: We discovered Bitly account credentials may have been compromised.
    If you have not already done so, we recommend that you take action to secure your account. Details at bit.ly/SecurityDetails.

    SnapCrab_No-1051

     

    2. API key をリセット、パスワードを変更、各サービスのアカウントを再接続

    対策は、bitly blog によると、

    1) Log in to your account and click on ‘Your Settings,’ then the ‘Advanced’ tab.

    2) At the bottom of the ‘Advanced’ tab, select ‘Reset’ next to ‘Legacy API key.’

    3) Copy down your new API key and change it in all applications. These can include social publishers, share buttons and mobile apps.

    4) Go to the ‘Profile’ tab and reset your password.

    5) Disconnect and reconnect any applications that use Bitly. You can check which accounts are connected under the ‘Connected Accounts’ tab in ‘Your Settings.’

    Bitly にログインした後、ユーザー名 > Setting を選択。

    SnapCrab_No-1052

     

    API key を Reset

    `ADVANCED’ タブ > Legacy API Key において `Reset’ ボタンを押す。

    SnapCrab_No-1053

    API key をリセットした後、この値を利用しているアプリケーションの設定を更新する。

    例えば、TweetDeck で Bitly を利用している場合、Settings > Services において、Bit.ly API Key を新しい値に更新しておく。

    SnapCrab_No-1054

     

    パスワードを変更

    Bitly に戻り、Settings > PROFILE タブにおいて、パスワードを変更する。

    SnapCrab_No-1056

     

    各サービスのアカウントを再接続

    CONNECTED ACCOUNTS において、Disconnect … を選択し、各サービスの接続を一度切る。

    SnapCrab_No-1057

    例えば、dlvr.it なら、Settings > Manage your short links において、もう一度 bit.ly の認証を行う。

    SnapCrab_No-1055

    2014年4月22日火曜日

    Firefox のアドオン PrefBar で about:config の値を切替え・変更 - Bitly のブックマークレット ✚ bitmark, bit.ly Sidebar が使えない場合、Cookie の設定をデフォルトに戻す。

    1. bitly のブックマークレットが使えなくなった

    SnapCrab_No-0964URL の短縮サービス Bitly 。このサービスは「ブックマークレット」から呼び出すことができる。

    ブックマークレットを利用するためには Bitly. にサインインしなければならない。

    しかし、Firefox で何度サインインを繰り返しても、ブックマークレットを使うことができなくなってしまった。ただし、Google Chrome や Internet Explorer では問題ない。

    SnapCrab_No-0965

    Hey there, whoever you are!

    Please sign in to save this to Bitly.

    SnapCrab_No-0966

    Oops, we aren’t able to access click metrics right now, do not worry your data is safe

     

    2. network.cookie.cookieBehavior でクッキーを許可する

    これに対処するためには、Firefox のクッキーの設定を変える必要がある。

    ロケーションバーに about:config を入力。検索フィールドで

    network.cookie.cookieBehavior

    を入力する。

    設定名で右クリック > リセット を選択する。

    SnapCrab_No-0973

    これにより、bitly のブックマークレットが使えるようになった。

     

    3. Firefox におけるクッキーの設定の意味

    network.cookie.cookieBehavior の値は、次のような意味を持つ。

    Firefox の Cookie 周りの設定について によると、

    • そもそもCookieを受け入れるか(チェックボックス)
      • 全拒否: network.cookie.cookieBehavior=2
    • 3rd Party Cookie の設定(セレクトボックス, Bug818340 までは許可/拒否のチェックボックスだった)
      • 許可: network.cookie.cookieBehavior=0
      • 拒否: network.cookie.cookieBehavior=1
      • 3rd Party Cookieは制限(既にCookieがセットされていたら許可) :network.cookie.cookieBehavior=3 (Bug818340 で追加)

    Network.cookie.cookieBehavior - MozillaZine Knowledge Base によると、

    0

    All cookies are allowed. (Default)

    1

    Only cookies from the originating server are allowed.

    2

    No cookies are allowed.

    3

    Third-party cookies are allowed only if that site has stored cookies already from a previous visit (Firefox 22.0 and SeaMonkey 2.19 and later) (obsolete) Cookies are allowed based on the cookie P3P policy

     

    4. about:config の設定を素早く変更するにはアドオン PrefBar を使うと良い

    SnapCrab_No-0974Firefox のアドオン PrefBar を利用すると、about:config に設定した値を GUI で簡単に切り替えることができる。下記の説明に従い設定をした。

    about:config から network.cookie.cookieBehavior を検索する。

    設定名で右クリック > PrefBar > 新しいメニューリスト を選択。

    SnapCrab_No-0968

    ダイアログが表示されるので、以下のように入力した。

    SnapCrab_No-0971

    これにより、クッキーの設定を GUI から選択できるようになった。

    SnapCrab_No-0976

     

    PrefBar の表示・非表示をするショートカットキー

    追記(2014/8/24): PrefBar を常に表示させているのは邪魔なので、表示・非表示のショートカットキーを覚えておく。

    デフォルトでは F8 キーを押下する。

    SnapCrab_No-1382

    2013年10月31日木曜日

    ブックマークレット bit.ly Sidebar を HTTPS のページでも利用

    1. +bitmark は使い勝手が悪い

    bitly | ♥ your bitmarks は URL を短縮するサービス。

    Sign up を Twitter でアカウントで行うと、Bitly Tools: にあるブックマークレット

    +bitmark

    を用いて、表示しているページの URL を短縮し、Twitter に投稿できる。

    使い方は、ブックマークレット +bitmark をクリックすると、ダイアログが表示されるので、Share ボタンを押す。

    SnapCrab_No-0560

    次に、SHARE TO… ダイアログで Tweet ボタンを押す。

    SnapCrab_No-0561

    このように、Twitter に投稿するには、2回ボタンを押す必要がある。以前のブックマークレットは、ワンクリックで済むので使いやすい。

    bit.ly が大幅アップデート! でも共有するなら以前のブックマークレットのほうがイイ | thikasa note によると、

    共有するのには、以前のブックマークレット、bit.ly Sidebar がおすすめです。

    リンクを置いておきます。

    bit.ly Sidebar

    使えなくなったりしませんように…。

    しかし、このブックマークレットは、特定のページ利用できない。

     

    2. 古いバージョンのブックマークレットをブロックされないようにする

    例えば、Bitly のような HTTPS のページで bit.ly Sidebar を利用すると、Firefox にブロックされてしまう。

    SnapCrab_No-0562

    ブロックされる理由は、安全でないコンテンツがセキュリティに及ぼす影響 | Firefox ヘルプ によると、

    … 訪れた HTTPS のページに HTTP で配信されているコンテンツが含まれていた場合、メインのページが HTTPS で配信されていても、それに含まれる HTTP のコンテンツが攻撃者に読まれたり変更されたりする恐れがあります。私たちは、HTTPS のページに含まれる HTTP で配信されたコンテンツを「混在コンテンツ」(mixed content) と呼びます。訪れたページの一部分だけが暗号化されていると 安全な接続 であるように表示されますが、実際はそうではありません。

    Mixed Content Requests

    混在コンテンツブロック機能は、HTTPS ページ上の潜在的に有害な HTTP コンテンツをブロックします。

    そこで、bit.ly のブックマークレットの呼び出しを HTTPS に変更した。その結果、ブロックされなくなった。以下のリンクをブックマークレットとして登録すると、HTTPS のページでもブックマークレットを利用できるようになる。

     

    関連記事

    2011年12月16日金曜日

    Firefox で bitly Sidebar のブックマークレットを起動すると表示が崩れるので、ハードウェアアクセラレーションを切った

    1. bitly のブックマークレットの表示が崩れる

    URL を短縮するためのサービスとして、bitly を使うことが多い。読んでいるウェブページに対して、Twitter でつぶやくのにも、しばしば用いる。

    bitly を、表示しているページのサイドに、被せるように表示させるブックマークレットが、

    このブックマークレットが、Firefox 8 くらいから、起動すると、表示が崩れるようになった。表示される文字が薄く、字が読めない。なぜか、マウスを上に移動させると、微妙に表示が濃くなったりする。

    12-16-20111

    同じブックマークレットを、Google Chrome で利用した場合は、問題なく表示された。

    グラフィックボードのドライバを最新のものにしたけれど、表示は変わらず。

    追記 (2011.12.23) : Firefox 9 にしたら、表示が崩れなくなった。

     

    2. 正常に表示させるには、ハードウェアアクセラレーションを切る

    直接の原因が何かわからなかったが、以下の方法により、ちゃんと表示されるようになった。

    • Firefox ボタン > オプション > 詳細 > ブラウズの「ハードウェアアクセラレーション機能を使用する」

    のチェックを外す。

    12-16-20114

     

    Configuration Mania による設定
    アドオン「Configuration Mania」を利用しているなら、
    • ブラウザ > ページ表示制御 > Direct2D を使用しない

    のチェックを付ける。

    12-16-20115

    この場合、「ハードウェアアクセラレーションを使用しない」のチェックは付けなくても、問題なかった。

    以下のように、正常に表示されるようになった。

    12-16-20113

    2009年9月11日金曜日

    短縮 URL サービス TinyURL から bit.ly へ乗り換えた

    1. URL が長い場合、短縮 URL サービスを利用する

    Amazon にある商品の URL は長い。このような場合、URL を短かくするには、URL 短縮サービスを利用すれば良い。

    最近では bit.ly が Twitter に採用されたことで有名になった。

    URL短縮戦争:TwitterがTinyURLを捨て、bit.lyを採用によると、

    いつの間にかTwitterは標準のURL短縮サービスをTinyURLからbit.lyに置き換えたのだ。bit.lyはスタートしたばかりで、TinyURLと同様のサービスを提供する。

     

    2. 短縮 URL を作成するブックマークレット

    短縮 URL を作成するには、ブックマークレットを使うと良い。bit.ly のブックマークレットはTools にある。

    `bit.ly Sidebar’ を試したところ、リンクを作成したいページから遷移することなく URL を取得できる。ページのタイトルを含んだ URL wo作成してくれるので便利。

    追記(2014/8/12): ブックマークレット bit.ly Sidebar を HTTPS のページでも利用できるように

     

    3. アカウントを作ってリンクを保存

    bit.ly はアカウントを作成して利用すると良い。なぜなら、作成したリンクを保存してくれるため。

    bit.ly, a simple url shortener によると、

    Complete History

    Access the complete history of your bit.ly links

    ただし、作成したリンクは公開したくないので、account settings における `History Privacy’ の `Make bit.ly history public.’ のチェックははずしておいた。