JavaScriptでバイナリデータを扱う時の動作を理解する - prog*sig
資料的な文章なので実用的な話という感じではないです JavaScriptで画像などのバイナリデータを読み込むという目的に沿って追っていく。 XHRを使用し取得した画像データはバイナリコンテンツである。その際にJavaScriptはデフォルトで受信したデータをユニコードとして扱うため、バイナリデータに制御文字*1を表すバイト列が含まれていた際に予期せぬ動作を引き起こすことがある。そのため、overrideMimeTypeメソッド*2を使いcharsetをx-user-definedとして受信データを特別なものとして扱うように設定する。 // overrideMimeTypeを設定するプログラム var req = new XMLHttpRequest();// XHRオブジェクト req.open('GET', URL, false); // 読み込むURLと方式 req.overri
超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」:phpspot開発日誌
Paper.js ? About 超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」。HTML5で描画するタイプのフレームワークです。 ベジエ曲線をマウス位置に応じてリアルタイムにぐにゃぐにゃ動かすサンプルやベクターグラフィックが動きまわるサンプル等、こうしたライブラリは将来使う予定がないという方もWEBに関わるなら絶対に見ておいたほうがよいと思います。 とにかくExamplesのページをChromeなどで開いてみてみましょう。 色々と可能性を感じてしまうサンプルでした。もちろん作る人のスキルやセンスも問われると思いますが、活用することで比較的楽につくることができそう。 関連エントリ ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQue
丸数字などを簡単に変換できる「round_num 0.5」 - 名もないテクノ手
今回、milligrammeさんによって「round_num 0.3」を合成フォントでも使えるように書き換えていただきました。感謝します。 Commit 92dc8fdfe7662d386fc928ab8e4ef0316ef2af4d to milligramme/round_num - GitHub このコードですと、別ファイルから実行になってしまいますし、少し挙動を変えたかった部分もありますので、本体の方に取り込ませていただきました。InDesign CS5で動作確認をいたしましたが、おそらくCS4でも動作すると思います。 （追記：2011-07-08T17:38:24+0900）少し手直しをして、ver.0.5にしました。ver.0.4をリリースしてからあまり日にちも経っていないので、このエントリーを書き換えました。たいていのユーザーは特に変わりないです。 何をするスクリプトか？ 選
performanceMetricで状態監視 - 手抜きLab＠DTPの現場
先日menuActionとかいじっててサブメニュー山ほど追加して削除がめんどくさくなったので app.menus.item("$ID/Main").submenus.everyItem().remove(); なんてことしちゃいました。ええ、笑うしかありません。気分的には草で画面全体をうめてしまいたいぐらいです。 きっとこの気持ちはやった人にしか分からないでしょうwww それでもショートカットは使える所がよけいにおかしいですwww 二度としないと思うので記念にスクショも取りました。ついでですのでご覧下さい。 まあ、それは置いておいて、先日規模の大きいドキュメント向けに書いたscriptのパフォーマンスが出なくて困ってしまいました。ヒットカウントチェックしても正常ですし、これといって思い当たるコードも無いのでどうしようかと考え込んでしまいました。 少し調べてみるとJavascriptからIn
PDFファイルのページ数を知りたい - 手抜きLab＠DTPの現場
雨が続いています。通勤時はカッパを着込みますが、こう雨続きだとなかなか乾きませんし、面倒なのです。しかし、雨にぬれたりすると大変です。何が大変かって、湿度が高くて乾きにくいので少々におって来たりします。しまいには濡れた「犬のにおい」みたいなにおいがしてきかねませんのでしっかりと雨はブロックしなければなりません。 まあ、わたしの日常は置いておいて、PDFの配置って結構不便ですよね。PDFのページ数をチェック出来るプロパティがありませんから。Indesignなどで大量に配置する場合は、あらかじめページ数調べておいたりして手間がかかります。 ワードなんかから書き出したPDFを張り込んで...という作業は結構ありますので以前からここをなんとかしたかった訳です。 PDF 32000-1:2008より抜粋 7.7.3.2Page Tree Nodes Table 29 shows the entrie
node.jsとjQueryでスクレイピングするウェブアプリの作り方
やっぱ jQuery 便利ですよ(*´・ω・)(・ω・｀*)ﾈｰ セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´･ω･｀)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする（コマンドラインから実行する）スクリプトだけじゃなくて、スクレイ
JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
Closure Library - Google Code
How do I start? Download Closure. Read Finding Your Way around Closure. Do the Closure Hello World exercise. Work through the Building an Application with the Closure Library tutorial. Explore the project's source code. What is the Closure Library? The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusabl
Titanium Mobileの暗黒ノウハウを公開します。 - このブログは証明できない。
WEB+DB PRESS Vol.61の特集は、Titaniumでした。実際にアプリを作りながらのチュートリアルになっています。正統派な入門記事です。 でも。期待してた内容ではありませんでした。私は、Titaniumの暗黒面が知りたいのです。いつものWEB+DB PRESSなら、そんな記事が多いのですが、さすがにまだ開発者が少なそうなTitaniumではアッサリ目に仕上げるしかないのでしょう。そこで、このどうでもいいブログで、Titaniumのバッドノウハウ、いや、暗黒ノウハウをメモっておきます。 アプリを1本開発しただけですので、そこまでTitaniumのことを解っているわけではありません。間違っているところなどがありましたら、指摘してもらえるとありがたいです。暗黒ノウハウをみんなで共有しましょう。あと、スシなどをおごってもらえると、もっとありがたいです。 前提。 Titaniumのバー
Private Presentation
Private content!This content has been marked as private by the uploader.
jQueryのDeferredとPromiseで応答性の良いアプリをー基本編 | ゆっくりと…
jQuery 1.6 が既にリリース されていますが、1.5 で追加された Deferred を勉強する意味で、Script Junkie から Creating Responsive Applications Using jQuery Deferred and Promises を翻訳してみましたので、共有したいと思います。著者の Julian Aubourg は、jQuery のコアチーム・メンバーとして、Ajax モジュールの書き換えと Deferred 導入を指揮した方だそうです。 記事の途中、各メソッドの説明部分は、jQuery ドキュメントの翻訳に差し替えていますので、リファレンスとして使ってもらうのも良いかと思います。 Deferred や Promise は、概念や用語が少々分かりにくいところがあるかと思いますので、読んでくださった方の、少しでも理解の助けになれば幸いです
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms
チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもいくつか用意されている ので好みで選ぶことも出来ますね。 ボタン、セレクト、ラジオボタンやチェックボックス等のフォームデザインを変更できます。デザイの変更はcssのみで可能なフレームワークタイプなのでノンプログラマーな方でも気軽に使えそうですね。IE6以外は対応しているようです。 フォームのデザインをガラッと変えることが出来ます。よりデザインに統一感を出せそうですね。 テーマも用意されている Ideal Formsはフレームワークとしても利用出来るように、cssでデザインが変更できる作りになっています。現在は3つのcssファイルがテーマとして用意されていますのでそ
Prototypal Inheritance
Prototypal Inheritance in JavaScript Douglas Crockford www.crockford.com Five years ago I wrote Classical Inheritance in JavaScript (Chinese Italian Japanese). It showed that JavaScript is a class-free, prototypal language, and that it has sufficient expressive power to simulate a classical system. My programming style has evolved since then, as any good programmer's should. I have learned to full
newを封印して、JavaScriptでオブジェクト指向する(1)
以下はプロトタイプ的継承だけで一通りの機能を実現できる、という一つの例です。もちろん他にも書き方はありますし、newを使うのがよくないと主張しているわけではないです。 (誤解を生みそうな文体が混じっているようなので追記: 2011/5/14) 春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。ちょっと長くなるので目次です。 クラス（に相当するオブジェクト）を作る オブジェクトからオブジェクトを作る（インスタンス化） 単一継承 多重継承 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらは書くのが面倒臭い上に気をつけないといけない点がたくさんあります。Ja
highlightの続き - 手抜きLab＠DTPの現場
整理出来た部分から公開。 まずはインターフェース部分から。 var d = new Window ('palette', 'ハイライト処理', [100,100,370,260]); var slctr =["半角英数","全角約物","全角英数","縦中横","その他","消去"]; d.sel = d.add('panel', [20,20,250,80], ' Select Target'); d.sel.DpDLs = d.sel.add('dropdownlist', [25,15,180,30], slctr); d.sel.DpDLs.selection = 0; d.btP = d.add('panel', [20,90,250,145], ''); d.btP.applyBtn = d.btP.add('button', [20,15,100,35], '適 用', {n
twihelp.me
twihelp.me 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
初心者にも分かる Node.js と WebSocket についての解釈まとめ
解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては「Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)」というような内容となっていますので、ご了承いただければと思います。 Node.js って何？ Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌 例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。 メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使
ベジエのつづき - 手抜きLab＠DTPの現場
急に寒さが戻ってくると体調を崩してしまいがちです。今日もほら、鼻水がw まあ、それはおいておいて、しつこいようですが今日もベジエ曲線です。 今回は、scriptからellipseを使わず先日のファンクションを利用して半径1単位の正円を描いてみます。円ですから1/4の円弧をミラー処理して生成できますのでこの円弧を正確に生成する事から考えましょう。 B(t) = (1-t)²P0 + 2t(1-t)P1 + t²P2 (0<=t<=1) 上記の３次のやつを使います。 円弧の中央の点(1/2)について、 斜辺^2＝垂辺^2＋底辺^2で、中点自体はy=xの直線上に存在しますから r^2＝x^2+y^2=2x^2 となります。r＝１ですから、 x=(√2)/2 となるわけです。これはB(1/2)にあたります。 ではあてはめていきます。ちなみにx軸に付いて処理しますね。 B(1/2) = 1/8P0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.coomac.jp/maru2/game