DataView - JavaScript | MDN
const littleEndian = (() => { const buffer = new ArrayBuffer(2); new DataView(buffer).setInt16(0, 256, true /* リトルエンディアン */); // Int16Array はプラットフォームのエンディアンを使用する return new Int16Array(buffer)[0] === 256; })(); console.log(littleEndian); // true または false コンストラクター DataView() 新しい DataView オブジェクトを作成します。 インスタンスプロパティ これらのプロパティは DataView.prototype 上に定義られており、すべての DataView インスタンスで共有されます。 DataView.prototyp
javascript - localStorageの使い方
クッキーと同じくらいメンドクサイんじゃないかと、そしてメンドクサイならもうクッキーでいいじゃないか、と敬遠していたローカルストレージ。 調べてみると使い方はとても簡単。 複雑な初期化手順は要らない、ファイル的な何かを考慮する必要もない、単純にメモリ上においたハッシュ(javascriptのオブジェクト)がページをまたがって消えないようになったもの。 こんな簡単でいいのかな？いやこんな簡単で何が悪いんだ？ そんなローカルストレージ(localStorage)について使い方の備忘録。 とりあずこれだけ押さえましょ
逆引きJavaScriptリファレンス
逆引きJavaScriptリファレンスです。 ◆ステータスバー（ウィンドウの最下行）に文字を表示させたい ◆文書中に文字を表示させたい ◆変数の値を文書中に表示させたい ◆"(ダブルクオーテーション)を表示させたい ◆'(クオーテーション)を表示させたい ◆フォームのテキストエリアに文字を表示させたい ◆背景の色を変えたい ◆現在の日付を求めたい ◆現在時刻を求めたい ◆警告や注意を促したい ◆文字を入力させたい ◆数値を文字にしたい（変換） ◆文字を数値にしたい（変換） ◆文字列の中から１文字だけ取り出したい ◆一定時間ごと処理を行いたい ◆一定時間ごとの処理を停止させたい ◆サブウィンドウを開きたい ◆フォームに入力された文字列を取り出したい ◆自分のコンピューターのファイルを読み出したい ◆相手のコンピューターにファイルを書き込みたい ◆指定アプリケーションを起動させたい ◆配列を作
文字列を数値に変換する [Java Script - (Number、parseInt、parseFloat) - 文字列 - Tips]
1. 文字列を数値に変換する方法 Number、parseInt、parseFloat関数があり、以下の例は全て同じ結果を返します。 ただし、それぞれの関数で文字列から数値に変換する手順が異なります。 特にparseInt関数は第2引数を省略した場合、ブラウザによって挙動が異なるようです。 var str = "123"; // 文字列を数値に変換する var num1 = Number(str); var num2 = parseInt(str, 10); var num3 = parseFloat(str);
人生ずっと勉強。 JavaScript：バイナリデータをバイト単位で読む。
HTML5のFileAPIのreadAsBinaryStringで読み込んだバイナリデータを JavaScriptでバイト単位で扱うには、いったんStringオブジェクトをかますとやりやすい。 var reader = new FileReader; reader.onload = function(){ var hoge = new String( reader.result ); var substr = hoge.substr( 0, 100 ); // 先頭から100バイト取れる var firstbyte = hoge.charCodeAt( 0 ); // 先頭バイト取れる }; reader.readAsBinaryString( file ); charCodeAtについてはもしかしたらStringオブジェクトかまさんでもいけたかも。 Stringオブジェクトのコンストラク
setInterval() → this でひっかかった - Web系がおもしろい。
簡単なアニメーションのコードを組んでいたら、setInterval()でドツボにハマってしまったのでメモ。なんとか朝日が出る前に原因が解った。。 問題のコード var hoge={}; hoge={ prop:123, foo:function() { this.id = setInterval(this.bar, 2000); }, bar:function() { alert(this.prop); // ←コレ } }; hoge.foo(); 上記プログラムを実行するとhoge.foo()が実行され、setIntervalによってさらにhoge.barが２秒毎に定期的に実行されます。 さて、このalert()なんですが、普通に考えると 123 って出力されると思うんですが、ここでの出力結果は undefined です。 そこで、ここのアラートを alert(this); だけにして
ブラウザでのキーの同時取得
矢印キーとかを使って何が動かしたい場合、斜め方向だと上と右とか同時に押されているかどうかを分からなければならないんだけど、ブラウザでキーを取得しようとするとShift+何かみたいな同時押しは判断できるけど矢印の上、左なのは普通には取得できなかった。 しょうがないからキーのマップを作っておいてonkeydownで押されたキーを記録、onkeyupで離したことを記録するようにして、あとはsetIntervalとかで記録してあるキーの状態をみるようにした。 var keyState = []; document.onkeydown = function(e) { keyState[e.keyCode] = true; return false; }; document.onkeyup = function(e) { keyState[e.keyCode] = false; return fals
JavaScript - ユーザ定義オブジェクト
JavaScriptの高度な書き方，JavaScriptのユーザ定義オブジェクトの作成方法について記します． ユーザ定義オブジェクトとは，その名の通りユーザで定義するオブジェクトです．JavaScriptには組み込みオブジェクトとして，Stringオブジェクト, Mathオブジェクト，RegExpオブジェクトなど数々の有用なオブジェクトが用意されています．ユーザ定義オブジェクトとは，ユーザで定義したこのようなオブジェクトのことをいいます． JavaScriptはC/Pascal言語のような手続き型でプログラミングできますし，C++/Java言語のようにオブジェクト指向型のプログラミングをすることもできます．JavaScriptは本格的なオブジェクト指向型言語とは言えませんが，一つ大きな機能として「フィールドとメソッドを一つのまとまりとして定義するオブジェクトの抽象化」を備えています．このよ
まだまだ間に合うCanvasでアニメーション入門（まとめと実践） :: 5509
JavaScript Advent Calendar 2010も22日目！あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん？なサンプルいっぱいありますね。あーいうの書けるようになりたいなぁとか思いつつ、jQueryばっかりさわってた僕は.animate()メソッドの便利さに取り憑かれていたので、Canvasの絵もまだ上下左右で動かすくらいしかできません。慣れが必要です。。 どうでもいい情報としてCanvasの読み方なんですけど、「キャンバス」じゃなくて「カンバス」が正しいようです。キャンバス・カンバスどっちでもよさげ。僕はキャンバスって読んでました。けどカンバスにします。 前置きはこれくらいにして、今回は次のようなカラ
JavaScript初心者におくる24のグレイトなtips - 三等兵
私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ
わずか565バイトテトリスのプログラミング解説
「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 以下のソースコードをメモ帳に貼り付けて、htmlで保存すればテトリスが動きます。 <body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y() {C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/ A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1 if(e=!e){if(f|B){fo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn web development | web.dev
Admiral
syboos.jp