JavaScript

東京Node学園 1時限目 メモ

東京Node学園 1時限目 : ATND var memo = { opening: [ { speaker: '@meso', title: 'ご挨拶 / 5分でわかるNode.js', contents: [ 'http://tng1.mesolabs.com/', 'キーワードはイベント駆動, 非同期(non blocking)', '簡単に早い非同期サーバが書けるよ!' ]…

JavaScriptで住所入力支援 その2

JavaScriptで住所入力支援 - すぎゃーんメモ にて、id:sun-basix氏から「google maps apiのGeocoderクラスを使った検索は?」とツッコミをいただきました。全然その発想がなかった… orz というわけでgeocoderバージョンを作り直してみました。 forked from: …

JavaScriptで住所入力支援

「郵便番号から住所を補完する」的なJavaScriptはよくあるけれど、「郵便番号も分からない見知らぬ土地の住所を入力する」というときに簡単に入力できるものがあればいいな、と思ってちょっと作ってみた。 http://www1216u.sakura.ne.jp/address/ 最初のロー…

instagram #prayforjapan map

続・ #prayforjapan を眺める - すぎゃーんメモにて、過去のものも取得できるようになったので、これだけの数があれば位置情報付きで投稿されているものも多いのでは、と思いGoogle Mapsとマッシュアップしてみた。instagram #prayforjapan photo map - jsdo…

Shibuya.jsに行ってきた

Test.jsを聴きにいきました。 http://shibuyajs.org/articles/2011/02/28/test Shibuya.js - Test.js : ATND 以下、自分メモ。敬称略です。 var memo = { main_talk: [{ title: 'さいきんのCUIでのJavaScriptテスト', speaker: 'hotchpotch', contents: [ //…

javascriptのquine

404 Blog Not Found:perl - Quine.pm で(ほぼ)あらゆるPerl Scriptをquineに http://d.hatena.ne.jp/shinichiro_h/20081102#1225569359 こういう方法でquineを書けたのですね…。 SpiderMonkeyなら eval(s="print('eval(s='+s.quote()+')')") と書けるようだ…

node.jsでsymbolic quine

node.jsにはfile systemを扱うライブラリがあるので、実行スクリプト自らのファイルを読み込むことでquine的なプログラムを簡単に書ける。 process.stdout.write(require('fs').readFileSync(__filename)) $ node -v v0.4.2 $ cat quine.js process.stdout.w…

JavaScriptでInstagramのWeb UIを作る

Instagram APIで、それなりに色々なことができるなーと調べているうちに、「JavaScriptだけでiPhone Appと同等のページを作れるのでは?」と思い、試しにちょっと作ってみた。 http://www1216u.sakura.ne.jp/jstagram/ JSで作ったInstagramってことで"JStagr…

Instagram API が面白いかも

これって実は結構前から使えてたんですかね…? A More Open Platform: The Instagram API http://instagr.am/developer/ とりあえずclientを申請してゴニョゴニョと触ってみました。 Instagram popular photos - jsdo.it - share JavaScript, HTML5 and CSSc…

orion editorで同時編集してみる

node.js+socket.ioでcodemirror editorを同時編集してみる の、続き。 editorを、codemirrorからeclipse orionのブラウザクライアントeditorに乗り換えてみた。 Planet Eclipse 以下のURLで動いています(前回の更新して上書きした) http://www1216u.sakura…

node.js+socket.ioでcodemirror editorを同時編集してみる

node.jsでchatアプリっぽいもの作るメモ - すぎゃーんメモ node.js+socket.ioでライブコーディング的なものを作るメモ - すぎゃーんメモ node.js+socket.io+oauth+SessionWebSocketでログイン付きチャットを作るメモ - すぎゃーんメモ に引き続き、第4弾。 j…

node.js+socket.io+oauth+SessionWebSocketでログイン付きチャットを作るメモ

(※2011/09月 追記: この記事の方法は既に古いので Socket.IOとHTTPセッションの共有は Socket.IO と Express でセッションの共有 - Block Rockin’ Codes などを参考にしましょう) node.jsでchatアプリっぽいもの作るメモ - すぎゃーんメモ node.js+socket.io…

Kodをビルドしてみる

kodapp.com - をちょっと使ってみようかと思いまして。 普通にバイナリ配布されてるからそれを使えば良いんだろうけど、特に意味もなくいちおう自前でビルドしてみた。 kod/README.md at master · rsms/kod · GitHub に書いてある通りにやっていくだけだけど…

node.js+socket.ioでライブコーディング的なものを作るメモ

node.jsでchatアプリっぽいもの作るメモに引き続き、第2弾。 socket.ioを使って、あるtextareaで編集した内容を出来るだけリアルタイムに別のページに反映させるもの、を作ってみた。誰かがライブでtextareaで書いているコードをwebからみんなが見られる、的…

node.jsでchatアプリっぽいもの作るメモ

ようやくNode.jsをさわってみた。 インストール大変そうなイメージを勝手に持っていたけど、全然そんなことはなく $ wget http://nodejs.org/dist/node-v0.2.5.tar.gz $ tar zxvf node-v0.2.5.tar.gz $ cd node-v0.2.5 $ ./configure --prefix=$HOME/local $…

jstudy #2 にいってきた

@hokacchaさん主催のJavaScript勉強会「jstudy」に初参加してきました。 jstudy #2 : ATND jstudy#2 - Togetterまとめ みなさんステキな発表資料をupしてくださっていて助かります。 JavaScript入門講座 by @hokacchaさん function オブジェクトについて by …

jsdo.itリリース!

jsdo.it - Share JavaScript, HTML5 and CSS いやー面白い! HTMLもCSSもJSも自分で書けるから、Webページを自由に作れる…! canvasの描画とかも興味深いけど、自分としてはこれを機に頑張ってjQueryの使い方をしっかり覚えたいです!

高機能ライブラリ「jQuery」とそのPlugin「Validation」

非常に高機能で便利なJavaScriptライブラリとして評判の「jQuery」をちょっと触ってみた。 jQuery Pluginが豊富に存在する、というのも人気の理由のようで。 formの入力チェックをしてくれる「Validation Plugin」というものを使って試してみた。 bassistanc…

連想配列の最後にカンマを入れてはいけない言語もある

Perlのハッシュでは余裕で my %hash = ( foo => 'hoge', bar => 'fuga', ); なんて書き方をしてしまうけど、JavaScriptでは、最後の要素の後にカンマを入れてはいけないらしい。全然知らんかった。 var hash = { foo: "hoge", bar: "fuga" // ここにカンマを…

JavaScriptでSyntax Highlight

ソースコードを載せるのに、そのままでは味気ないと思い色々試行錯誤。 http://www.sugyan.dynalias.com/~sugi/cgi-bin/source_list.cgi Syntax Highlightでソースコードに色づけする方法はいろいろあって非常に迷ったけど、 結局「SHJS」を採用することにし…