タグ script type
人気順 10 users 50 users 100 users 500 users 1000 usersJavaScriptやCSSを読み込むローダーライブラリをES Modulesとして読み込む | Web Scratch
2020/04/05
18 users
ES Modules
CSS
component
今どき
今どきのnpmパッケージはUNPKGやPika CDNを使えば、ES Modulesとして直接import文読み込めることがあります。 たとえばPreactなら、次のようにUNPKG経由で直接モジュールをインポートできます。 <script type="module"> import { h, Component, render } from 'https://unpkg.com/preact?module'; // Create your app co... 続きを読む
minimum-react.html · GitHub
2018/06/18
8 users
GitHub
module
script
Hello
root
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> 続きを読む
Janetter、ネタツイートのXSSが刺さり無限に「んほぉぉ！イッぐぅぅ！！」とダイアログが出る体にさせられる - Togetterまとめ
2017/05/01
490 users
alert
script
XSS
text
湯婆婆
湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ！イッぐぅぅ！！");}</script> 湯婆婆「フン。んほぉぉ！イッぐぅぅ！！んほぉぉ！イッぐぅぅ！！んほ 続きを読む
TERRYさんのツイート: "湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ！イッぐぅぅ！！");}</script> 湯婆婆「フン。んほぉぉ！
2017/05/01
28 users
alert
script
text
湯婆婆
ふん
TERRY @ terry_u16 でんしゃとかひこうきとか。最近駅メモを始めた //弐寺SP十段DP二段1358-4331/★2.17/駅メモ！/GGXrdスレイヤー/KSP/ホークス#24/C#/WindowsPhone/機械工学/Qpic/HouseMusic 続きを読む
javascriptでサブドメインの異なるサイトでクッキーの共有 - なんだかなぁ
2015/07/22
15 users
サブドメイン
func
head
text
クッキー
こちらの記事を参考にJavascriptでサブドメインの異なるサイト間でクッキーの恭有してみました。http://d.hatena.ne.jp/dirablue/20090506/1241607961http://www1.example.com/setCookie.htmlsetCookie.html html> head> script type="text/javascript"> func... 続きを読む
[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js | コリス
2015/03/16
140 users
コリス
jQuery
head
jquery.js
Step
マークアップは非常にシンプル、スクリプトの設置も簡単、スマホでもタブレットでもデスクトップでもすいすい快適に操作できる水平スクロールコンテンツを実装できるjQueryのプラグインを紹介します。 デモのアニメーション horizonScroll.jsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <script type... 続きを読む
JavaScript パスワード強度判定ライブラリ「Password Checker」 | Webセキュリティの小部屋
2015/03/12
16 users
div
Webセキュリティ
head
text
小部屋
ソースコード 「Password Checker」のソースコードは、以下のものになります。自由にカスタマイズしてご利用ください。サンプルコードも載せておきます。 <!DOCTYPE html> <html lang="ja"> <head> <div> <script type="text/javascript"> /* ライブラリ名： Password Checker ライセンス： http:/... 続きを読む
[JS]SVGを使ったアニメーションが楽しい、回転する新感覚のナビゲーションを実装するスクリプト -wheelnav.js | コリス
2015/02/24
25 users
コリス
SVG
Demo
require
src
demo: pie menu アイコンをクリック（タップ）すると、バウンドしながらパイ状に広がります。省スペース用のシェアボタンとかにしてもよさそうです。 wheelnav.jsの使い方 Step 1: 外部ファイル 当スクリプトとRaphaël.jsを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="js/require... 続きを読む
javascriptでQRコードを認識 - PHP,MySQL,Flex,JSな日々＋イラストとか
2014/12/17
32 users
JavaScript
QRコード
イラスト
src
head
2014-07-17 javascriptでQRコードを認識 javascriptでQRコードを認識します。http://moeten.info/js/20140717_qrcodeDetectTest/ソースコードはこちら <html> <head> <title>QRCODE</title> <script type="text/javascript" src="lib/grid.js"></... 続きを読む
注釈で記事を書いてみた＆ポップアップ機能をjQueryで作ったよ！ - 灰色の棚
2014/11/13
13 users
jQuery
JSAPI
script
text
注釈
2014-11-13 注釈で記事を書いてみた＆ポップアップ機能をjQueryで作ったよ！ ブログ ブログ-その他 スポンサードリンク *1 *2 *3 *4 *5 *6 *7 *8 *9 *10 *11 *12 *13 *14 *15 <script src="https://www.google.com/jsapi"></script> <script type="text/javascript... 続きを読む
tableのデータを元に、棒グラフを生成するjQueryプラグイン・TableBarChart - かちびと.net
2014/03/24
31 users
table
jQuery
備忘録
スクリプト
棒グラフ
tableのデータから棒グラフを自動生成するスクリプトのご紹介です。jQueryに依存します。手軽で良かったので備忘録として。 tableに記入されたデータを元にアニメーションエフェクト付きの棒グラフを自動生成する、というもの。以下、動作サンプルです。 TableBarChart tableはマークアップで、棒グラフはそのtableのデータを元に生成されています。 <script type='te... 続きを読む
[JS]指定した要素内いっぱいに背景画像を最適に配置するシンプルなスクリプト -Wallpaper | コリス
2013/10/30
99 users
WallPaper
コリス
script
src
text
幅480pxで表示 Wallpaperの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/jquery.bp.wallpaper.j... 続きを読む
[JS]Pinterestやウォールなどの最近よく見かけるカードを使ったレイアウトを作成するスクリプト -Freewall | コリス
2013/10/14
85 users
Pinterest
Freewall
コリス
Demo
src
Demo :Piterest Layout Pinterest風に高さの異なるカードをダイナミックにレイアウト。 Freewallの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="jquery-1.7.min.js"></script> ... 続きを読む
[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll | コリス
2013/09/23
303 users
コリス
jQue
src
head
text
デモページ：3番目のパネルを表示 各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jque... 続きを読む
見た目を綺麗に整列する！ブロックレベル要素の高さを揃えるJS3選 | 株式会社LIG
2013/04/12
268 users
株式会社LIG
見た目
ブロックレベル要素
scrip
src
お疲れ様です、デザイナーのモモコです。 コーディング中にいざ本番の文言を入れたら、予想以上に長さがバラバラで見た目が揃わない…！なんてこと、ありますよね。 今回はそんな時に活躍してくれるブロックレベル要素の高さを揃えるjsを3つご紹介します。 heightLine.js 配布ページ <script type="text/javascript" src="heightLine.js"></scrip... 続きを読む
0-9, Google AnalyticsにみるJSの非同期初期化処理
2013/02/09
36 users
function
text
0-9
var
script要素
Google Analyticsが提供するJSは以下の様な初期化処理をおこなっている。 <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (function() { // script要素の動的... 続きを読む
[JS]スクロールに追従するページの先頭へアニメーションで戻るボタンが簡単に設置できるスクリプト -scrollUp | コリス
2013/02/03
147 users
jQuery
コリス
src
text
jquery.js
HTMLは一切変更せずに、スクロールに追従するページの先頭へ戻るボタンが簡単に設置できるjQueryのプラグインを紹介します。 デモページ：タブ scrollUpの使い方 実装は非常に簡単です。 Step 1: 外部ファイル 「jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="js/jquery-1.8.3.m... 続きを読む
[JS]マジシャンがトランプを広げるように複数のパネルを華麗なアニメーションで広げるスクリプト -Baraja | コリス
2012/11/14
48 users
Baraja
コリス
マジシャン
stylesheet
パネル
デモページ：ダイナミックに重ねたりもできます Barajaの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。スタイルシートはhead内に配置します。 <link rel="stylesheet" type="text/css" href="css/baraja.css" /> <script type="text/javascript" src="http... 続きを読む
[JS]このアニメーションはかなりカワイイ！折り畳んだ紙をパタパタ広げるスクリプト -PFold | コリス
2012/10/18
83 users
コリス
stylesheet
スクリプト
アニメーション
展開と共に、移動のアニメーションが加わります。 PFoldの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" type="text/css" href="css/pfold.css" /> <script type="text/javascript" src="http://aj... 続きを読む
[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax | コリス
2012/10/16
326 users
パララックス
script
src
コリス
jquery.js
Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方 「Demo 3」を例に、実装方法を簡単に紹介します。 外部ファイル 「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text... 続きを読む
[JS]木の葉が木枯らしに舞うように軽やかなアニメーションでコンテンツを次々に表示するスクリプト -Windy | コリス
2012/10/09
71 users
パラグラフ
jQuery
WiNDy
src
text
画像や見出し・パラグラフなどを配置したパネルを木枯らしに舞う葉っぱのようなアニメーションで次々に表示するjQueryのプラグインを紹介します。 Demo 3: jQuery UI Sliderを使ったタイプ Windyの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="... 続きを読む
[JS]エレメントをグリッド状にランダムに配置したり、Pinterest風に配置するスクリプト – BlocksIt.js | コリス
2012/08/21
111 users
コリス
エレメント
Libs
Ajax
スクリプト
BlocksIt.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 ※jQueryは1.7.1で開発。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script type... 続きを読む
Ideone.com | ciKtm
2012/08/09
13 users
CYCLE
API
script
src
text
Embed source code on your page <script type="text/javascript" src="http://ideone.com/api/embed.js/link/ciKtm"></script> import Control.Applicative import Data.Maybe import Data.Monoid fizz = cycle [No... 続きを読む
[JS]ちょっとかっこいい円グラフをウェブページに簡単に設置できるスクリプト -EASY PIE CHART | コリス
2012/07/10
215 users
コリス
jQuery
jquery.js
text
Step
シンプルなHTMLで、さまざまなデザインの円グラフが簡単に作成できるjQueryのプラグインを紹介します。 EASY PIE CHART EASY PIE CHARTの使い方 実装は、3ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 外部ファイルはhead内に記述してください。 <script type="text... 続きを読む
ページ遷移不要の、シンプルなWebサイトを作るための軽量jQueryプラグイン・Pagify - かちびと.net
2012/07/10
398 users
ページ遷移
net
グイン
Webサイト
ラリ
よく見かける、ページ推移のない Webサイトを作る為のjQueryプラ グイン。ですが、高機能な物では なく、極めてシンプルで、ライブ ラリも軽量です。サクッと作りた い時のテンプレにもいいかも。 僕の語彙の無い説明よりサンプル見た方が早そうですね。 Pagify ページ推移不要で、内容を書き換えた際もフラグメントURLにしてくれます。以下サンプル。 Sample コード <script type... 続きを読む