GitHub - mrdoob/three.js: JavaScript 3D Library.
import * as THREE from 'three'; const width = window.innerWidth, height = window.innerHeight; // init const camera = new THREE.PerspectiveCamera( 70, width / height, 0.01, 10 ); camera.position.z = 1; const scene = new THREE.Scene(); const geometry = new THREE.BoxGeometry( 0.2, 0.2, 0.2 ); const material = new THREE.MeshNormalMaterial(); const mesh = new THREE.Mesh( geometry, material ); scene.add
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
Ajalog.7z: jQueryでWebカメラを制御する
2010/10/01 jQueryでWebカメラを制御する Tag JavaScript jQueryでWebカメラを制御するプラグインの使い方についてメモ。 元ネタ：jQuery webcam plugin - Website and Application Intelligence JavaScript単体でWebカメラを制御しているのではなく、Flashと連携していて作業している。 キャプチャした画像をcanvasに貼り付け、なんてこともできる。 使い方上のリンクからプラグインをダウンロードして、こんな感じに書いてみた。 $(document).ready(function () { var width = 320, height = 240; var ctx = document.getElementById("output").getContext("2d"); var
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
URL 短縮サービスで data スキームを短縮する (良い子はマネしちゃダメ) - 何にしても生っかじりの朴念仁
あるエントリーを読んで もうずいぶん前のエントリーですが、TinyURL で data スキームの短縮が出来るなんて知りませんでした。他のサービスはどうなのか、気になったので幾つか調べてみました。 data スキームが通らない URL 短縮サービスとしては優秀(当然??)な挙動なのかな。 is.gd - a URL shortener. Mmmm, tasty URLs! http://tr.im/ http://linkbee.com/ Tiny URL | Free Short URL Redirects with Tinycc 伟德国际app http://www.virl.com/index.php http://cli.gs/ http://urlenco.de/ http://s-url.jp/ http://zz.tc/*1 Short.ie - greatdomains.i
解説 : XMLHttpRequest
XMLHttpRequest を使用出来るようにする為の宣言。ブラウザにより異なる。 IE では、ActiveXObject("Microsoft.XMLHTTP") を使用。 IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") , ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。 Mozilla 系ブラウザでは、XMLHttpRequest() を使用。 var xmlhttp = false; if(typeof ActiveXObject != "undefined"){ try { xmlhttp = new ActiveXObject("Micro
iPhoneのタップ・回転イベントを JavaScriptで取得するサンプル - H2O Space. Blog - h2ospace - builder by ZDNet Japan
iPhone特有の「タップ」や本体の「回転」は、JavaScriptでも取得することができます。 つまり、Webサイト・Webアプリでこれらのイベントを捕まえてプログラムを作ることができるという訳。 簡単なサンプルを作ってみましたので、お試しください。 iPhoneのタップ・回転イベントをJavaScriptで取得するサンプル(iPhoneで確認してください) まずは、こんなHTMLを準備して・・ <dl class="iPhoneDL"> <dt>イベント</dt> <dd id="dEvent">なし</dd> <dt>X位置</dt> <dd id="dX">-</dd> <dt>Y位置</dt> <dd id="dY">-</dd> <dt>向き</dt> <dd id="dTurn">-</dd> </dl> プログラムは次の通り。 <script type="text/java
Rotating 3D Cube in JavaScript
© Thiemo Mättig, created in September 2007 More JavaScript experiments »
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
Hatena::Let
81973 Bookmarklets! Create Hatena::Let でブックマークレットをかんたんに作成・公開しよう！ https://tech.classi.jp/entry/2024/04/23/183000 document.addEventListener('keydown',(function(event){if(event.key==='Enter'&&event.isComposing){e...
XSSの攻撃手法いろいろ - うなの日記
html5securityのサイトに、XSSの各種攻撃手法がまとめられているのを発見せり!ということで、個人的に「お!」と思った攻撃をサンプルつきでご紹介します。 1. CSS Expression IE7以前には「CSS Expressions」という拡張機能があり、CSS内でJavaScriptを実行できたりします。 <div style="color:expression(alert('XSS'));">a</div> 確認 @IT -［柔軟すぎる］IEのCSS解釈で起こるXSS で詳しく解説されていますが、CSSの解釈が柔軟なことともあいまって自前で無害化するのはなかなか困難。以下のようなコードでもスクリプトが実行されてしまいます。 <div style="color:expr/* コメントの挿入 */ession(alert('XSS'));">a</div> 確認 <div s
JavaScript: 世界で最も誤解されたプログラミング言語 - 実用
翻訳 原文:JavaScript: The World’s Most Misunderstood Programming LanguageCopyright 2001 Douglas Crockford. All Rights Reserved Wrrrldwide. JavaScript(別名：Mocha、LiveScript、JScript、ECMAScript)は、世界で最も人気のあるプログラミング言語の一つです。世界中のほとんどのパソコンには、少なくとも1つはJavaScriptインタープリタがインストールされ動いていることでしょう。JavaScriptは、WWWのスクリプト言語としての確かな地位により広く利用されるようになったのです。 しかしその高い普及率にもかかわらず、JavaScriptが汎用的でダイナミックな優れたオブジェクト指向プログラミング言語であることはあまり知られて
プロトタイプ（prototype）によるJavaScriptのオブジェクト指向
はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をして
ブックマークレットサービス・Hatena::Let を作りました - 2nd life (移転しました)
ブックマークレットをかんたんに作成・公開できるラボサービス、その名も Hatena::Let を作りました。 http://let.hatelabo.jp/ 未だにブックマークレットを作るときには、アドレスバーに javascritp:... を打ち込んで実行したり、 Firebug で実行して試しつつも外部の bookmarklet 化サービスを使って文字列削ったり、IE対策のため500ちょい文字を超えると gist にファイルを置きつつもおきまりの var script = document.createElement('scrit');... で JS のローダー書いたり、とやりたいことは同じなのにめんどくさい手順を毎回行っていたました。 ここらへんの手順を毎回繰り返すことなくさくっと作って公開したい！と思い id:cho45 と半年ぐらい前の開発合宿*1で作って眠らせていたのを、ち
はてなブログ | 無料ブログを作成しよう
うめぇヨーグルトソースでもいかがですか。個人差にもよりますが。もしよろしければ。 お久しぶりです。 最近うんめぇ〜と思ってるヨーグルトソースがあるので、書いていこうと思います。 ヨーグルトとハーブ類をもりもり使うので、そういうのが食べられない方にはうんめぇソースではないです。ごめんなさい…。もしよろしければお茶だけも…旦~ 【用意する…
加速度センサーで操縦する地図サイトを作ろう (1/4)
Firefox 3.6の新機能で遊ぶ 今年1月、Firefoxの最新版「Firefox 3.6」がリリースされました。FirefoxはHTML5を積極的にサポートするなど、開発者にとっては“遊びがい”のあるブラウザーの1つです。最新版の3.6でもいくつか興味深い機能が追加されています。 注目は、iPhoneやゲーム機のコントローラーでおなじみの「加速度センサー」に対応したこと。加速度センサーを搭載したPCなら、本体の傾きに応じてJavaScriptの処理を実行できるようになりました。そこで今回のJavaScriptラボでは、Firefox 3.6の「加速度センサーAPI」とGoogleマップを使って、PCを傾けた方向にスクロールする地図を作ってみましょう。さらに、HTML5の「Geo Location API」を使い、地図のスタート地点（デフォルトの表示位置）を現在地に変更する機能も付けて
HTML5による、全く新しいMotionVRのアプローチ方法 - 京都・日本・世界の最新パノラマムービー情報：QTVR Diary
もしかしたら出てくるかなぁ、とは思ってたんですが、出るとしたらもっと後だと思ってました。 それほどまでに衝撃的な技術の登場です。 Webの世界では、Flashではないインタラクティブコンテンツのオーサリング技術として新たに「HTML5」が策定され、現在様々な方面で普及が促進されています。特にYouTubeのビデオ再生用のプレイヤープログラムがFlashからHTML5に切り替えられているように、映像配信を中心にHTML5へシフトしてるような気がします。 映像配信と言えば、黙ってられないのはMotionVR！ 但しMotionVRは昨年後半から急に注目を浴びたといってもいい新しい技術。特に今年の1月にSONYからBloggieがリリースされ、ココ日本でもいろんなクリエイターや開発者がチャレンジしています。 そしてココにも一人、御大の登場です。「OpenSpace」の古籏一浩さんと言えば、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
js at current from liuliu's ccv - GitHub
MTL Live
making waves with html5