TypeScript/Rollup/Vercelでサクッとブックマークレットを作ってみよう - Adwaysエンジニアブログ
こんにちは。エンジニアブログ運営の梅津です。 普段はエージェンシー事業部でリードアプリケーションエンジニアとして働いています。 エンジニアブログ運営としてブログの質を向上させるために、これまでのブログの情報を集めたりもするのですが、これを逐一手作業で行うのは大変です。 ある程度の作業は自動化したい。そういったときはブックマークレットを作ると便利ですよね。 今回はそんなブックマークレットの作り方をまとめてみました。 「ブックマークレット？よく知らないな」「聞いたことあるけど作り方とか気にしたことなかった」という人がいれば是非一緒に試してみてください！ 筆者の開発環境やこのブログで利用する主な技術のバージョンは次のとおりです。 macOS Node.js 18.12.1 TypeScript 5.0.4 Rollup 3.23.0 Vercel CLI 29.4.0 ブックマークレットとは T
ブックマークレットをTypeScriptで書く（rollup編） - Qiita
rollupを用いて、ブックマークレットをTypeScriptで書く環境を構築する手順を示します。 ブックマークレットをTypeScriptで書きたい 私は、日々のウェブブラウジングを快適にするためのブックマークレットを自作しています。 ブックマークレットの魅力は、なんといっても1行でさくっと書けるお手軽さにあります。 しかしながら、ある程度の規模を超えたブックマークレットを素のJavaScriptで、それも1行の中に書いていくのは、なかなかつらいものです。 そこで、ブックマークレットをTypeScriptで書きたいと思いました。 ブックマークレットをTypeScriptで書くには ブックマークレットをTypeScriptで書くには、おおむね次のようなことをおこなう必要があります。 TypeScriptをJavaScriptにトランスパイル ファイルが分かれている場合は1ファイルにバンドル
JavaScriptでタイマー経過後に音を鳴らす【ブックマークレット】
「任意の時間が経過したあとに音が鳴るようにするブックマークレットがほしいなぁ」と思って作りました。 以下のリンクをブックマークレットに追加するだけです。 ブックマークレット 以下、ソースです。 全体： スコープを汚さないために、(function(){})()で囲っています。（ブックマークレットを作る場合は常識） 3行目： base64の部分を任意に書き換えることで、自分の好きな音を鳴らすことができます。 （「base64 音 変換」などのワードでググると変換サイトが出てくると思います） 13行目： 30の部分を変更することで、デフォルト値（30秒）を変更することができます。 14~15行目： 全角数字が入力された場合でも、半角数字に自動変換するようにしています。 18行目： 非数（全角数字でも半角数字でもない）の場合は数字ではありませんというアラートが表示されます。 おわり
任意のチェックボックスをONにするブックマークレット - Qiita
概要 複数のチェックボックスがあるWebページで、特定のチェックボックスをONにするためのブックマークレット。 想定ケース 例えば以下のようなWebページにて、項目002, 003, 005 のチェックボックスを一括でONにしたい場合を想定する。 各チェックボックスのname属性はすべて同じで、value属性が異なる。 <td><input type="checkbox" name="HOGE" value="HOGE001" checked> 項目001 </input></td> <td><input type="checkbox" name="HOGE" value="HOGE002"> 項目002 </input></td> <td><input type="checkbox" name="HOGE" value="HOGE003"> 項目003 </input></td>
開いているページのタイトルと URL をクリップボードにコピーするブックマークレット - Corredor
Twitter 投稿やメール送信用に、開いているページのタイトルと URL をコピーしたいことがあったので作った。 いきなりだがブックマークレットは以下のとおり。 javascript:((d,e)=>{e=d.createElement('textarea');e.textContent=d.title+' '+d.URL;d.body.appendChild(e);e.select();d.execCommand('copy');d.body.removeChild(e)})(document); セルフ Uglify したもので、圧縮前のコードはこんな感じ。 ((d, e) => { e = d.createElement('textarea'); e.textContent = d.title + ' ' + d.URL; d.body.appendChild(e); e.sele
Bookmarklet という一番身近な自動化技術 | blog.jxck.io
Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、 bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、 JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、 Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と
iPhoneがグッと便利になる！ Safariに登録しておきたいブックマークレットまとめ | カミアプ
どうもハンサムクロジです。 ウェブサイトの閲覧にとっても便利なiPhoneですが、Safariやその他のブラウザアプリだけでは機能が物足りないと感じることも多いと思います。 そんなブラウザの機能を拡張するのに便利なのが「ブックマークレット」！ お気に入りに登録してすぐに呼び出せるようにしておけば、普通では使えない便利な機能を利用することができるのです！ 今回は数あるブックマークレットたちの中から、便利そうなものをまとめてご紹介したいと思います！！ ブックマークレットとは？ ブックマークレットは、ウェブブラウザで作動するJavaScriptプログラムのことを指します。 通常のお気に入りは登録しておいたURLのページを開くというものですが、そのURLの代わりにJavaScriptのコードを登録しておくことで、ページに移動する代わりに様々な機能が実行されるというものです。 ブックマークレットの登
iPadのSafariに不足しているものを補う - ザリガニが見ていた...。
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
bookmarkletter - Born Neet
banner...? bookmarkletted by bookmarkletter. (bookmarkletted by <a href="http://www.bornneet.com/bookmarkletter/">bookmarkletter</a>.) History(Blog Entry) 2008/08/17: html（aタグ）表示、バナー（？） bookmarkletterをかなり久々にいじった 2007/11/10: ハイライト bookmarkletterにYFTを使ってみた。 2007/11/08: 行数表示、コメント除去、バグフィックス bookmarkletterバージョンアップ！ 2007/11/06: 初公開 bookmarkletter: bookmarkletの作成を支援 bornneet.com
bookmarklet作成支援ツールまとめ - Born Neet
bookmarkletのコンパイル（？）を簡素化するために、bookmarkletterなんてものを作ってはしゃいでたわけなんですが、調べてみると既に他にもたくさんあるようでした。 Bookmarklets Publish Kit - ブックマークレット・パブリッシュキットは知ってたんですが、まさかこんなにあるとは…。 というわけでそのまとめ。 Marklet BLOG: ブックマークレットを手軽に作るブックマークレット FF専用。これ自体がブックマークレットで実装されていてどこでも使える。 Side-X - ブックマークレットの作成を補助するフォーム セミコロンで改行ボタンが特徴的。IEだと折り返しの有無も設定できる。 WDF - Software : ブックマークレット作成スクリプト この中では一番最近に作られたもの？無名関数形式で結果を吐いてくれる。 ブックマークレット作成補助フォー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ブックマークレットvol.04】画面に表示されている内容を書き換える
Bookmarkletを作ろう(準備編） - Qiita
catch.jp blog
Loading...
http://www.marusin.com/2006/07/14/my-amazon-bookmarklet/