Bun + TypeScript でブックマークレットの開発体験を高める - つまみログ
これを使うと頑張って「単位足りてるかな……」と単位修得状況の表の数字を目で追いかけずとも、一発で単位が足りているか分かり便利です。たぶん月曜日 (2024-03-04) に卒業予定者以外の人の成績発表があると思うので是非使ってみてください！ 本題に入ります。 ブックマークレットというと生の JavaScript を書くイメージがあると思いますが、今回私はこのブックマークレットをファイル分割した TypeScript のプロジェクトとして作りました。しかも linter/formatter も入れています。かなり快適に開発ができたので、やったことを紹介したいと思います。 tl;dr ファイル分割した TypeScript のプロジェクトもバンドルすればブックマークレットに使える Bun.build を使うと TS のプロジェクトを簡単にバンドルできる 開発サーバを立てると、スムーズにブックマ
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 の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と試し終
デジタルをわかりやすく - catch.jp blog
フリーランスのテクニカルライター 可知 豊の個人ブログです。 IT・ビジネス・プログラミング学習などをテーマに、多くのメディアで記事を書いています。 このほかに、Webコンテンツや簡単なプログラムの作成、Webシステムやプログラミングのトレーニング支援、企業メディアの企画・制作・運営にたずさわってきました。 お仕事、絶賛募集中です。 Works ... 一本指でもサクサク打てる、キーボード超入門 パソコン初心者が文字入力で困ったら読む本 知る、読む、使う！ オープンソースライセンス 著書・実績 自己紹介 Blogs このブログの記事一覧 Heppocode Garage 人差し指でパソコン入力 そのほか ＊ 2024-09：ながらく、いくつかのWebサイトをWordPressで運営してきましたが、 静的サイトジェネレータPelicanを導入して記事を移行しました。 catch.jp blo
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ページを開く
ブックマークレットを esbuild で作る - たくさんの自由帳
【ブックマークレットvol.04】画面に表示されている内容を書き換える
Bookmarkletを作ろう(準備編） - Qiita
Loading...
http://www.marusin.com/2006/07/14/my-amazon-bookmarklet/