新年あけましておめでとうございます。
年明け早々ですが早速今年初のエントリーを書きました。
本年もどうぞよろしくお願いします。
今年の一発目のエントリーは、ブログを書く上で欠かせる事の出来ないブックマークレットです。
ブックマークレットとは
ブックマークレットとは、ＷＥＢブラウザ上で動作するjava scriptの一種です。
使い方は簡単で、ブックマークレットをお気に入りに追加するだけで使えます。
このブログの引用部分も、自分で書いたブックマークレットを使用していますので、ブックマークレットとは？という方は使用例をご覧ください。
引用したい部分をドラッグ＆ドロップで選択します。
次にブックマークレットをクリック。
すると下記のような、ダイアログが出るのでコピーします。
それをそのまま貼り付けます。
貼り付けた結果がこちら↓
今年最後の記事です。
2010年も最後の日、大晦日になりました。
今年一年皆さんはどうお過ごしになられたでしょうか？
私の今年一年は色々と激動の日々でした。
色々な事にチャレンジしようと思い、始まった今年。
結果は挫折と後悔の日々でした(笑
チャレンジした事全てにおいて
うまくいかなかったという素晴らしい一年でした。
来年は失敗を生かせる一年にしたいな～。
2010年も最後の日、大晦日になりました。
今年一年皆さんはどうお過ごしになられたでしょうか？
私の今年一年は色々と激動の日々でした。
色々な事にチャレンジしようと思い、始まった今年。
結果は挫折と後悔の日々でした(笑
チャレンジした事全てにおいて
うまくいかなかったという素晴らしい一年でした。
来年は失敗を生かせる一年にしたいな～。
このように、ブックマークレットを使えば、通常htmlタグを書いてページのリンクをコピーしてきて貼り付けて・・・といった作業を大幅に短縮化してくれます。
ブロガー必須のブックマークレット
ＷＥＢサイトを見て回っている時に、【このサイトの情報を引用して記事書きたいな～。】といった時に役立つ、先の例で使用したモノはこれを改造したものです。
ウェブページを見ていて、気になる言葉があったら
すぐにブログで紹介できるツールを作りました。
似たようなツールは沢山あるんですが、一番良さげだったのが下記サイト。
「第11回：引用（blockquote）を簡単にするブックマークレット [C!]」
ただ、普段使っているChromeというブラウザで動かなかったので
少し修正を加えて、カスタマイズも出来るように変更してみました。
すぐにブログで紹介できるツールを作りました。
似たようなツールは沢山あるんですが、一番良さげだったのが下記サイト。
「第11回：引用（blockquote）を簡単にするブックマークレット [C!]」
ただ、普段使っているChromeというブラウザで動かなかったので
少し修正を加えて、カスタマイズも出来るように変更してみました。
こちらはiPhoneユーザーには凄く役立つブックマークレットです。
先日の「予告その1」の件。今日は、Bookmarkletのまとめエントリーっす。
アプリ紹介、サイト紹介の各Bookmarkletですが、これまではどちらかと言えば、カスタマイズすることを前提としたヘビーなバージョンをあえて公開してました。
一方、情報量の少ないバージョンも欲しいという声もチラホラ聞いてます。私が使うとしても、恐らくもうちょっと情報量が少ないのを使います。ということで、今日はいくつかのバリエーションをご紹介。もし使って下さる方がいらしたら、お好みでどうぞ♪
アプリ紹介、サイト紹介の各Bookmarkletですが、これまではどちらかと言えば、カスタマイズすることを前提としたヘビーなバージョンをあえて公開してました。
一方、情報量の少ないバージョンも欲しいという声もチラホラ聞いてます。私が使うとしても、恐らくもうちょっと情報量が少ないのを使います。ということで、今日はいくつかのバリエーションをご紹介。もし使って下さる方がいらしたら、お好みでどうぞ♪
リンク集を作る時や、自分のブログのまとめページを作る時とかに役立ちます。
どうしてもっと早く気がつかなかったんだろう、と思うくらい便利なブックマークレットを思い付きました。既出かもしれないけど、公開しておきます。
ブログを書いていると、他のブログのエントリーへのリンクを貼ったりという作業がたくさん発生します。その場合、お作法としてHTMLのtitle>タグをリンク文言にするんだけど、ページのプロパティとかソースとかみないとコピーできないから超メンドウ。
ブログを書いていると、他のブログのエントリーへのリンクを貼ったりという作業がたくさん発生します。その場合、お作法としてHTMLのtitle>タグをリンク文言にするんだけど、ページのプロパティとかソースとかみないとコピーできないから超メンドウ。
アフィリエイトに役立つブックマークレット
Amazonアフィリエイト半自動マシーン完成 - 404 Blog Not Foundみたいなリンクが作れるという記事で、自分で欄内を埋めていくと任意のAmazonアフィリエイトが作れるツールを作ってみた。
ただ、毎回３つの欄を埋めていくという作業は膨大な数のリンクを作るとなると大変になってくる。そこで、amazonで検索したページ上で、クリックするだけで必要な情報を含んだリンクが作れる、というものができないか、いろいろ調べて、ブックマークレットが良いのではないかということで、作ってみた。
ただ、毎回３つの欄を埋めていくという作業は膨大な数のリンクを作るとなると大変になってくる。そこで、amazonで検索したページ上で、クリックするだけで必要な情報を含んだリンクが作れる、というものができないか、いろいろ調べて、ブックマークレットが良いのではないかということで、作ってみた。
あとは、ブログに貼り付けるだけ！
非常に簡単にアフィリエイトページが作成できます！
カテゴリ、価格といった項目の表示有無も切り替えられますし、
CSSでの調整次第では、より綺麗な見栄えにすることができます。
ちなみに元ネタは、
「選択した文字からApp紹介のHTMLを自動生成するBookmarklet」です。
非常に簡単にアフィリエイトページが作成できます！
カテゴリ、価格といった項目の表示有無も切り替えられますし、
CSSでの調整次第では、より綺麗な見栄えにすることができます。
ちなみに元ネタは、
「選択した文字からApp紹介のHTMLを自動生成するBookmarklet」です。
使い方と内部ロジックは以下の通り。
Yahoo!ショッピングかYahoo!オークションのページに遷移
おすすめの商品やオークションを探す
Bookmarkletを起動する
アフィリエイトURLをbitlyでShort URLにする
ページのタイトルとShort URLを本文として、Twitterに遷移させる
となります。
Yahoo!ショッピングかYahoo!オークションのページに遷移
おすすめの商品やオークションを探す
Bookmarkletを起動する
アフィリエイトURLをbitlyでShort URLにする
ページのタイトルとShort URLを本文として、Twitterに遷移させる
となります。
楽天アフィリエイトは、なんといっても紹介した商品以外のものが売れても利益にになるのがたまらない。cookie有効期間は30日だし。
当ブログでもほぼ毎日なにかが売れている。
そしてA8経由だと現金で報酬が受け取れる。
1000円から振込可能。本なんて売れたって数十円にしかならないので、これくらい敷居が低くないと何時まで経っても支払いにならない。
なにより楽天より管理サイトが使いやすい。
当ブログでもほぼ毎日なにかが売れている。
そしてA8経由だと現金で報酬が受け取れる。
1000円から振込可能。本なんて売れたって数十円にしかならないので、これくらい敷居が低くないと何時まで経っても支払いにならない。
なにより楽天より管理サイトが使いやすい。
AZlink でアソシエイトリンクを作るのは超簡単！
まずこのページのヘッダーの、検索フォームにご注目。
あなたの好きなアイドル、アニメ、ゲーム等々、何でも良いのでこのフォームに入力して商品を検索してください。
検索結果の各商品には商品リンク作成ボタンが付いてますので、これをクリックしてください。
まずこのページのヘッダーの、検索フォームにご注目。
あなたの好きなアイドル、アニメ、ゲーム等々、何でも良いのでこのフォームに入力して商品を検索してください。
検索結果の各商品には商品リンク作成ボタンが付いてますので、これをクリックしてください。
アフィリエイト用のブックマークレットは、公式のＡＳＰでも用意されている所もあるので、一度チェックしてみてはいかがでしょうか？
デザインに役立つブックマークレット
見ているページにグリッドを表示させる。超便利！
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。
ＷＥＢデザイナーに必須の15のブックマークレット。素晴らしい。
定期的に利用するサービスにおいて非常に便利なブックマークレット。様々なサービスで様々なブックマークレットが公開されていますが、今日紹介するのはWEBデザイナー、WEBデベロッパーには欠かせないブックマークをまとめたエントリー「15 Must-Have Bookmarklets For Web Designers And Developers」から必須の15のブックマークレットを紹介したいと思います。
ページの印刷時に役立つ。
ウェブサイトを印刷してみると想像していた以上にページが多く出力されてしまったことなどありませんか？
わざわざワードなどにコピペするのも面倒だし…。こんな時に使えそうな印刷用に使えるツールやブックマークレットなどをまとめてみました。
わざわざワードなどにコピペするのも面倒だし…。こんな時に使えそうな印刷用に使えるツールやブックマークレットなどをまとめてみました。
ページをワイヤーフレームに変換してくれる。
ウェブサイトを新たに製作する場合にワイアーフレームといって、まずはその骨格となるラフなレイアウトを作ってからそれを煮詰めていくような手法がよく用いられます。
こちらのサイトで公開されているブックマークレットはクリック一つで、任意のウェブページをワイアーフレームに変換してくれるというもの。
こちらのサイトで公開されているブックマークレットはクリック一つで、任意のウェブページをワイアーフレームに変換してくれるというもの。
コーディング時に非常に役立つブックマークレット。
ウェブ制作時に個人的によく利用しているブックマークレット（ブックマークに登録して利用するJavascript）を覚え書きしておきます。あまりまとめサイトなどを調べたりはしていないのですが、ほとんど必要になったものを自作したものです。なにか役に立ちそうなものがあれば使ってください。
ブックマークレットまとめサイト
多数のブックマークレットをまとめて紹介しているサイトのご紹介。今回こちらの記事で求めているものが見つからなかった人は、下記サイトで探してみれば見つかるかもしれません。
前々からブックマークレットってなんぞ？聞かれることがよくあったので、ブックマークレットについて軽く紹介
しつつ、実際に俺が普段から使っている一押しのブックマークレットをいくつか紹介したいと思います。
もうブックマークレットについてよくわかっているという人は３番から見てください。
しつつ、実際に俺が普段から使っている一押しのブックマークレットをいくつか紹介したいと思います。
もうブックマークレットについてよくわかっているという人は３番から見てください。
ブックマークレットは、ウェブブラウザでいつもやっているような退屈な作業をもっと簡単で便利にする無料のツールです。
ブラウザのアドオンなどをインストールする必要は一切無く、下の２つの操作で誰でも簡単に使うことが出来ます。
ブラウザのアドオンなどをインストールする必要は一切無く、下の２つの操作で誰でも簡単に使うことが出来ます。
Bookmarklets are simple tools that extend the surf and search capabilities of Firefox and Explorer web browsers.
Bookmarklets are free.
Bookmarklets allow you to:
Modify the way you see someone else's webpage.
Extract data from a webpage.
Search more quickly, and in ways not possible with a search engine.
Navigate in new ways.
Bookmarklets are free.
Bookmarklets allow you to:
Modify the way you see someone else's webpage.
Extract data from a webpage.
Search more quickly, and in ways not possible with a search engine.
Navigate in new ways.
まとめ
便利なブックマークレットがありすぎて、追加しちゃいすぎた方には下記のブックマークレットをまとめれるツールがオススメ。
あ、これ便利かも。
ブックマークレットでブラウザのツールバーがいっぱいになってしまっている人に良いかもですよ。
Bookmarklet Combinerがあれば複数のブックマークレットを合わせたブックマークレット（ややこしいな）を作ってくれますよ。
ブックマークレットでブラウザのツールバーがいっぱいになってしまっている人に良いかもですよ。
Bookmarklet Combinerがあれば複数のブックマークレットを合わせたブックマークレット（ややこしいな）を作ってくれますよ。