タグ

bookmarkletに関するadstyのブックマーク (33)

  • Amazonで買い物した合計金額を調べる方法を試して知る衝撃の事実

    お店に行かなくてもポチッとすれば買い物をできて、しかも配送までしてくれるAmazonは大変便利でついつい利用しがちです。そのAmazonで買い物した合計金額を算出するブックマークレットが公開されているので実際に試してみると、思わずイスから転げ落ちそうな事態になりました。 Amazonで一年間に使った金額と、注文履歴のTSVを出力するブックマークレット【2015年版】( https://gist.github.com/yoshida-k/a480a45712ccf1bf239c ) のminify https://gist.github.com/yoshida-k/3c04e9093ce222b45d27 いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋 http://text.moroya.net/entry/2013/06/03/225935 Amaz

    Amazonで買い物した合計金額を調べる方法を試して知る衝撃の事実
    adsty
    adsty 2015/04/21
    Amazonで買い物した合計金額を算出するブックマークレット。
  • iPhoneのSafariが10倍便利になるブックマークレット10個

    ども!ともぞうです。 iOS 8からSafariに「App Extension」が追加され色々便利になったのですが、それでもまだまだ対応していないアプリも多いのが現状です。 そこで活用したいのが「ブックマークレット」。お気に入りに登録して呼び出すだけで「開いているWebページを見やすく」したり、英語のサイトを「日語に翻訳」したりできちゃうんですよ。 そんなブックマークレットの中でも特におすすめなものを10個ご紹介します! Safariにブックマークレットを登録する方法 そもそも「ブックマークレット」っていう言葉を初めて聞く方もいらっしゃると思うので、簡単に説明しますね。 「ブックマークレット」というのは「javascript」というプログラムで書かれたコードをお気に入りに登録して呼び出すことで、様々な機能を実行できるものなんです。 例えば、英語のサイトを開いた状態で「ページを日語翻訳す

    iPhoneのSafariが10倍便利になるブックマークレット10個
    adsty
    adsty 2015/04/18
    Safariをブックマークレットで使いやすくする方法。
  • こんな使ってたのか...。Amazonでどれだけ買い物したのか金額が分かるブックマークレット(楽天版を追加しました)

    こんな使ってたのか...。Amazonでどれだけ買い物したのか金額が分かるブックマークレット(楽天版を追加しました)2013.06.12 16:106,923 あれ、10万も何使ってたんだろう...。MacBook Air買えちゃう...。 久しぶりに面白いブックマークレットを作っておられる方がいました。いままでにいくらAmazonで買い物をしたかが分かるブックマークレットです。年単位でいくら使ったかがすぐ分かります。 ないと困るAmazon。すぐ届けてくれるAmazonAmazonがない生活なんて考えられないAmazon。早速使ってみたのでご紹介します。 1.アマゾンの注文履歴ページにいきます。 https://www.amazon.co.jp/gp/css/order-history 2.アドレスバーに以下のjavascriptをコピペして実行します。 javascript:(fun

    こんな使ってたのか...。Amazonでどれだけ買い物したのか金額が分かるブックマークレット(楽天版を追加しました)
    adsty
    adsty 2013/06/08
    閲覧のショック的にも使用のセキュリティ的にも危険な印象。
  • 【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久

    【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
    adsty
    adsty 2013/01/29
    Webサイト表示の高速化に役立つ分析用のブックマークレット。
  • ウェブサイトの制作に必ず役立つブックマークレットのまとめ

    ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利

    adsty
    adsty 2013/01/23
    Web制作で使える便利なブックマークレットいろいろ。
  • HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer

    HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer

    HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer
    adsty
    adsty 2012/12/07
    HTMLの構文チェックができるブックマークレット。
  • これぞレスポンシブ確認ツールの決定版!OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer

    ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ

    adsty
    adsty 2012/10/26
    レスポンシブ確認用のブックマークレット。
  • 【保存版】iPhoneのブラウジングが捗る鉄板ブックマークレット集 - アップス!!!-iPhoneの小技やiOS系ニュースを配信

    【保存版】iPhoneのブラウジングが捗る鉄板ブックマークレット集 2012年06月17日 18:17 カテゴリ:iphoneの小技 ツイート ども!ともぞう(@tomozo_1975)です。 今日はiPhoneのブラウジングを快適にしてくれるブックマークレットをご紹介したいと思います。 見ているページのツィートや英語サイトの翻訳など便利なブックマークレットが盛り沢山ですよ。 その1 見ているページをつぶやく Twitterで共有したい記事を見つけたらこれらの⇓ブックマークレットの出番です! 公式Twitter用ブックマークレット Echofon用ブックマークレット Tweetbot用ブックマークレット ではEchofon用ブックマークレットを例に使い方を解説してみますね。 Echofon用のブックマークレットのリンクを開くと、 Googleのページが開くので、そのままブックマーク

    adsty
    adsty 2012/06/18
    iPhone向けの便利なブックマークレットいろいろ。
  • ブログ更新を快適にブロガー必須のブックマークレット まとめ | nori510.com

    どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレットを超絶快適に使う為のChrome エクステンション『Keyconfig』 まず、PCでブックマークレットを使用する時などに、ほんとに素晴らしい働きをしてくれるchrome拡張機能『Keyconfig』をご紹介させて頂きます。 ブックマークレットを語る上でコチラは欠かせません。 キーボードショートカットをブックマークレットの起動に割り当てれば、超快適にブックマークレットを使用できます。 使用頻度

    ブログ更新を快適にブロガー必須のブックマークレット まとめ | nori510.com
    adsty
    adsty 2012/03/16
    ブログ更新の手間になる部分を減らせるブックマークレットいろいろ。
  • 私がiPhoneだけでblogを書く時に使うアプリ7選とBookmarklet ー Singer Song iPhone

    こんにちは、ほぼiPhoneだけでblog書いている、iPhone大好き @kuracyan です。 今日は私が毎日blogを書く時に使っているアプリとBookmarkletをご紹介します。 エディタ 基的にDraftPadで書きます。 アシストという補助機能が全てを支えています。 書きながらブラウザ表示を確認したり、書きあがったらそのままアップローダに送ったりします。 自動保存してくれるので、途中でぱっと閉じても気にせずにすみます。 DraftPad 1.4(無料) カテゴリ: 仕事効率化, ユーティリティ 販売元: Manabu Ueno – Manabu Ueno(サイズ: 2.8 MB) 全てのバージョンの評価: (336件の評価) iPhone/iPadの両方に対応 入力支援 htmlタグを使ったりする時にこのアプリが必須です。 TextExpander 1.2.2(¥450)

    私がiPhoneだけでblogを書く時に使うアプリ7選とBookmarklet ー Singer Song iPhone
    adsty
    adsty 2011/12/24
    公開しない自分用メモにも使えそう。
  • ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank

    ブックマークレットの使い方 一度作ってしまったら、あとはとても簡単です。 まず、ブックマークレットを使いたいと思ったページを開きましょう。開きましたか? 開いたら、ブックマークレットをタップ!これでブックマークレットが機能します。 ブラウザに戻るとほら!ページが下までスクロールされています。 それでは以下に、便利なブックマークレットをどんどん紹介していきます。自由に活用下さい!(また、「このブックマークレットも追加すべきだ!というものがあれば@toshism0331までご連絡下さい! アプリと連動するブックマークレット *iPhoneでコピーをする場合、テキストは右端よりも右にとび出してコピーできないという声を頂いております。その場合、次の行のテキストまでコピーして、最終行を削除するという方法でコピー下さい。(例えば、「読んでいるページをGoogle Readerに追加」のブックマークレッ

    adsty
    adsty 2011/08/06
    登録の仕方が仕様上回りくどいが、使い勝手は良くなる。
  • 「俺の邪悪なメモ」跡地

    adsty
    adsty 2011/06/06
    有用なブックマークレットにご丁寧なエロコメントが。
  • ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌

    画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit... 次の記事 ≫:かなりいい感じのWordPressテーマ20 Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上

    adsty
    adsty 2011/04/12
    JavaScriptのイベントの場所や処理を確認できる。
  • Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方

    いらぬ親切余計なお世話。 あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。 EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。 ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。 これぞ、The・いらぬ親切。 上は当ブログの過去記事を適当にクリッピングしたものですが、Webクリップにはヘッダーやらなんやら不要ですよね。 ロゴはカッコイイけど。 で、この間@goryugo さんのブログで紹介されていた、とあるブックマークレットが、こんな時に超絶便利だって言うお話なんです。紹介せざるを得ない感じで便利。 その名も、「Print what you like」! 参考:[link]Evernoteのクリップに

    Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方
    adsty
    adsty 2011/02/11
    Webクリップの際に役立つブックマークレット「PrintWhatYouLike」の紹介。
  • iphoneで必須のbookmarklet まとめ | nori510.com

    iphoneのsafariでwebを閲覧中に私がよく使うbookmarkletの紹介をします。 これらがあるとiphoneサファリが今以上に便利になります。 それでは、早速ご紹介。 ブックマークレットを登録するためのブックマークレット iPhoneでブックマークレットを簡単に登録できるようにするブックマークレット – むぅもぉ.jp iphoneではブックマークレットを直で保存できないので、重宝しています。 ページ最下部へ移動 Safariのページ最下部に移動するBookmarklet(ブックマークレット) – 強火で進め 最上部移動はステータスバーをタップでOKだけど、最下部へはいけないので使用頻度は高め。 Googleリーダーに登録 iphoneからgoogleリーダーへRSS登録する方法(ブックマークレット) | nori510.com 気になる記事があれば、すぐに登録したいので必須

    iphoneで必須のbookmarklet まとめ | nori510.com
    adsty
    adsty 2010/09/07
    iPhoneのSafariが便利になるブックマークレットいろいろ。
  • 竹取 JS

    画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには? とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意! やや動作が重いです! うまく変換できなかったときは、画面をダブ

    adsty
    adsty 2010/07/05
    JavaScriptで指定されたブロックを縦書きに変換。
  • iPadのSafariに不足しているものを補う - ザリガニが見ていた...。

    指でダイレクトに触ってなめらかに反応する、あのiPadUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今

    adsty
    adsty 2010/06/07
    Safariの不満点をブックマークレット等で解消。
  • ブックマークレットサービス・Hatena::Let を作りました - 2nd life (移転しました)

    ブックマークレットをかんたんに作成・公開できるラボサービス、その名も Hatena::Let を作りました。 http://let.hatelabo.jp/ 未だにブックマークレットを作るときには、アドレスバーに javascritp:... を打ち込んで実行したり、 Firebug で実行して試しつつも外部の bookmarklet 化サービスを使って文字列削ったり、IE対策のため500ちょい文字を超えると gist にファイルを置きつつもおきまりの var script = document.createElement('scrit');... で JS のローダー書いたり、とやりたいことは同じなのにめんどくさい手順を毎回行っていたました。 ここらへんの手順を毎回繰り返すことなくさくっと作って公開したい!と思い id:cho45 と半年ぐらい前の開発合宿*1で作って眠らせていたのを、ち

    ブックマークレットサービス・Hatena::Let を作りました - 2nd life (移転しました)
    adsty
    adsty 2010/05/16
    サービスの便利な点をいくつかピックアップ。
  • Hatena::Let

    81973 Bookmarklets! Create Hatena::Let でブックマークレットをかんたんに作成・公開しよう! https://tech.classi.jp/entry/2024/04/23/183000 document.addEventListener('keydown',(function(event){if(event.key==='Enter'&&event.isComposing){e...

    adsty
    adsty 2010/05/16
    ブックマークレットを簡単に作成・公開できる。
  • ニコニコ動画をHTML5で見るbookmarklet - saiten@blog

    性懲りも無くニコニコネタです。 iPadでも結局Flashが搭載されなかったこともあって、最近Flashの代替手段としてHTML5がやけに押されているので、ものは試しでニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換えるbookmarkletを作ってみました。iPhone/iPadのvideoタグの動作がマシになってれば、iPhone/iPad上でも動くかもってな期待込みで。 使い方は、下記のbookmarkletをニコニコ動画の再生ページ(http;//www.nicovideo.jp/watch/*)上で実行するだけです。実行すると標準のFlash製プレイヤーを、HTML5+javascriptで構成したプレイヤーに置き換えます。 javascript:(function(){var e=document.createElement("script");e.s

    ニコニコ動画をHTML5で見るbookmarklet - saiten@blog
    adsty
    adsty 2010/02/26
    ニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換え。