javascript - making primitive types extendable : 404 Blog Not Found
2010年10月08日06:30 カテゴリLightweight Languages javascript - making primitive types extendable その方向性や、よし。 【連載】Extend.jsで楽しくJavaScriptプログラミング！ - 第1回 Extend.jsのつかいかた (JavaScript,javascript,extend.js) - 株式会社あゆた しかし、Extend.jsは以下のような特徴を備えています。 オブジェクト指向ライクな利用感、かつjQueryライクな使いやすさ Web Workersの中でも安心して利用できる 拡張機能も備えたフレームワークになっている しかしこれでは萎えてしまう。 なんとか primitive types も extended な状態を保てないだろうか。 というわけで、やってみたのが以下。あくまで pr
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
コア・JavaScript ( JavaScript. The Core. ) - oogattaの勉強日記
この文章は、 Dmitry A. Soshnikov さんの、 ECMAScript に関する優れた記事 "JavaScript. The Core." を許可を得て翻訳したものです。世の中に、 JavaScript のブラウザ API や、実装系に関する記事は多々あれど、 ECMAScript の仕様に則って、ここまで詳しく説明してくれている記事は殆ど無いと思います。今回は翻訳できておりませんが、文中で参照されている Dmitry さんの ES3 シリーズも、読み応えのある（ ECMAScript3 の仕様の副読本としても読める）素晴らしい内容ですので、是非チャレンジしてみてください！（ご要望があれば訳します翻訳許可を頂いたので、この記事内で参照されている章から逐次翻訳を進めます！）。 ちなみに Dmitry さんは、計算機科学や数学にも明るい方でらっしゃいます。が、私は違います。極力
構造化テキストの間違ったエスケープ手法について : 404 Blog Not Found
2010年09月22日21:30 カテゴリLightweight Languages 構造化テキストの間違ったエスケープ手法について 昨晩のtwitter XSS祭りは、ふだんもtwitter.comは使わない私には遠くの祭り囃子だったのですが、せっかくの自戒の機会なので。 Kazuho@Cybozu Labs: (Twitter の XSS 脆弱性に関連して) 構造化テキストの正しいエスケープ手法について 正しいアプローチは、全てのルールを同時に適用することです。 これは残念ながら(おそらく)必要条件であっても十分条件ではありません。 こういう(かなりええかげんな)正規表現でtweetをparseしていたとします。 re_http = '(?:https?://[\\x21-\\x7e]+)'; re_user = '(?:[@][0-9A-Za-z_]{1,15})'; re_hash
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
javascript - Mathを再発明してみた : 404 Blog Not Found
2010年09月14日06:30 カテゴリMathLightweight Languages javascript - Mathを再発明してみた 「基本というからには四則演算で三角関数実装しないとねー」と思いつつ書いていたら… C言語による最新アルゴリズム事典 奥村晴彦 [javascript]三角関数の基本 Math.random()を除いてMathを全部再発明しおえたので。 多倍長演算バージョンを作る時の下ごしらえにもなるかも。 下ごしらえ 仕様は Math - MDC アンチョコはもはや最新というにはあまりに古い、しかし代わりなき「C言語による最新アルゴリズム事典」。低レベルな車輪を再発明する人必携! 初期化と定数 定数の精度はおおげさに。 MyMath = {}; MyMath.E = 2.718281828459045235360287471352662497757; MyMat
javascript - Math.BigInt で多倍長整数演算 : 404 Blog Not Found
2010年09月12日03:00 カテゴリLightweight Languages javascript - Math.BigInt で多倍長整数演算 ついムラムラと。 /lang/javascript/math-bigint/trunk - CodeRepos::Share - Trac dankogai's js-math-bigint at master - GitHub フルスクラッチでないのでかえって苦労したかも。 Demo: var x = bigint("1234567890123456789012345678901234567890"); var y = new Math.BigInt("12345678901234567890"); p( x.add(y) ); p( x.sub(y) ); p( x.mul(y) ); p( x.div(y) ); p( x.mod(
「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー
「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー グーグルはJavaScriptコードのスタイルガイド「Google JavaScript Style Guide」を公開しており、同社自身もこのスタイルに従って開発を行っているとされています（スタイルガイドの日本語訳の例）。 このスタイルガイドに従った開発を支援してくれるツールがグーグルからオープンソースとして公開されました。同社のClosure Tools Blogのエントリ「Introducing Closure Linter」で紹介された文法チェックツールのClosure Linterです。 Closure LinterはPythonで書かれたツールで、コマンドラインから利用します。上記のエントリによると、次のようなJavaScriptをチェックに書
bookmarklet - The Tiniest JS REPL ever! : 404 Blog Not Found
2010年09月08日01:00 カテゴリLightweight Languages bookmarklet - The Tiniest JS REPL ever! ふと思いついたので。 javascript:(function(s){while(s!==null)try{s=eval(prompt(s))}catch(e){s=e}})('JS:') javascript:(function(s){while(s!==null)try{s=eval(prompt(s))}catch(e){s=e}})('javascript')less than a minute ago via HootSuiteDan Kogai dankogai もっとぶっきらぼうでもいいのであれば、最後の('JS:')を()にしてしまえばjavascript:込みで78byteに収まります。 Javascript
perl & javascript - PNGにテキストを埋め込む : 404 Blog Not Found
2010年09月05日05:30 カテゴリLightweight Languages perl & javascript - PNGにテキストを埋め込む いっそこんな利用法はどうか。 404 Blog Not Found:Ajax - データ交換 via PNG 使いどころが限定的すぎる。 Demo 0 アイコンの中にエンコーダーのソースコードを埋め込んである。 $('#demo0 input').click(function(){ $('#demo0dst').text(showTextInPNG($('#demo0img').get(0))); }); Perlでテキストを取り出すソースコードは以下のとおり。 #!/usr/bin/env perl use strict; use warnings; use Imager; use autodie; my $img = Imager->
Algorithm - 0と1を次々と返す簡単なお仕事 : 404 Blog Not Found
2010年09月03日05:30 カテゴリLightweight LanguagesMath Algorithm - 0と1を次々と返す簡単なお仕事 ごもっとも。 0と1を次々返す方法 - a2c.get.diary TrueだったらFalseで、FalseだったらTrueにしたい。 なんかそんなことそこかしこで必要で、その為の便利なものが あるのかなぁと思ったんだけど無いぽい Closure 本来は一番おすすめなのだが… JavaScript ()が煩わしいが、perlやrubyよりは自然。 #!/usr/bin/js var flipflop = function(p){ p = !p; return function(){ return p = !p; }; }; var fl = flipflop(); console.log(fl()); console.log(fl()); c
[JS]jQueryのプラグイン33+1選 -2010年7・8月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Shadow animation シャドウをアニメーション。 bgFade マウスホバーで背景をフェードでアニメーション。 hove
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧［ABC順］ リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。 特集記事 レンタルサーバーの選び方 ～ 厳選おすすめサーバーを比較紹介 レンタルサーバーの容量はどのくらい必要か ～ 計算方法と目安を解説 法人向けレンタルサーバーの信頼度は？ ～ 安定性や安全性を測る指標を解説 記事一覧
JavaScript製のガントチャート·JSGantt MOONGIFT
JSGanttはJavaScript製/Webベースのオープンソース・ソフトウェア。多人数、または複数社が関わるプロジェクトでは一つのタスクの結果が別なタスクに関わっていることが多々ある。そうした時の遅延はプロジェクト全体の調整が必要であり、滞りなく進めるのは至難の業だ。 JavaScriptでガントチャートを生成 そのためタスク間のスケジュールや関わり方を示すのにガントチャートがよく使われる。これまでのガントチャートは画像出力型が多く、生成後の再利用性が今ひとつだった。そんな不満を解消してくれるのがJSGanttだ。 JSGanttはその名の通りJavaScriptによるガントチャート生成ソフトウェアだ。縦にタスクが並び、横に日程が並ぶ。各タスクごとにスケジュールが帯になって表示され、その結果が別なタスクに線でつなげられる。タスクの関連性が見いだせるはずだ。 折りたたんだり表示範囲を変更
HTML5で遊べるパックマン·Pacman MOONGIFT
PacmanはHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。2010年05月頃にGoogleが公開し、話題になったオンラインで遊べるパックマン。あまりにみんなが遊ぶもので、負の経済効果がもの凄かったらしい。 普通に面白い そこから派生するように多数のJavaScriptだけで遊べるゲームが開発された。今回紹介するPacmanもその一つで、特徴としてHTML5を使って作られている。その分動作ブラウザは限定されるが、HTML5のデモとして興味深いソフトウェアだ。 Googleのようにロゴ風になっている訳ではなく、旧来のパックマンに近い画面になっている。OGGファイルが用意されており、音が鳴るようになっているが筆者環境では食べている時の音が鳴らなかったのでプレー中はとても静かだ。 動作は軽快でプレーをする時にnキーを押す以外は矢印キーだけで操作が進められる。ゲ
Ajax - データ交換 via PNG : 404 Blog Not Found
2010年08月27日03:30 カテゴリLightweight Languages Ajax - データ交換 via PNG 面白い。 【レポート】JavaScriptとCSSをPNGファイルに含めて圧縮する方法 | エンタープライズ | マイコミジャーナル が、使いどころが限定的すぎる。 Demo 実際に双方向に変換するデモを作ってみた。 復元された文書 ソースはこんな感じ。 /* * You need base64.js. * cf: http://blog.livedoor.jp/dankogai/archives/51067688.html */ img2txt = function(node) { var el = document.createElement("canvas"), ctx = el.getContext("2d"), w = el.width = el.sty
iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」:phpspot開発日誌
jqpad - Project Hosting on Google Code iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」。 iPad向けのネイティブアプリケーション風のUIでWEBサイトを構築することが容易になります。 iPhone用のiUIのiPad版といったところでしょうか。 こちらのページをiPadで見てみましょう 少しクセがあるみたいですが、使いこなせば１から作るよりははるかに楽に作れそうです。 まだ不備もあるみたいなので今後に期待です。 関連エントリ iPhone向けWebアプリを作ろう これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wonder-boys.net
JavaScriptは盗んで学べ！ 知識0のデザイナーでもできるjsdo.itの遊び方
Liquid Particles - spielzeugz.de canvas experiment