タグ script
人気順 5 users 50 users 100 users 500 users 1000 usersJavaScriptで要素をドラッグして移動する簡単な方法 - Qiita
2024/02/21
264 users
Qiita
src
height
function
width
要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.... 続きを読む
SCRIPT 要素の変遷から触れる Web の進化 - Repro Tech Blog
2023/10/04
22 users
変遷
Repro Tech Blog
進化
要素
web
はじめに こんにちは。Repro で Booster の開発をしている杉浦と申します。 最近は JavaScript の盛り上がりが凄いですね。今ではブラウザ内にとどまらず、サーバサイドでも活用される様になりました。 これには、言語仕様が整理されたり機能が強化されたり、非常に大きな発展があったという点が大きいです。 実は、言語... 続きを読む
コンポーネントを小さく・きれいに設計しよう。Vue Composition APIを活用したコンポーネント分割術
2021/09/29
79 users
コンポーネント
Vue Composition API
Vue.jsを使った開発でよく悩まされるのがコンポーネントの肥大化です。複雑なアプリケーションになると、1つのコンポーネントが<script>ブロックだけで数百行…なんてこともめずらしくないでしょう。従来、Vue 2までの標準的な書き方では、UIとしてのコンポーネントの細分化はできてもロジックの分割や整理には限界があり... 続きを読む
HTMLにちょい足しでできる！ Vue.jsでサクッと動きをつける方法 - ICS MEDIA
2021/09/13
10 users
ICS MEDIA
Vue.js
HTML
node.js
Vue.jsは昨今よく使われるモダンなJavaScriptフレームワークの1つです。Node.jsで環境構築し、サイト全体をVue.jsベースで開発することもあります。しかし、フロントエンド開発に慣れていない方やデザイナーにはNode.jsでの環境は少し参入障壁が高いです。 実は、Vue.jsは<script>タグから読み込むこめばNode.jsを用いず... 続きを読む
【Next.js 11】next/script には JavaScript の基本がつまっていた
2021/06/17
31 users
Zenn
NEXT
未明
カンファレンス
ユーザ
はじめに 2021/06/16 未明に Next.js の新メジャーバージョン v11 がリリースされました。 ほぼ同じタイミングで Next.js Conf (Next.js のカンファレンス)が開催されており、Zenn ユーザの中にはリアルタイムで見ていた人も多いのではないでしょうか。 Core Web Vitals をはじめとした 、パフォーマンス改善に関する話... 続きを読む
平成元年デビューの「ジャワティ」はナゼ30年間も孤高の存在であり続けるのか - メシ通 | ホットペッパーグルメ
2020/11/12
644 users
鳴り物入り
Tea
Java
気のせい
紅茶
JAVAを目にする機会が減ってしまった……と感じるのは気のせいだろうか。 SCRIPTではない。TEAのほうである。 「シンビーノ ジャワティ ストレート」（以降、ジャワティと表記）が鳴り物入りでデビューを飾ったのは、平成が幕を開けた1989年。 ジュースでもなく、日本茶や烏龍茶でもない、紅茶に近いようでいてもっと独特... 続きを読む
JavaScriptのデバッグについて | 晴笑雨笑ぶろぐ
2020/02/21
17 users
デバッグ
head
Test.js
script src
重点
JavaScriptをデバッグする際に、よく使う機能のみに重点を当てて説明します。 その他、色々なデバッグ方法やツール・機能がありますが、当ブログは駆け出しエンジニアさん向けであるため、ご了承ください。 まずはサンプル用のHTMLとJavaScriptを用意しますね。 <html> <head> <script src="./js/test.js"></script> </h... 続きを読む
rpm でインストール/アンインストール時に実行されるスクリプトを確認する - 元RX-7乗りの適当な日々
2019/12/03
10 users
rpm
スクリプト
エントリ
元RX-7乗り
インストール
※ このエントリは、はてなグループ終了に伴う、サブブログからの引越エントリ(2011/12)です。 ※ 情報が古い可能性もありますので、ご留意ください。 既にインストールしているパッケージをアンインストールする際に、preuninstall とか postuninstall の script で何が行われるか確認したい時は、、、 # rpm -q --script... 続きを読む
もうprettierで消耗したくない人へのvueでのeslint設定 - クソ雑魚エンジニアのメモ帳
2019/03/24
71 users
Vue
lint
Prettier
package.json
タイトル通り。vscodeとvuejsを使ってのlintの設定をprettierなしでやってみた。 tl;dr 環境 問題点 手順 .vueの構文チェックその１ vscode上での自動フォーマット .vueの構文チェックその２ rulesをカスタマイズ <template>のカスタマイズ <script>をカスタマイズ まとめ。 おまけ tl;dr 対象ファイルとpackage.jsonと.... 続きを読む
Unicode 12.0正式版が登場。日本語では小文字の「ゐ」「ゑ」「を」「ヰ」「ヱ」「ヲ」「ン」が追加。新元号が発表され次第、次の12.1で新元号キャラクタを追加 － Publickey
2019/03/06
218 users
Publickey
unicode
小文字
言語
新元号
Unicode 12では4つの言語（script）、554種類の文字が追加されました。これによりUnicodeに収録されている言語は150、文字は13万7292種類になりました。 追加された文字には日本語の文字が7種類、小さな文字としての「ゐ」「ゑ」「を」「ヰ」「ヱ」「ヲ」「ン」が含まれています（通常の大きさの文字は以前からありまし... 続きを読む
md-page/README.md at master · oscarmorrison/md-page · GitHub
2018/11/12
12 users
GitHub
Markdown
master
https
markdown page Create a webpage with just markdown! Installation Create a new html page, my-page.html Add the following script tag at the very top of the page Write some markdown <!-- my-page.html --> <script src="https://rawcdn.githack.com/oscarmorrison/md-page/master/md-page.js"></script><noscri... 続きを読む
ウェブページの表示速度を改善するために気をつけなくてはいけないこと - GIGAZINE
2018/07/24
66 users
GIGAZINE
ウェブページ
HTMLドキュメント
一旦
ウェブページの表示が遅くなってしまう原因の一つに「JavaScriptの読み込み」があります。ブラウザはダウンロードしたhtmlドキュメントを上から順番に解釈して描画していくのですが、途中で「script」タグに出会うとJavaScriptの読み込み・実行が終わるまでその場所で解釈を一旦ストップしてしまいます。ページの表示速... 続きを読む
t.jsを使ってタイピング風のアニメーションを再現する | 東京上野のWeb制作会社LIG
2018/05/29
19 users
T.js
アニメーション
Web制作会社LIG
東京上野
どうもですよ、はやちですよ:D 今回は、ページ上でタイピングをしているようなアニメーションが再現できるツール「 t.js 」をご紹介します。 導入方法 github のほうでダウンロードしてから読み込んでください。 <script src="t.min.js"></script> 実装方法 基本的な設定方法ご紹介します:D 動かしたいhtmlのマークアップに対して <div id="js-targ... 続きを読む
digdag0.9.21のretryは_retryの定義位置によって挙動が異なる - Qiita
2017/12/03
10 users
operator
task
request
Qiita
挙動
digdag の retry は大変便利です。 例えば、それなりの確率で500statusをレスポンスしてくるAPI 1 にrequestを送る処理を含むscriptを実行するtaskを作るようなケースでも、実際に動作させるcodeにリトライを仕込まなくても自動でtask単位でretryさせることができます（もちろんoperatorの処理結果がErorrにならないとダメですが）。 ですが、最近いろ... 続きを読む
はてなブログのエントリにPlantUMLを埋め込む方法 - Islands in the byte stream
2017/11/09
26 users
plantUML
pre
function
エントリ
最後
2017 - 11 - 09 はてなブログのエントリにPlantUMLを埋め込む方法 まずエントリの最後にこのスニペットを置きます: < script > var a = Array .from ( document .querySelectorAll ( "pre.code" )) ; a.forEach ( function ( pre ) { if ( pre.attributes [ 'd... 続きを読む
【はてなブログ】Milliard関連ページプラグインにブックマーク数を表示させる - ぼっちサーファーのブログ
2017/09/11
31 users
ぼっちサーファー
ブックマーク数
はてなブログ
thi
ブログ
「Milliard関連ページプラグイン」に「はてなブックマーク」の被ブックマーク数を表示させます。 下記のJavaScriptを記事下またはフッタなどに追加して下さい。 <script> function add_bookmark_count_image(){ $(function(){ $(".ssPanel").each(function(){ var archiveEntry = $(thi... 続きを読む
中国のSNS「微博」で「JavaScript」という単語が検閲対象に | スラド YRO
2017/07/18
29 users
Rip
masakun曰く
yro
Java
劉暁波氏
masakun曰く、 中国版Twitterと言われるSNS「微博」で「JavaScript」という文字列が検閲対象となっているそうだ（ 薛南@FF一日目二日目K09氏のツイート ）。 中国では以前から「av」を含むという理由で「Java」が検索できなかったのだが、先週ノーベル平和賞受賞者の劉暁波氏が死去してからは、「RIP」（安らかに眠れ、の意味）を含む「Script」も禁止ワードとなってしまった... 続きを読む
Janetter、ネタツイートのXSSが刺さり無限に「んほぉぉ！イッぐぅぅ！！」とダイアログが出る体にさせられる - Togetterまとめ
2017/05/01
490 users
alert
XSS
text
湯婆婆
Janetter
湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ！イッぐぅぅ！！");}</script> 湯婆婆「フン。んほぉぉ！イッぐぅぅ！！んほぉぉ！イッぐぅぅ！！んほ 続きを読む
TERRYさんのツイート: "湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ！イッぐぅぅ！！");}</script> 湯婆婆「フン。んほぉぉ！
2017/05/01
28 users
alert
text
湯婆婆
ふん
千尋
TERRY @ terry_u16 でんしゃとかひこうきとか。最近駅メモを始めた //弐寺SP十段DP二段1358-4331/★2.17/駅メモ！/GGXrdスレイヤー/KSP/ホークス#24/C#/WindowsPhone/機械工学/Qpic/HouseMusic 続きを読む
Githubのラベルの変更を通知するreviewkunの紹介 〜google app script でちょっとしたツールを作る〜 - Hatena Developer Blog
2017/03/23
72 users
GitHub
アプリケーションエンジニア
Slack
ラベル
2017 - 03 - 23 Githubのラベルの変更を通知するreviewkunの紹介 〜google app script でちょっとしたツールを作る〜 ※ Github と Slack を利用している人向けの記事になります こんにちは。はてなでアプリケーションエンジニアをしている id:hatz48 です。 社内で使っているちょっとしたツールの紹介と、それを作るのに Google App ... 続きを読む
Yahoo広告配信用 s.yimg.jp ドメインでのXSSの解説 · GitHub
2017/02/07
163 users
XSS
GitHub
repository's
ドメイン
外部
Clone via HTTPS Clone with Git or checkout with SVN using the repository's web address. 2017年。最初に報告したもの(1/17 返信あり) Y!の広告配信用ドメインでXSSがあるのを見つけました。 isSafeUrlの判定処理でホスト名部分を取得する正規表現が間違っているため、外部のscriptを読み込み可能... 続きを読む
Heroku の Fastly を使ったアセットの CDN 化 - ボクココ
2016/12/20
24 users
Heroku
Rails
fastly
kimihom
非推奨
2016 - 12 - 20 Heroku の Fastly を使ったアセットの CDN 化 Heroku ども、@kimihom です。 正直に言おう。Rails アプリケーションの image, style, script は今まで Heroku 非推奨の asset_sync を使ってた。非推奨の理由だけど、 Heroku 的には S3 はそもそもファイル置き場であり、コンテンツ配信に最適化... 続きを読む
JavaScript - 配列名にnameを使用するとfor-inで期待の動作をしない問題 - Qiita
2016/01/04
40 users
Qiita
Name
配列
for
var name
下記コードの様にJavaScriptでfor-inで回して順に配列の中身を順に取り出そうとするも配列の要素の１字ずつが取り出されてしまう。 <script> var name = [ '山田' , '佐藤' , '鈴木' ]; for ( var i in name ) { document . write ( name [ i ] + 'です。' + '<br>' ); } </script> ... 続きを読む
Lucifier129/react-lite · GitHub
2016/01/01
14 users
GitHub
is an
Introduction React under 20k. react-lite is an implementation of React that optimizes for small script size. It supports the core APIs of React, such as Virtual DOM, intended as a drop-in replacement ... 続きを読む
脆弱性 - <script>alert(1)</script>のお求めはAmazon CDストア - Qiita
2015/12/15
59 users
Qiita
alert
XSS
domain
脆弱性
本記事は 脆弱性"&'<<>\ Advent Calendar 2015 の15日目の記事です。 11/18にAmazonがリリースしたAmazon Musicというサービスに関連するXSSを2つ発見・報告したのでそのお話です。 1. Amazon MusicにあったXSS このページ から "><_><script>alert(document.domain)</script> と検索すると a... 続きを読む