タグ script
人気順 5 users 50 users 100 users 500 users 1000 usersiPadでGAS(Google App Script)を使う方法!超簡単。|Laid Back salaryman
iPadってGAS(Google App Script)使えるの? iPadでスプレットシートのアプリ使ってるけどScript組めなくて困ってます! 本記事執筆者ピロリの紹介 職業 : 会社員・個人ブログ運営 海外留学経験:イギリス 1年間 iPad使用歴:10年以上 今まで使用してきたApple製品:MacBook Pro, iPad, iPad mini, iPad Pro iPhone, Air ... 続きを読む
JavaScriptで要素をドラッグして移動する簡単な方法 - Qiita
要素をドラッグして移動することは、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
はじめに こんにちは。Repro で Booster の開発をしている杉浦と申します。 最近は JavaScript の盛り上がりが凄いですね。今ではブラウザ内にとどまらず、サーバサイドでも活用される様になりました。 これには、言語仕様が整理されたり機能が強化されたり、非常に大きな発展があったという点が大きいです。 実は、言語... 続きを読む
コンポーネントを小さく・きれいに設計しよう。Vue Composition APIを活用したコンポーネント分割術
Vue.jsを使った開発でよく悩まされるのがコンポーネントの肥大化です。複雑なアプリケーションになると、1つのコンポーネントが<script>ブロックだけで数百行…なんてこともめずらしくないでしょう。従来、Vue 2までの標準的な書き方では、UIとしてのコンポーネントの細分化はできてもロジックの分割や整理には限界があり... 続きを読む
HTMLにちょい足しでできる! Vue.jsでサクッと動きをつける方法 - ICS MEDIA
Vue.jsは昨今よく使われるモダンなJavaScriptフレームワークの1つです。Node.jsで環境構築し、サイト全体をVue.jsベースで開発することもあります。しかし、フロントエンド開発に慣れていない方やデザイナーにはNode.jsでの環境は少し参入障壁が高いです。 実は、Vue.jsは<script>タグから読み込むこめばNode.jsを用いず... 続きを読む
【Next.js 11】next/script には JavaScript の基本がつまっていた
はじめに 2021/06/16 未明に Next.js の新メジャーバージョン v11 がリリースされました。 ほぼ同じタイミングで Next.js Conf (Next.js のカンファレンス)が開催されており、Zenn ユーザの中にはリアルタイムで見ていた人も多いのではないでしょうか。 Core Web Vitals をはじめとした 、パフォーマンス改善に関する話... 続きを読む
平成元年デビューの「ジャワティ」はナゼ30年間も孤高の存在であり続けるのか - メシ通 | ホットペッパーグルメ
JAVAを目にする機会が減ってしまった……と感じるのは気のせいだろうか。 SCRIPTではない。TEAのほうである。 「シンビーノ ジャワティ ストレート」(以降、ジャワティと表記)が鳴り物入りでデビューを飾ったのは、平成が幕を開けた1989年。 ジュースでもなく、日本茶や烏龍茶でもない、紅茶に近いようでいてもっと独特... 続きを読む
JavaScriptのデバッグについて | 晴笑雨笑ぶろぐ
JavaScriptをデバッグする際に、よく使う機能のみに重点を当てて説明します。 その他、色々なデバッグ方法やツール・機能がありますが、当ブログは駆け出しエンジニアさん向けであるため、ご了承ください。 まずはサンプル用のHTMLとJavaScriptを用意しますね。 <html> <head> <script src="./js/test.js"></script> </h... 続きを読む
rpm でインストール/アンインストール時に実行されるスクリプトを確認する - 元RX-7乗りの適当な日々
※ このエントリは、はてなグループ終了に伴う、サブブログからの引越エントリ(2011/12)です。 ※ 情報が古い可能性もありますので、ご留意ください。 既にインストールしているパッケージをアンインストールする際に、preuninstall とか postuninstall の script で何が行われるか確認したい時は、、、 # rpm -q --script... 続きを読む
もうprettierで消耗したくない人へのvueでのeslint設定 - クソ雑魚エンジニアのメモ帳
タイトル通り。vscodeとvuejsを使ってのlintの設定をprettierなしでやってみた。 tl;dr 環境 問題点 手順 .vueの構文チェックその1 vscode上での自動フォーマット .vueの構文チェックその2 rulesをカスタマイズ <template>のカスタマイズ <script>をカスタマイズ まとめ。 おまけ tl;dr 対象ファイルとpackage.jsonと.... 続きを読む
Unicode 12.0正式版が登場。日本語では小文字の「ゐ」「ゑ」「を」「ヰ」「ヱ」「ヲ」「ン」が追加。新元号が発表され次第、次の12.1で新元号キャラクタを追加 - Publickey
Unicode 12では4つの言語(script)、554種類の文字が追加されました。これによりUnicodeに収録されている言語は150、文字は13万7292種類になりました。 追加された文字には日本語の文字が7種類、小さな文字としての「ゐ」「ゑ」「を」「ヰ」「ヱ」「ヲ」「ン」が含まれています(通常の大きさの文字は以前からありまし... 続きを読む
md-page/README.md at master · oscarmorrison/md-page · GitHub
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
ウェブページの表示が遅くなってしまう原因の一つに「JavaScriptの読み込み」があります。ブラウザはダウンロードしたhtmlドキュメントを上から順番に解釈して描画していくのですが、途中で「script」タグに出会うとJavaScriptの読み込み・実行が終わるまでその場所で解釈を一旦ストップしてしまいます。ページの表示速... 続きを読む
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
digdag の retry は大変便利です。 例えば、それなりの確率で500statusをレスポンスしてくるAPI 1 にrequestを送る処理を含むscriptを実行するtaskを作るようなケースでも、実際に動作させるcodeにリトライを仕込まなくても自動でtask単位でretryさせることができます(もちろんoperatorの処理結果がErorrにならないとダメですが)。 ですが、最近いろ... 続きを読む
はてなブログのエントリにPlantUMLを埋め込む方法 - Islands in the byte stream
2017 - 11 - 09 はてなブログのエントリにPlantUMLを埋め込む方法 まずエントリの最後にこのスニペットを置きます: < script > var a = Array .from ( document .querySelectorAll ( "pre.code" )) ; a.forEach ( function ( pre ) { if ( pre.attributes [ 'd... 続きを読む
【はてなブログ】Milliard関連ページプラグインにブックマーク数を表示させる - ぼっちサーファーのブログ
「Milliard関連ページプラグイン」に「はてなブックマーク」の被ブックマーク数を表示させます。 下記のJavaScriptを記事下またはフッタなどに追加して下さい。 <script> function add_bookmark_count_image(){ $(function(){ $(".ssPanel").each(function(){ var archiveEntry = $(thi... 続きを読む
中国のSNS「微博」で「JavaScript」という単語が検閲対象に | スラド YRO
masakun曰く、 中国版Twitterと言われるSNS「微博」で「JavaScript」という文字列が検閲対象となっているそうだ( 薛南@FF一日目二日目K09氏のツイート )。 中国では以前から「av」を含むという理由で「Java」が検索できなかったのだが、先週ノーベル平和賞受賞者の劉暁波氏が死去してからは、「RIP」(安らかに眠れ、の意味)を含む「Script」も禁止ワードとなってしまった... 続きを読む
Janetter、ネタツイートのXSSが刺さり無限に「んほぉぉ!イッぐぅぅ!!」とダイアログが出る体にさせられる - Togetterまとめ
湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ!イッぐぅぅ!!");}</script> 湯婆婆「フン。んほぉぉ!イッぐぅぅ!!んほぉぉ!イッぐぅぅ!!んほ 続きを読む
TERRYさんのツイート: "湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ!イッぐぅぅ!!");}</script> 湯婆婆「フン。んほぉぉ!
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 Githubのラベルの変更を通知するreviewkunの紹介 〜google app script でちょっとしたツールを作る〜 ※ Github と Slack を利用している人向けの記事になります こんにちは。はてなでアプリケーションエンジニアをしている id:hatz48 です。 社内で使っているちょっとしたツールの紹介と、それを作るのに Google App ... 続きを読む
Yahoo広告配信用 s.yimg.jp ドメインでのXSSの解説 · GitHub
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 Heroku の Fastly を使ったアセットの CDN 化 Heroku ども、@kimihom です。 正直に言おう。Rails アプリケーションの image, style, script は今まで Heroku 非推奨の asset_sync を使ってた。非推奨の理由だけど、 Heroku 的には S3 はそもそもファイル置き場であり、コンテンツ配信に最適化... 続きを読む
JavaScript - 配列名にnameを使用するとfor-inで期待の動作をしない問題 - Qiita
下記コードの様にJavaScriptでfor-inで回して順に配列の中身を順に取り出そうとするも配列の要素の1字ずつが取り出されてしまう。 <script> var name = [ '山田' , '佐藤' , '鈴木' ]; for ( var i in name ) { document . write ( name [ i ] + 'です。' + '<br>' ); } </script> ... 続きを読む
Lucifier129/react-lite · GitHub
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 ... 続きを読む