私がよく使っているブックマークレット７選【2018年版】 - 情報管理LOG
Amazonでこのページを開いて、このブックマークレットを発動すると… このようにMediaMakerの登録に遷移します。あとは、「登録してマイバインダーを表示」をクリックするだけで登録されます。 これの何が便利って、あとで読みたい本をストックしておくことで、行き当たりばったりな読書から解放されるメリットがあるのです。さらに、Evernoteにも連携可能で、MediaMakerに登録したものが、自動でEvernoteのノートブックに追加されるようにできるのです。なので、図書館などに行ったときに、EvernoteのMediaMakerのノートブックを見るだけで、次に読む本を選ぶことができるのです。 過去記事でも書いておきましたので、参考に。 Bookmarklet: instantly generate a Card for any web page. | Embedly で、実は、Medi
Bookmarklet という一番身近な自動化技術 | blog.jxck.io
Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、 bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、 JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、 Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と
ブックマークレットで jQuery を使う魔法の 210 文字
最近、JavaScript ＝ jQuery というくらい、jQuery ありの JavaScript に慣れてしまったのですが、となると困るのがユーザースクリプトやブックマークレットです。 ユーザースクリプトについては以前の記事、Greasemonkey で 超お手軽に jQuery を使うスニペット [Chrome 対応版] でフォローできているのですが、ブックマークレットで使うにはこのままというわけにいきません。 なので、これを元にショートコード化して、ブックマークレットでも使いやすいよう 241 文字 (コメント除く) にまとめ上げたのが下記になります。 前述のユーザスクリプト向けのコードを書いた後に知った事を反映させて、https 対応とか、jQuery の痕跡を完全に残さない対応とかも追加してます。 (function(f,d,b,s){d=document;b=d.body;
「https://」で始まるページでブックマークレットが動作しない理由
「https://」で始まるページでブックマークレットが動作しない理由を調べてみました。 １．問題点 はてなブックマークでブックマークをするときには、いつも公式のブックマークレットを使っています。 が、「https://」で始まるページではこのブックマークレットが動作しない場合があります。 FirefoxやChromeでこの現象が発生します。 ブックマークできない代表的なURLはTwitterやFacebookなどです。 なお、「https://」で始まるすべてのページでブックマークレットが動作しないという訳ではありませんし、ブックマークレットによっては動作するものもあります。 ２．原因 調べてみたところ、ChromeやFirefoxでは「Content Security Policy」というものに対応しているためのようです。 「Content Security Policy（CSP）」は
ブックマークレットを作るときのTips - Qiita
//javascript: (function(){document.getElementsByTagName("title")[0].innerText;})() 特に多くのページで利用されるブックマークレットは、平凡な変数名だと既に存在する変数名とバッティングする可能性が高いので、このように (function(){...})() することが重要になってきます。関数ブロックは変数スコープを作り、 この中で var で宣言した変数は外部で使われる同名の変数と別のものになります。 また、このようにすることでブックマークレット全体の実行結果として何も返さない(voidを返す)ことも都合が良いです。 すべての変数は無名関数ブロックの変数スコープ内で var を使って宣言しましょう。var は複数の代入をコロンで区切って宣言することができます。 var div = document.create
ブックマークレット10選
こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう？」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
今日の仕事は何時何分に終わる…がすぐ見える「EndTime2」for Toodledoが新しくなりました
現在位置: ホーム1 / Bookmarklet2 / 今日の仕事は何時何分に終わる…がすぐ見える「EndTime2」for Toodledoが新しくなりま... 「EndTime2」はタスクリストの終了予定を表示する、タスク管理ツール「Toodledo」専用のブックマークレットです。 タスクの「所要時間」、全タスクの「終了予定時刻」を “見える化” して1日の見通しを立てることにより “限りある時間の中で、本当にやるべきことだけをやる” というタスク管理ツール本来の機能をサポートしてくれます。 シンプルでとてもマニアックなツールにも関わらず、大変嬉しいことに公開以来多くの方にご利用いただいているようです。 今回、誕生1周年を記念して “より見やすく、より機能的に” 改良すべくアップデートをおこないました。（あんまり変わってない？） 「（旧）EndTime2 」をご利用中の方はもちろん、T
ToodledoのタスクをTaskChuteやExcelへコピペするためのブックマークレット
先日ご紹介したGTD の「収集」ステップや、連携アプリが多いなどの理由でToodledoをタスクの収集場所にされている方も多いかもしれません。 そんな方は、収集したタスクを別のローカルアプリや、TaskChute（タスクシュート）などのExcelベースのタスク管理ツール、タスク一覧表などに転記されるケースもあると思います。 ToodledoにはタスクのExport機能もありますがやや使いづらいので、Search等で抽出したタスクだけを「サッと」コピペするためのブックマークレットを作成してみました。 このブックマークレットで出来ること Toodledoのタスク一覧画面で実行すると、一覧に表示されているタスク名だけをコピペできる、「テキストボックス」が画面に表示されます。 かなり手抜きシンプルな作りになっています。 TaskCopyの使い方 Toodledoのリスト画面（たぶんGrid表示のみ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Å] Feedly利用者必見！見ているサイトをその場で即Feedlyに登録するPC版Chromeブックマークレット！![[Å] Feedly利用者必見！見ているサイトをその場で即Feedlyに登録するPC版Chromeブックマークレット！](https://cdn-ak-scissors.b.st-hatena.com/image/square/e67f596b7ff4ea08b4c184e1d206cde058d7595f/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Ffeedly-chorme-eye.jpg)
hiroma20.com