番外編
使わなかったり使えなかったりしたもの。 Street View Random Walkerhttps://whispering-inlet-27072.herokuapp.com/ ちょっと前にホッテントリに上がっていた、さまよえる私というやつ。使っていたが、コメントできる機能が実装されてからWebPageScreenSaverではうまく動かなくなってしまった。悲しい。 Endless Foresthttp://oos.moxiecode.com/js_webgl/forest/index.html 暗い森を走る感じのサイト。かっこいいのに動かない。 いまなんじ？-sirohttp://clock.szkmm.com/index.html 基本的には時計を表示するだけ。空の背景とか猫の背景とかあるが、なんとなくセンスが自分に合わなかった。フォントがダサいと感じる。 earth :: 地球の
スクリーンセーバーっぽいサイト
ウェブサイトをスクリーンセーバーにできるツールで表示したいサイトを備忘録的にまとめる。 WebPageScreenSaverhttps://github.com/cwc/web-page-screensaver 今使ってるものGoogle Trends - Hot Searcheshttps://trends.google.com/trends/hottrends/visualize?nrow=5&ncol=5&pn=p4 Googleのトレンドをカラフルなタイル状に表示するサイト。ぼんやり眺めるぶんにはとても面白い。でもちょっと目がチカチカするし派手すぎる。 8bitdashhttp://www.8bitdash.com/ ドット絵のムービーを背景に、現在の時刻が表示されるだけのサイト。めっちゃいい。なごむ。サイバーな街並みから自然まであって最高。 使ってたけど飽きたものRandom S
背景画像を削除するブックマークレット
BODYに設定されている背景画像を削除するブックマークレット 背景画像削除君 ↑ブックマークバーに設置！ javascript:(function(){document.getElementsByTagName('body')[0].style.backgroundImage='url()';})();
【JavaScript】let、const、varの違いと使い分け方法を徹底解説 - TECH PLAY
JavaScriptの変数を使い分けるには、let、var、constの違いを理解する必要があります。それぞれの違いについて3つの役割に分けて解説します。 再宣言、再代入 再宣言は一度宣言した変数名で再度宣言すること。再代入は値が入っている変数に上書きで代入することです。 varは再宣言と再代入のどちらも可能で、constはどちらも不可能。letは再代入できるものの、再宣言できないという違いがあります。 // 再宣言 var hoge1 = 1; var hoge1 = 2; console.log(hoge1); // 2 let hoge2 = 1; let hoge2 = 2; // ここでエラーが発生 const hoge3 = 1; const hoge3 = 2; // ここでエラーが発生 // 再代入 var hoge1 = 1; hoge1 = 2; console.lo
プログラミング言語をすぐに試せる「プレイグラウンド」まとめ。2024年版
新しいプログラミング言語やライブラリ、フレームワークを学ぶには、実際にそれらを試して挙動などを見てみることが大事ですが、実行環境を用意するのは手間がかかります。 そこで役立つのが、いわゆる「プレイグラウンド」と呼ばれる、Webブラウザでプログラミング言語やライブラリ、フレームワークをすぐに試すことができるサービスです。 主要なプログラミング言語の公式サイトには、実際にその言語をすぐに試せるプレイグラウンドが用意されていることも多く、また公式サイト以外にもネット上にはさまざまなプレイグラウンドがあります。 プレイグラウンドを使えば、気軽にいろんなプログラミング言語やライブラリ、フレームワークを試せます。 この記事ではそうしたプレイグラウンドをまとめてみました。ここで紹介したプレイグラウンドの他にも、あなたのお気に入りのプレイグラウンドがあればX/Twitterやブックマークのコメント、メール
ブラウザ上でJavaScriptの実行ができるサービスまとめ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 動機 ぼくがいま勉強しているJavaScriptのフィードバックを得る際に、コードそのものをWeb上で公開できるサービスはないかと探していたところいつくか見つかったので、まとめ。 Web上でJavaScript実行できる利点 すべてのサービスに共通して、シェアができることが一番の特徴。 自分のパソコンをリモートして見てもらっているような分かりやすさがある。 また、わざわざjsファイル、cssファイルなどを開かさせる手間もなく、一度に俯瞰できるのがコード書く人にもフィードバックする人にも優しい。 JSFiddle 特徴 HTML・CSS・
JavaScriptの配列操作を覚えよう (JavaScript基礎構文)
JavaScriptには様々な変数の型が存在します。有名なところでは文字列や数字、真偽値などがありますが、そうした変数を複数格納できるのが配列です。最も基本的な定義は [] で行われます。 const ary = []; リストを作ったり、クラウドのデータベースからデータを一覧で取得した際にも配列がよく使われます。それだけに、この配列を操作する方法をマスターすれば、コーディングがとても簡単になるでしょう。 この記事では便利な配列操作方法について解説します。 初期化 配列の初期化は [] を利用して行います。 const ary = []; この場合 ary は空の配列になります。 ary.length; // => 0 初期化する際に値をあらかじめ指定する場合には , で値を区切ります。 const ary = ['文字です', 100, true, new Date]; 配列の要素にアク
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
8bitdash Gallery
GitHub - joochanshin/Windows-XP-Pipes-Screensaver: A project to mimic the classic Windows XP Screensaver with the pipes using P5 JavaScript
https://jovial-lewin-d74010.netlify.app/
GitHub - maze95/maze95-js: Recreation of the Windows 95 "3D Maze" screensaver in JavaScript using Three.js.
Maze 95 JS
Starflight
GitHub - RolandR/starflight: Something like that old Windows screensaver "Starfield". I made this a long time ago with home-made 3D rendering.
https://www.schemecolor.com/javascript-logo-colors.php
【JavaScript】var / let / const を本気で使い分けてみた - Qiita
Online Javascript Editor
ブラウザのみでいろいろ試せるサイト集 - Qiita
【JavaScript】JSDocって何？よく使うJSDocタグまとめ - Qiita
