UserScriptのURLからのインストールと自動更新させる方法 - 毎日へっぽこ
社内向けにちょこちょこUserScriptを書いているが、作成時や更新のたびに、メール添付したりSlackなどのチャットツールでソース流したりと、配布するのが面倒だった。 今回、更新頻度が高くなりそうなスクリプトを書くついでに、UserScript配布サイトのように、リンククリックからのダウンロードや自動更新を行えないか調べたのでメモ。 環境 Tampermonkey v4.10にて確認。 配布方法 TampermonkeyのFAQ、Q102に記載があった。 www.tampermonkey.net URLの末尾を「.user.js」にしてやると、そのページを開いたときにTampermonkeyやGreasemonkeyといった拡張機能がブラウザに追加されていれば、そのURLのスクリプトをインストールするか確認してくれる。 また、すでにインストールされた状態でアクセスすると、バージョン番号
React を使った テキストボックスやセレクトボックスに Bookmarklet で自動入力させる
Bookmarklet とは ブックマークの URL に登録して使う、javascript のプログラム アラートを出したり入力欄に自動入力したり、いろいろできる コードには以下の特徴がある 先頭にjavascript:をつける コードは一行だけ 例）以下のコードをブックマークの URL に登録し、ブックマークをクリックすると、Hello Bookmarkletとアラートが表示される 経緯 開発やテストの時は名前などを入力フォームに何百回も入力する（よね？）。今まで手入力だったので、ボタン一つで入力できるようにしようと考えた しかし Vanilla JS なら簡単だが、React はひと手間増えるようだった。そこで詰まったので備忘録をかねて投稿する 作成手順（Vanilla JS） 普通の javascript なら簡単にできる。 コード作成 以下のコードを作成する コンパイル Closu
コマンド例の「$」の部分をコピペさせない
Webページで $ command args のようにコマンド例を示すときに $ をコピペさせないようにする方法について説明します。 加えて、Prism.js で $ をコピペさせない設定方法も紹介します。 結論から言うと、$ の部分を user-select: none にします。 何もしていないHTMLでは以下のように書きますが、これでは $ も選択できるので、コピーされてしまいます。 HTMLソース <pre><code>$ command args</code></pre> 実際の表示のされ方 ($ の部分は選択できます) $ command args そこで $ の部分を span で囲んでスタイルを user-select: none にします。 こうすることで、$ は選択できなくなり、コピーされなくなります。 HTMLソース <pre><code><span style="u
Reactで作られたinputタグに対して、外部からonChangeを発火させたい | このコードわからん
Reactを使っているサイトに対して、デバッグ目的や、ちょとした出来心で、外部からonChangeを発火させたい、トリガーさせたい、となることがあるだろうか。 私はある。 本家のIssueを見てみると、Reactのバージョン15系と16系では方法が違うことが分かった。 https://github.com/facebook/react/issues/11488 まとめると、 React 15系 イベントオブジェクトにsimulatedという特殊なプロパティがあり、それをtrueにするとできるっぽい。 イベントオブジェクトのbubbles: trueも必須。 const element = document.querySelector(".target-form") const event = new Event('input', { bubbles: true}) event.simula
Top dweets by u/KilledByAPixel | Dwitter
Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile) u(t) is called 60 times per second. t: Elapsed time in seconds. S: Shorthand for Math.sin. C: Shorthand for Math.cos. T: Shorthand for Math.tan. R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5) c: A 1920x1080 canvas. x: A 2D context for that canvas.
ブックマークレットで jQuery を使う魔法の 210 文字 - Qiita
「ブックマークレットで jQuery を使う魔法の 210 文字」という記事を ブログ に書いたのですが、ここ Qiita ではその技術的な解説をしてみようと思います。 やりたい事はそのものずばり、ブックマークレットの中で jQuery を使うという事です。 ちょっとした処理の自動化や簡単なツールなど、よくブックマークレットを書いて活用しているのですが、ブックマークレットだと素の JavaScript を書かなければならず、DOM 操作が含まれる事をやろうとすると、jQuery に慣れた身には面倒くささが先に立ってしまいます。 ならば、ブックマークレットで jQuery を使えるようにすればいい！というのが今回の趣旨になります。 まず方針として、どんなページでブックマークを起動してもちゃんと jQuery が使えるようにしたいです。ですので、jQuery 本体は自前で調達しなければなりませ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo!検索