iPhoneのGPSをJavaScriptで操ろう (1/6)
JavaScriptの利用範囲がどんどん広がっています。ライブラリの充実によって、比較的手軽にいろいろなことができるようになり、Webサイト／Webアプリケーションだけでなく、今やモバイルデバイスやデスクトップアプリケーションなどの分野でもJavaScriptが活躍するようになりました。 本連載では、多数のJavaScript関連書やASCII.jpの連載「29分でできる！あのサイトの技を盗め」の執筆でもおなじみの古籏一浩氏が、最新のAjax/JavaScriptライブラリの解説から、今後注目される新しいJavaScriptの活用Tipsまで、“楽しくできて役立つネタ”をお届けします。 初回は「iPhone 3GS」に合わせてリリースされたiPhone OSの新バージョン「iPhone OS 3.0」がテーマです。iPhoneならではのGPS機能をSafariのJavaScriptで活用す
JavaScriptのnewって本当にいらない子？ - あと味
先日、「JavaScriptのオブジェクトについて考察してみた - あと味」を書いてから、chikuraさんからコメントいただいたり、id:dankogaiさんから「404 Blog Not Found:javascript - にはクラスはない」という記事で言及いただいたり、JavaScript: The Good Partsを読み返したりした結果、newについて調べたいという衝動にかられましたので、その調べた結果を書いてみたいと思います。 newを調べようと思ったキッカケを整理 まずは、そのキッカケから整理します。 chikuraさんのコメントより 押さえるべきポイントは、new演算子の際に何が行われるか？だと思うので、こちらのページもぜひ読んでみてください。 JavaScript の new 演算子の意味: Days on the Moon http://nanto.asablo.j
Twitterのタイムラインにふぁぼられ具合を表示するGreasemonkey - hitode909の日記
Twitterでたくさんのユーザーをfollowしていると，誰が，自分と比べて，どのくらいふぁぼられているか，ということを忘れがちです． 普段忘れがちなふぁぼられ具合を一目で分かるようにするGreasemonkeyを作りました． 140576’s gists · GitHub 発言者と自分のふぁぼられ数を比較して，発言のサイズと色を変化させます． ポストの下に発言者のふぁぼられ数を表示します．ふぁぼられ数をクリックするとふぁぼったーに飛べます． このGreasemonkeyによって，身分の低い人にdisられたときに，すぐに「ふぁぼ数三桁は黙ってろ」とdisり返したり，身分の高い人の発言だけ注目して見たり，といったことが可能になります． 追記1 id:os0xさんによると，Wescriptを利用していれば，以下のURLからインストールすると，gist側が更新されるとインストールしたスクリプト
【ハウツー】サーバサイドJavaScriptライブラリ「Narwhal」を使ってみよう (1) Narwhalとは? | エンタープライズ | マイコミジャーナル
Narwhalとは? Narwhalはサーバサイドで利用することを想定したJavaScriptライブラリで、ServerJS標準のAPIを実装している。 ServerJS標準とはサーバーサイドJavaScriptで利用可能なAPIなどの標準規格を定めようという動きだ。これまでJavaScriptはAjaxアプリケーションのクライアントサイドスクリプティングに用いられることが多かったが、Aptana Jaxerなどを筆頭にサーバーサイドでも利用されるようになってきている。しかし、サーバーサイドJavaScriptでは一般的な汎用APIなどが存在しないため、ベンダやプラットフォーム固有のAPIを用いる必要がある。ServerJS標準はこの問題を解決しようというものだ。 ServerJS標準の議論は2009年に立ち上がったばかりであり、現在も活発に意見交換が行われている。まだ標準規格と呼ぶには躊
overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん！
こんにちはこんにちは…！ 突然だけど今日はちょっぴりテンション低めに、 要素のスクロールについてのお時間なんです…！ ぺろ ぺろぺろ ぺろぺろ ぺろぺろ ぺろぺろ <div style="height:4em; overflow-y:scroll"> <ul id="peroZone"> <li>ぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> </ul> </div> <input type="button" value="ぺろライン追加" onclick="add()" /> ↑なんかこういうやつがあって…、 ボタンを押すたびに、ぺろぺろエリアの一番下に行が追加されるような仕掛けを作りたいとき…・。 <script> function add() { // 行を追加するよ var peroZone = doc
javascript - undefined may not be undefined : 404 Blog Not Found
2009年06月15日05:00 カテゴリLightweight Languages javascript - undefined may not be undefined これを受けて、nullとundefinedについてさらに調べたのですが.... 404 Blog Not Found:javascript - にはクラスはない typeofでプリミティブかどうか判定する方法ですが、typeof null == "object"なのでその判定が必要だと思います。 とんでもないことを再?発見しちゃいました。 undefinedはただのグローバル変数 定数じゃないんですね。 だから、以下が動いちゃう。 p(undefined); undefined = !undefined; p(undefined); NaNとInfinityもただのグローバル変数 以下も動いてしまいます＞＜ p(NaN
［柔軟すぎる］IEのCSS解釈で起こるXSS
［柔軟すぎる］IEのCSS解釈で起こるXSS：教科書に載らないWebアプリケーションセキュリティ（3）（1/3 ページ） XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで本連載では、そのようなメジャーなもの“以外”も掘り下げていきます （編集部） なぜか奥深いIEのXSSの話 皆さんこんにちは、はせがわようすけです。 第1回「［これはひどい］IEの引用符の解釈」と第2回「［無視できない］IEのContent-Type無視」でInternet Explorer(IE)の独自の機能がクロスサイトスクリプティング（XSS：cross-site scripting）を引き起こす可能性があるということについて説明してきました。 第3回でも引き続き、IE特有の機能がXSSを引き起こす例ということで、
FirefinderはJavaScriptプログラマ以外も使うべき - monjudoh’s diary
Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？ CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google 検索, i
CodeRepos::Share – Trac
JSDeferred Simple and clean asynchronous processing. Sample http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/sample.html Download http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.js No comments: http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.nodoc.js Compressed: http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsde
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
asahi.com（朝日新聞社）：ドコモ新携帯、不具合あった新機能削除し発売へ - 携帯電話 - デジタル
ＮＴＴドコモは２８日、夏商戦向けの新携帯端末１３機種について、地図を滑らかに映し出す新機能を削除したうえで売り出すと発表した。新機能の基になるソフトウエアが原因で、ｉモード接続時に正しく動作しないトラブルが続出しているため。発売直後のつまずきで、ドコモの夏商戦の出遅れは必至だ。 ドコモは、今月発売のＰＲＩＭＥシリーズの２機種で不具合が相次いで見つかり販売停止になったため、詳しい原因を分析。ネット閲覧ソフトに新しく「ジャバスクリプト」機能を加えたことに不具合の理由があるとわかった。 このため、ＮＥＣ、パナソニック、富士通、シャープ製の計１３機種について、新機能をいったん停止して発売することにした。約１カ月後にドコモ側でシステムを更新すれば、手続きなしで新機能が利用できるようになる見通し。ドコモはトラブルを踏まえて、発売前の検査態勢を見直す方針。
split の研究 - bkブログ
split の研究 split 関数の挙動が言語ごとに微妙に異なると知人と話題になったので調べてみました。結果はまとめをどうぞ。 Ruby まずはRubyから調べてみます。irb を使って調べました。 % irb ... まずは普通に分割 >> "a,b,c".split(",") => ["a", "b", "c"] 末尾に空要素があると、省略されてしまう >> "a,,c,,".split(",") => ["a", "", "c"] 末尾の空要素を省略しないためには -1 が必要 >> "a,,c,,".split(",", -1) => ["a", "", "c", "", ""] 空文字列だと結果も空 >> "".split(",") => [] -1 をつけても同様 >> "".split(",", -1) => [] 分割パターンを指定しない場合も同様 >> "".split
iモードブラウザ2.0のJavaScript (Kanasansoft Web Lab.)
今日、正確には昨日発表されたdocomoの携帯電話に組み込まれているiモードブラウザがやっとJavaScriptに対応したようだ。 他には外部CSSやCookieにも対応している。 これまでのドコモはWindows・Microsoftよりのイメージだった。ダウンロードできるツールは(ほぼ?)全てWindowsでしか使えなかったり、サービスもWindowsばかりだった。JavaScriptもWindows寄りだったら嫌だなぁと思っていたが、今回はどうも違うらしい。 仕様をざっと見たところ、標準に準拠しているようだ。例えば、addEventListenerがあってattachEventはなかったり。XMLHttpRequestにも対応しているのを見てちょっと興奮した。Cookieに対応したため、個体識別番号を使う必要がなくなり、開発も楽になるし(個体識別番号による名寄せが不可能になるため)セキ
VBScript と JScript を交配させるたったひとつの方法 - 葉っぱ日記
言語牧場 (Kanasansoft Web Lab.) じゃあ、JavaScriptとVB6を交配してみよう。 ... それってJScript!!! IE限定ならクライアントサイドVBScriptでいいじゃん!!! VBScript と JScript はとっても仲がいいので、かんたんに交配させることができます。 例えば、1から10の合計を求めるプログラムはこんな感じ。 i = 1 s = 0 while( i <= 10 ) rem =function(){ s = s + i i = i + 1 ''}(); ''/* wend ''*/ WScript.Echo( s ) 例えば、これを bokujo.txt などというファイル名で保存しておいて、コマンドラインから C:\>CScript //E:VBScript bokujo.txtのように実行するとVBScriptとして実行され
実演: RSA暗号の理論と実際 - faireal.net
JavaScript: 触って分かる公開鍵暗号RSA 2004年 2月 4日 記事ID d40204 公開鍵暗号RSAの各面について。 本に書いてあるような理論的説明でなく、 実地に体験しながら、具体的に見ていきましょう。 JavaScript で実装したRSA暗号系 PigPGP 0.2.3 日本語版 を使います。 このデモは、内部で実際に行っている演算の様子をガラス張りにして見せてくれます。 初めに 例えばパソコンについて理解するのに、本を読んだだけで十分に納得がいくものでしょうか。 やはりパソコンについてよく分かるようになるにはパソコンをいじってみるのがいちばんでしょう。 同じように、ここではRSA暗号について実感として分かることが目的ですから、 RSA暗号系を自分の手でいじってみるのがいちばんです。 PigPGP 0.2.3 日本語版がそれです。 これは JavaScript で実
Kanasan.JS JavaScript 第 5 版読書会 #7: Days on the Moon
Kanasan.JS JavaScript 第 5 版読書会 #7 に行ってきました (当日のチャットログ)。範囲は前回に引き続き CSS の操作、そしてイベント周りと、一般に「JavaScript」といったとき話題になりやすい部分です。参加者のブログ記事は「JavaScriptでCSSとイベントを扱う from Kanasan.JS | Blog.37to.net」のほか読書会のページからたどれます。 display: inline-block; サイ本では解説されていませんが、CSS の display プロパティの値 inline-block に関して話が盛り上がりました。inline-block 及びそれがどのようなレイアウトに使えるかについては以下で解説されています。 書籍などに紹介されていない display : inline-block について (ヨモツネット) inlin
『JavaScript:The Good Parts』にツッコミ - os0x.blog
『JavaScript:The Good Parts』にツッコミ (Kanasansoft Web Lab.)へのレスも兼ねて。 Good Parts読んでない方は、A Life in Shinjuku.: JavaScript: The Good Partsを見れば大体書いてある。 かんそう 良書だと思うのだけど、初心者には説明不足なのが惜しい。ある程度わかってる人が「あるある/いやそれは…」と相槌を打つ感じで、対象読者が狭い印象。詳しく知りたい人はこちら的な情報があれば文句なしだった。 ==と=== ==じゃなくて===を使おうって話。無駄な型変換もなくなるから===を使うことには異論はないのだけど、そもそもfalsyな値との比較に危うさを感じ取るべきだし、いろんな型の値が入っている状況は設計を疑うべきだよね。 配列かどうかの判定 JavaScriptのオブジェクト判定tips - C
さあ、Yコンビネータ(不動点演算子)を使おう！ - よくわかりません
前回、おとうさんにもわかるYコンビネータ！(絵解き解説編) - よくわかりませんというエントリで、Yコンビネータ(不動点演算子)と再帰の絵解き解説をしました。 Yコンビネータ自身は、結局のところ再帰を産み出してくれるだけです。関数(正確にはλという単純な文字列変換ルール)だけで出来て、プログラミングに関するいろんな原理の研究を可能にするのが凄い訳です。その辺のさわりを、きしださんが解説されています。しかし、単なる再帰なら、実際のプログラミングではYコンビネータなんて使わなくても出来ます。 じゃあ、Yコンビネータとか不動点とかは、偉い学者さんとかが研究に使えばいいもので、普通のプログラマには何の意味もないモノなのでしょうか？ というわけで、今回はポジティブに、Yコンビネータや不動点で出てくる考え方を、理論だけじゃなく、実際のプログラミングに応用する例を見てみましょう。 今回、プログラムの例を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Admiral
作ろうiモード：iモードブラウザ2.0対応DOMについて | サービス・機能 | NTTドコモ