BOXのディレクトリ階層のフルパスを取得するブックマークレット - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita
はじめに 私は長い間レガシーコードと共に仕事をしてきましたが、jQueryの重要性は依然として頻繁に話題に上がるトピックの一つです。ライブラリ自体は便利なままですが、それは別の時代のニーズを完璧に満たしていました。 現在、私たちは既にES2023について話していますが、過去にjQueryがカバーしていたほとんどの機能は、すでに2015年にリリースされたES6に取り込まれています。 ES6の標準は既に広範にサポートされており、96％のレベルに達しています（出典：caniuse.com）。そのため、特に要素の選択、スタイリング、アニメーション、データの取得などの基本的なタスクについては、ライブラリの使用を見直す良いタイミングかもしれません。 以下のトピックは、いくつかの標準的なjQueryのパターンと、それに相当するバニラJavaScriptでの手法を示す参考資料として役立つと思います。 要素
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
[JavaScript] Webページでコマンド例の「$」の部分をコピペさせない
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
![[JavaScript] Webページでコマンド例の「$」の部分をコピペさせない](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ab54a2f78e270c2b9aa9f2edd78579906b058b9/height=288;version=1;width=512/https%3A%2F%2Ftex2e.github.io%2Fimage%2Fchono-mako-bg.jpg)
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!検索