Bookmarklet という一番身近な自動化技術 | blog.jxck.io
Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、 bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、 JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、 Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
スマホ向けページを拡大できるようにするブックマークレット
スマホ向けページを拡大できるようにするブックマークレットを作ってみました。 １．概要 最近、PC向けのページとスマホサイト向けのページで最適化しているウェブサイトが増えてきました。 そういう場合、大抵のスマホサイト向けのページはピンチアウトしても拡大できないようになっています。 具体的には、name属性が「viewport」のmeta要素にあるcontent属性の「user-scalable=no」で抑止しています。 <meta name="viewport" content="width=device-width, user-scalable=no" /> が、スマホサイトに掲載されている画像や地図が小さい場合が多く、拡大したいときについピンチアウトして、拡大できずにがっかりすることが多いです（拡大しても粗い画像になるだけの気がしますが）。 ということで、このブックマークレットを使えば、
SylfeedにサクッとRSSを登録する方法 / ブックマークレットを使うと便利という事に最近気付いた | stryhのchangelog
現在の価格（記事公開時）: ￥240 サイズ: 12.6 MB カテゴリ: ニュース, ソーシャルネットワーキング 販売元: GACHANET まずは準備 ブックマークレットを使ってRSS登録したくても物がないとできないのでまずは準備です。 ブックマークレットの登録 実はアプリ内にブックマークレットへのリンクがある ブックマークレット | GACHANET ↑のオフィシャルサイトに登録方法が書かれています。 当エントリーから↑のリンクに直接移動しても大丈夫ですが、折角Sylfeedを使っているのでアプリ内にあるブックマークレット登録のやり方で紹介します。 ブックマークレットへのリンクの場所 Sylfeedを起動すると右下に歯車マークがあると思います。 それをタップします。 設定画面に移動します。 設定画面の1番下までスクロールしましょう。 1番下までスクロールするとブックマークレットを登録
iOSで楽々、Javascript実行環境としてのDraftPadアシスト ScriptRun - W&R : Jazzと読書の日々
iPhone/iPadで自分だけのソフトウェアを創造する。 マンガで分かるJavascript講座のWeb版を見つけました 実は、Javascript関係の本はこの一冊しか持ってない。ブックマークレットを書くときもDraftPadのアシストを書くときも、この本が辞書代わり。後ろの索引でコマンドを調べるのに使ってます。解説の... この間書いた記事で「Javascriptって面白そう」と興味を持ってもらえたなら、次は試したくなりますよね、たぶん。「マンガで分かるJavascript」の例題を走らせようとしたとき、そこで躓くんじゃないかと思うんです。どう走らせればいいか、わからないから。 そんなわけで、手軽にスクリプトを書いて実行できるアプリの紹介です。 DraftPad 1.6.2 分類: 仕事効率化,ユーティリティ 価格: 無料 (Manabu Ueno) 「なんじゃ、DraftPadっか
「いいね！」を「どうでもいいね！」に変えてしまうブックマークレット
先日ビールを3リットルほど飲んで自分の可能性を感じ始めたアクアです。 前回ブラックさんの記事「気になるあのサイトのソーシャルでの言及数をチェックできる”ソーシャル◯んこ盛り”が超便利！」で紹介された「ブックマークレット」についてです。 ChromeエクステンションやFirefoxアドオンと違ってインストール不要だし常駐はしないし、何かと便利なブックマークレットですが、意外と自作したことのない人もいるようですので、今回はブックマークレットの作り方について解説してみたいと思います。 Facebookの「いいね！」ってなんでもかんでも押せばいいものでもないし、どうでもいい話も多いよな〜。 なんて思ったときに、「どうでもいいね！」だったらクリックしちゃうかもしれませんよね。 そしたらコミュニケーションも活性化するのではないでしょうか。 というわけで、今回は「いいね！」を「どうでもいいね！」に変えて
Subtle Patternsのパターン画像を閲覧中のサイトの背景として表示確認できるブックマークレット・SubtlePatterns Bookmarklet
使いやすいデザインのパターン画像を公開してくれているサービスのSubtle Patternsの画像を閲覧中のWebサイトの背景として表示確認が出来る、というブックマークレットです。愛用している方は如何でしょう。 Subtle Patternsはパターン画像を公開しているWebサイトで、そのパターン画像を閲覧中のWebサイトの背景として表示確認出来る、というブックマークレットになります。
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
WebページのCSSプロパティ・値をワンクリックで表示してくれるブックマークレット「XRAY」が神便利！！！
こんな便利なんあったん… Webページ制作でよく利用されるのが「Firebug」などのデベロッパーツールですが、もっと超絶簡単にCSSプロパティを確認できるブックマークレットがありました。っていうかその存在を知りました。 そんなわけでXRAYと言うブックマークレットのご紹介。 使い方は簡単、サイトに訪れたら中央部分にあるボタン状のブックマークレットをブックマークバーへD&Dします。 これにて準備は完了。 CSSを覗きたいサイトを訪れたら先ほど登録したブックマークレットを起動。 XRAYが立ち上がります。あとはページ上の要素をクリック！ すると、その要素のプロパティ・値がご覧のように表示されるのです！なにこれお手軽！便利！ 要素のwidth・heightも確認できます。 そんなわけで簡単ではございますが、CSSを表示してくれるブックマークレット「XRAY」のご紹介でした。ちょっとしたCSSデ
ブラウザのviewportを切り替えられるVIEWPORT RESIZERがレスポンシブデザインな開発に超絶便利！ | Firegoby
ブラウザのviewportを切り替えられるVIEWPORT RESIZERがレスポンシブデザインな開発に超絶便利！ レスポンシブデザインのサイトを作ってる際にシュミレーターを使うことが多いと思うんですが、それはそれで大事なんですけど、毎回シュミレーターってのもウキーってなりますよね。 スクロールがウキーッだったり、URLの入力がウキーっだったり。 こんなこと１日やってたら猿になっちゃいます。 そんな猿直前のみなさんに便利なツールを発見したのでご紹介。 ブラウザのviewportを切り替えられるブックマークレット、VIEWPORT RESIZERが超便利 このブックマークレットをインストールすると超簡単に主要なモバイル端末のウインドウサイズをシュミレートできます。 インストール方法はブックマークレットなので超簡単。 以下のサイトで ”CLICK OR BOOKMARK” って書いてある部分を
iPhone, iPadで表示中のウェブページのソース表示ができるブックマークレット -Snoopy
iPhone, iPad, (iPod Touchも）などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。 Snoopy View-source bookmarklet for iPad, iPhone and other mobile devices [ad#ad-2] Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。 ※キャプチャはiPod Touchです。 ソース表示 ソースはモバイルデバイス用に生成されたソース、元のソース、の2種類が選択できます。 [ad#ad-2] Snoopyの使い方 Mobile Safari -iPhone, iPad, iPodなど 最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグ
CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3
CSS3でスタイルした箇所をサポートしていない古いブラウザ、まぁ主にIEなのですが、でどのように見えるのか簡単に確認できるブックマークレットを紹介します。
超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extension | 適宜覚書-Fragments
超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extension BookmarkletはJavaScriptで記述された小さなプログラムでWebブラウザのBookmarkツールバーに登録して利用できます。手動で繰り返すような操作を簡単にクリック一発で出来るようになったり、痒いところに手が届くものが多くあります。でも、Bookmarkletはお手軽な分散らかりやすくて、管理に向かない面があります。 今回はこのBookmarkletを超簡単にChrome拡張に変換するConvert bookmarklet to Chrome extensionを紹介します。
ActyWay.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マークアップのいまいちな箇所を指摘してくれるブックマークレット -DiagnostiCSS
URL入力でiPhone,iPad,Galaxy,Xperia等、様々なディバイスの表示確認が行えるWEBサービス【Responsive Checker】 | Stronghold Archive
Feelingplace
SubtlePatterns Bookmarklet
背景画像300種類以上をリアルタイムに試すことが出来るブックマークレット”SubtlePatterns Bookmarklet” | バンクーバーのうぇぶ屋
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
