(本ページで扱うのはES6以前のJavaScript(Vanilla JS)の話です)
→JavaScript言語仕様系Tips
→JavaScript
→モダンJavaScript
→JavaScript関連ツール
→JavaScriptの基礎
→AJAX関連
一般 †
Web画面制御系 †
文字列処理 †
日付処理 †
- JavaScriptでDateをyyyy/MM/dd HH:mm:ssにフォーマットする方法 (date-fnsなどのライブラリなしで) - Qiita 2021.11
const date = new Date(2001, 0, 2, 3, 4, 5);
const d = new Intl.DateTimeFormat("ja-jp", {
year: "numeric",
month: "2-digit",
day: "2-digit",
hour: "2-digit",
minute: "2-digit",
second: "2-digit",
}).format(date);
console.log(d); //=> "2001/01/02 03:04:05"
画像 †
通信 †
アニメーション、ゲーム †
- 女の子が降ってくるスクリプト(http://q.hatena.ne.jp/1231366704の31番)
javascript:(
function(){
scroll(0,0);
H='http://hamachiya.com/';
D=document;
F=Math.floor;
R=Math.random;
Q=new Image;
Q.src=H+'g1.gif';
L=function(){
var X=F(R()*vw);
var Y=0;
var r=F(R()*9)+3;
var V=Z(X,Y);
D.body.appendChild(V);
var f=function(){
if(Y+r<vh){
V.style.top=(Y+=r)+'px'
}else{
V.style.top=vh+'px';
V.src=H+'g2.gif';
setTimeout(function(){V.src=H+'g3.gif'},550);
clearInterval(t);
}
};
var t=setInterval(f,40)
};
Z=function(x){
var e=D.createElement('img');
e.src=Q.src;
var s=e.style;
s.position='absolute';
s.left=x+'px';
s.top=0;
return e;
};
var vw,vh;
Q.onload=function(){
vw=(self.innerWidth||
D.documentElement.clientWidth||D.body.clientWidth)
-Q.width;
vh=(self.innerHeight||
D.documentElement.clientHeight||D.body.clientHeight)
-Q.height;
setInterval(L,800);
Q.onload={}
}
}
)()
開発技法 †
ブックマークレット †
- ブックマークレットとは
- Bookmarklet。ウェブブラウザで作動するJavaScriptプログラムの一種。
- 通常ウェブブラウザでブックマーク(お気に入り)を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選んだ時にプログラムが実行されてちょっとした機能が実現できる。そのようなものをブックマークレットと言う。
- インストールはそのコードをブックマークするだけで行える。
- 「ブックマークを選ぶ」という操作だけで機能を実行できる点が手軽であり、ブラウザの簡便な追加機能として様々な種類のものが広く配布されている。