Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
こてさきAjax:インストールメモ：node.js, socket.io - livedoor Blog（ブログ）
node.jsと、socket.ioのインストールメモ。socket.io使った場合の簡単なWebSocketサンプル（チャット）含め備忘録（on centOS5 dti-vps)
こてさきAjax:WebSocket + node.jsでAudio Streaming - livedoor Blog（ブログ）
第７回のHTML5とか勉強会で、羽田野さんにAudio Data APIを教えていただいて依頼、やりたかったことがあります。それは、AudioをWebSocketを使ってストリーミング配信すること。これが出来たので紹介します。 音声ストリーミングは、リアルタイム系のサービスの中では難しい部類の一つ。遅延がひどいと、自然なコミュニケーションが難しく、またネットワーク転送中にジッタ（データ到達間隔が揺らぐこと）が起きると、音がプツプツ切れたり間延びしたりと明らかに違和感が生じます。インターネットでは、厳密な意味でのQoS制御は困難ですので、どうしても遅延やジッタが生じますし、これらのパラメータはネットワーク転送だけでなく、サーバーークライアントでの実装ももろに効いてきます。 といったわけで、音声ストリーミングみたいなサービスがブラウザ＋Javascriptだけで出来たら、結構嬉しいよな〜やりた
普通の業務系Java PGでなくても一度はハマる？JavaScriptのthisの奇妙な振る舞い - 達人プログラマーを目指して
先日書いた普通の業務系PGには意外と知られていないJavaとJavaScriptの相違点10選 - 達人プログラマーを目指してでは、これからJavaScriptを本格的に勉強する層のプログラマーの人を対象に、JavaとJavaScriptの違いを理解する上で重要な１０個のポイントについて説明しました。いただいたコメントの中には、JavaScriptとJavaは当然まったく別の言語で、比較すること自体問題であるという趣旨のご指摘もいただきました。確かにその通りなのですが、実際、業務で本格的なプログラムの開発はJavaでしかしたことがないという開発者は結構自分のまわりにはたくさんいますし、時代の流れから言って、これから初めて本格的にJavaScriptを書くという人も今後たくさん出てくるのではないかと思います。そういう人にとっては、やはり、違いを意識するところから入っていくというのは学習のアプ
普通の業務系PGには意外と知られていないJavaとJavaScriptの相違点10選 - 達人プログラマーを目指して
以前はJava EEの普通のWebアプリケーションで、JavaScriptはあくまでも利便性のために補助的に使うものという認識がありましたが、さすがに最近では普通の業務系のSI案件でもテーブル表示や入力補助などで高度なAjaxライブラリーの使用が当たり前のように求められるようになりつつあります。サーバーサイドのJavaScript技術といったものもありますが、そういった新しい技術を使わないまでも、ごく普通にある程度大きなJavaScriptの作成が必要になってきているということです。 もちろん、JavaとJavaScriptはその名前にかかわらず、本来全く別の言語です。しかし、意図的に似た構文でロジックが書ける*1ため、兄弟の言語として認識している人も意外に多いのではないかと思います。しかし、使用できるライブラリーに違いがあるという点が一見してわかる最も大きな違いですが、基本的な言語の文法
twitter にはるリンクを作る bookmarklet - techlog
ちょっと検索すれば出てくるようなもので、たいしたことはないけど自分用のメモとして。 いつもblogを書くときに、他のサイトへのリンクをはることがある。よくある。 だから以下のような bookmarklet を作って、bookmarkバーに登録している。 javascript:window.prompt('','<a href="'+location.href+'" target="_blank">'+document.title+'</a>');void(0); こんな感じのポップアップがでる。 こんな感じのリンクができる。 <a href="http://d.hatena.ne.jp/j7400157/20110423/1303530979" target="_blank">シュナの旅 - techlog</a> 最近だと、twitterにURLをはることが多くて、いちいちタイトルとUR
@blog.justoneplanet.info
メモ。 ■ZipInputStream Zipはzip化されたデータとヘッダー情報から成る。 public static String readZIPStream(InputStream inputStream) throws IOException { String str = ""; String readed; ZipInputStream zis = new ZipInputStream(inputStream); InputStreamReader inputStreamReader = new InputStreamReader(zis); BufferedReader bufferReader = new BufferedReader(inputStreamReader); while (zis.getNextEntry() != null) { while ((readed
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
月のオリジン - bkブログ
スクリプト言語の挙動について、コマンドラインから試すには次のように実行します。 % perl -le 'print((localtime)[4])' 0 % echo "print ((new Date).getMonth())" | js 0 % ruby -e 'p Time.now.month' 1 % ruby -rdate -e 'p Date.today.month' 1 % perl -MDateTime -le 'print DateTime->now->month' 1 % perl -MTime::Piece -le 'print Time::Piece->new->mon' 1 % python -c 'import time; print time.localtime()[1]' 1 % python -c 'import datetime; print datet
188BET - Link Vào Nhà Cái 188Bet PC Và Mobile Chính Thức 08.2025
188BET – Link Vào Nhà Cái 188Bet PC Và Mobile Chính Thức 08.2025 188BET là nhà cái cá cược casino và thể thao trực tuyến uy tín, đẳng cấp số 1 Châu Á. Với nền tảng công nghệ tiên tiến, độ an toàn và bảo mật cao nên thu hút hàng triệu người chơi tham gia trải nghiệm thích thú. Nhà cái 188BET cung cấp nhiều thể loại game cá cược đa dạng khác nhau như live casino, game bài, xổ số, nổ hũ, thể thao điệ
オレオレ専用のはてぶWebアプリを作る - ふにゃるんv2
前回、ローカルアプリケーションキャッシュ機能を使って、Xmarksに替わる、オレ専用のブックマークWebアプリを作る - ふにゃるんを作った訳ですね。 それから更に調子に乗って、オレオレ専用のはてぶWebアプリを作ってみました。 何で作ろうと思ったか iPodというかiPhoneには、元々はてぶアプリがあるんですが、出来るのはブックマークかWebブラウジングのみ。 iPodのはてぶアプリで、ブックマークしようとすると、以下の問題に突き当たります。 無線LANといえど、パソコンでWebブラウズする方が視認性が良いし速い。 (現在の所、iPodのWebブラウズは補助的に使っている状態。未だにメインはパソコンなんですね) ブックマークする際、タグをiPodで打ち込むのは、恐ろしい苦行なり。 (ブラインドタッチに慣れているので、思考と入力が一致しないのは、恐ろしく不便) パソコンでは、オレ専用のブ
Amazonからカーリル(全国図書館検索)へ飛ぶブックマークレット - Koonies/こりゃいいな！
⇒ greasemonkey版はコチラへ 全国4300以上の図書館から貸し出し状況が検索できてしまうという超絶便利！なカーリル。同じく普段からよく使ってるAmazon。 この２つをむすんじゃえ！と作ったのが今回のbookmarklet（ブックマークレット）です。 ★ スクリーンショット Amazon.co.jp： 必死のパッチ: 桂 雀々: 本 ↑ アマゾンの商品ページで実行すると、↓ カーリルの個別ページにジャンプします。 必死のパッチ | カーリル ★ インストール javascript:if(location.href.search(/[^0-9A-Z]([B0-9][0-9A-Z]{9})([^0-9A-Z]|$)/)!=-1){void(location.href='http://calil.jp/book/'+RegExp.$1);} ブックマークに登録するには一旦このページを
jQuery Mobile [基礎編]
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Titanium mobile で開発を始める時に役立つ情報のまとめ | astronaughts.net
かなり熱くなってきた Titanium mobile 去年あたりから JavaScript で iPhone や Android のネイティブアプリが開発できる Titanium mobile が注目を集めています。実は僕も、この Titanium mobile を使用してアプリを開発しています。まだ何もリリースできていませんがっw Titanium mobile の情報は、有志の方々がドキュメント等を日本語でまとめてくださっているんですが、まだまだ細かい情報が少なく、分散してしまっているのが現状のようです。 そこで、自分が集めた情報を一度まとめてみました。これから Titanium mobile を触ってみようと思われる方は一度目を通してみてください。 Titanium mobile 入門関連 まず Titanium mobile を触る前に必ず見ておきたいサイトです。 チュートリアル
HTML5 Drag and Drop API についてのまとめ 〜その１ 概要〜 - COBALT
UIとして 例えばどこかのサイトでメモしておきたい画像があったとして、 それを自分のオンラインストレージに保持したいというシーンがあったとする。 これまでは対象の画像を右クリックして画像のURLをコピー。 そしてアプリ上に入力フォームを表示する操作の後、先程のURLを入力して決定ボタンを押す。 といった操作によって対象の画像をメモするフローが多数を占めているかと思う。 この操作は大きく見ると大体６ステップのユーザ操作が必要となる。 もしこの操作を Drag and Drop により実装すると、対象画像を指定領域にドロップする。 以上の操作で行うことが出来る。 という事で効果的なUIのためにも、新しいアプリの可能性のためにも、Drag and Drop API は素敵。 ＜ みんな知ってる 実装 まずはdrop領域に対して以下のイベントを付与する。 drop dragover dropを実現
node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ
かれこれ2ヶ月くらい、ちまちまと作り続けていたのがようやく動くようになったかなーという状態になったので公開してみる。 http://www1216u.sakura.ne.jp/livecoder/ 公開停止しました 手元のMacでChrome, Safari, Firefoxでは動いていた。IEは知らない。 ソースはGithubに。 https://github.com/sugyan/live-coder 使い方 Twitterでsignin。 /edit のエディタ上でテキストを編集すると、 /view/ でリアルタイムに編集が反映される(こちらはread only)。 同じユーザのページを見ているユーザ同士でのテキストチャットが可能。 構成 Server node.js v0.4.1 ライブラリはnpmにて socket.io, express, ejs, oauth, configを
JS でプレゼン用スライド : web dimension maker
社会人になって初めて社外でプレゼンさせて頂く機会があり、折角なのでスライドを自作しました。 事前に kutil.js という DOM を操作するためのライブラリぽいものを自作していたので、これを使って作りました。( 発表で実際に使った時とは少し変わっていますが。) プレゼン テンプレート 動作確認 Win XP : FF3.6, Chrome9, IE6/7/8 Mac 10.6 : FF3.6, Chrome9, safari5 Opera は動かないです。。気が向いたら対応します。。JS 切っても大体は見れます。 CSS3 のアニメーションを使うのが時代なのかもしれませんが、色々な勉強会の報告を見させてもらうと、まだまだ JS で速度を追求した方が無難なような気がしています。 それにしても IE で JS の速度を出すのは困難です。。もっと修行が必要です。。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
javascriptの関数が変態すぎる
サーバーサイドJavaScriptとHTML5アプリ
jQuery Mobile: Demos and Documentation