タグ script
人気順 10 users 50 users 100 users 500 users 1000 users【Vue.js】defineProps はなぜ import 文を書かずに使えるのか【マクロ】
2024/03/07
9 users
Vue
マクロ
import
ref
div
<script setup> import { ref, computed } from "vue"; const props = defineProps({ count: Number }); const double = computed(() => props.count * 2); const message = ref("Hello, Vue.js"); </script> <template> <div> <p>{{ message }}</p> <p>{{ props.count }}</p> <p>{{ double }}</p> </div> </template> ... 続きを読む
JavaScriptで要素をドラッグして移動する簡単な方法 - 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 の盛り上がりが凄いですね。今ではブラウザ内にとどまらず、サーバサイドでも活用される様になりました。 これには、言語仕様が整理されたり機能が強化されたり、非常に大きな発展があったという点が大きいです。 実は、言語... 続きを読む
ブログを作りながら学ぶ、Next.jsの便利な5つのコンポーネント（Link、Image、Head、Script、レイアウト）
2022/09/15
5 users
head
image
Vercel
コンポーネント
link
この連載では、現在注目のWebホスティングサービス「Vercel」をご紹介します。本記事から2回にわたって、「Next.js」の便利な9つの機能をご紹介します。今回は、「Linkコンポーネント」「Imageコンポーネント」「Headコンポーネント」「Scriptコンポーネント」「レイアウトコンポーネント」の5つのコンポーネントを紹介... 続きを読む
コンポーネントを小さく・きれいに設計しよう。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年。 ジュースでもなく、日本茶や烏龍茶でもない、紅茶に近いようでいてもっと独特... 続きを読む
ロケーションバーでアニメーションする - hitode909の日記
2020/08/13
7 users
ロケーションバー
setInterval
Twitter
ロケーションバーでアニメーションするのをtwitterで見かけて、いいなと思ったのでやってみる。 <script> (() => { let chars = ["?", "?", "?", "?", "?", "?", "?", "?"]; setInterval(() => { history.replaceState({}, '', location.pathname+location.search+'#'+chars[0]); chars.push(chars.shift()); },... 続きを読む
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... 続きを読む
Where To Buy Excel. Fast Shipping. Excel no script. 2 | Football League World Forum
2019/06/14
5 users
Excel
Excel Online
Where To Buy Excel. Fast Shipping. Excel no script. 2 online Excel cheape Excel online Excel online prescriptions with no membership canadian Excel diet pills without prescription Excel with next day delivery without prescription with free shipping Excel no prior script Excel overnight shipping n... 続きを読む
もう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種類、小さな文字としての「ゐ」「ゑ」「を」「ヰ」「ヱ」「ヲ」「ン」が含まれています（通常の大きさの文字は以前からありまし... 続きを読む
Bitcoinのtransactionの署名検証をscriptから理解する - coincheck tech blog
2019/02/12
6 users
TRANSACTION
Bitcoin
署名検証
ブログを書くにあたって この度、コインチェックでは技術ブログを始めることになりました。これから不定期更新ではありますが、このブログでは主に仮想通貨やblockchainの技術周りについての情報発信を行っていけたらなと思います。 ブログの初回を担当します、仮想通貨開発グループの善方(ぜんぽう)と申します。 では、... 続きを読む
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の読み込み・実行が終わるまでその場所で解釈を一旦ストップしてしまいます。ページの表示速... 続きを読む
minimum-react.html · GitHub
2018/06/18
8 users
GitHub
module
Hello
root
from
minimum-react.html <div id=root /> <script type=module> import React from 'https://dev.jspm.io/react@16' import ReactDOM from 'https://dev.jspm.io/react-dom@16' ReactDOM.render( React.createElement('h1', null, 'hello'), document.querySelector('#root') ) </script> 続きを読む
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... 続きを読む
<script>alert('XSS');</script> - Qink - 技術情報・ITニュースまとめ
2017/09/10
9 users
XSS
alert
技術情報
中国の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> 湯婆婆「フン。んほぉぉ！イッぐぅぅ！！んほぉぉ！イッぐぅぅ！！んほ 続きを読む