Firefox限定 加速度センサーとCSSのTransform2Dをあわせて使う (Kanasansoft Web Lab.)
Firefox3.6からJavaScriptから加速度センサーの値を取得できるようになりました。この手のセンサーは、移動方向というよりも筐体の傾き検出の方が向いているはずなのですが、そのようなデモがあまりないようなので簡単に実装してみました。Firefox3.6から加速度センサーを利用できる環境が必須です。MacBook系であれば大丈夫なはずです。 バージョン3.6のFirefoxは、加速度センサーに対応していますが、Transform3Dには対応していません。逆に、最新のSafariでは既にTransform3Dに対応しているのですが加速度センサーには対応していません。iPhone用のSafariはTransform3Dに対応していますが、加速度センサーは縦横の方向しか取得できません。加速度センサーとTransform3Dの両方に対応したブラウザが登場し、面白いアイディアのものが色々出て
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
DropboxとGoogle Chromeを使っている人ならきっと便利·Drop Box MOONGIFT
Drop BoxはGoogle Chrome用のフリーウェア。Dropboxを使っていて、知り合いにファイルを渡したい時がある。メールに添付するのは面倒なので、Dropbox経由で渡せると手軽だ。そこでいつもはPublicに入れてURLを教え、ダウンロードが終わったら戻す操作をしていた。 これは意外と面倒くさい。そのままのURLでファイルを指定して渡せれば便利だ。そしてそれをGoogle Chrome拡張として実現してくれるのがDrop Boxだ。アドレスバー横のアイコンからファイルを探せるので、Dropboxへのアクセスも簡単だ。 Drop BoxはDropboxのフロントエンドと言うよりも、ファイルの授受を手軽にしてくれるためのツールとして考えた方が良さそうだ。Drop Boxのアイコンをクリックするとファイルの一覧と最近の変更が見られる画面が表示される。 そこでファイルを選ぶと自動的
Ruby,Python,PHP,JavaScriptでマルチプラットフォームなデスクトップアプリを簡単に作成する Appcelerator Titanium Desktop - 仙台 Ruby Vim JavaScript フリーランスプログラマ
古いエントリーなのですが、まだ時折検索エンジン経由？でいらっしゃる方がいるみたいなので追記 Titanium Desktopは今はTideSDKと変わってオープンソースプロジェクトになっています。 いいたい事を先に。 Ruby,Python,PHP,JavaScriptやってる人でデスクトップアプリ作成に興味ある人は Appcelerator Titanium Desktop さわってみるといいと思います。OS X, Windows,Linuxとマルチプラットフォームなデスクトップアプリをhtml,JavaScript,Ruby,Python等の慣れ親しんだ技術で簡単に作成、公開することができます。 予想以上にブクマされてるみたいなので、Titanium Desktopの特徴を箇条書きですが追加しておきます。 一言で言えばJavaScriptで記述するAdobe AIRのようなRIAフレー
[訂正版] Javascriptでクラスを継承する
Photo by spud murphy 先ほどの記事のコードにミスがあり、継承を行うと、親クラスも書き換えてしまうバグがありました。コメントやTwitterで報告いただいた方々ありがとうございます。 あの後、調べて見れると、あまりスマートに継承を実現する方法は無いみたいですが、ユーザが作ったクラス(StringなどのAtomic型を除く)は下記のコードで継承が行えます。 特に、Array型を継承するのは、無理なようです。[]を上書きできないので、どうしようも無いみたいです。残念。 <body> <div id="result"></div> <script> var puts = function(str) { var el = document.getElementById('result'); el.innerHTML = el.innerHTML + str + "<br/>";
![[訂正版] Javascriptでクラスを継承する](https://cdn-ak-scissors.b.st-hatena.com/image/square/8654bdfe61d588ff1dc15a48f5c38213ed32d271/height=288;version=1;width=512/http%3A%2F%2Ffarm3.static.flickr.com%2F2240%2F2219132087_373029368d_m.jpg)
ヒューリスティックにキーワードを決めてググるVimperatorプラグイン - hitode909の日記
見ているページのよく分からない言葉で検索したい，ということがよくある． よく分からない言葉を自分で打ちなおすのは疲れるし，マウスで選択するのもめんどくさいので，自動的に抽出したキーワードを提示して，そこから選ぶだけで済む，というVimperatorプラグインを作った． なにかページを見ていて，:heuristicsearchすると，ページ内のキーワードが自動的に出て，そこからいろいろ選んで，検索できる． 動画を撮って下にアップロードした． 2010-02-14_1507 - hitode909's library 仕組み まず，extract-content-javascriptを使って，いま見ているページの本文を抽出する． 次に，抽出した本文をYahooのキーフレーズ抽出APIに渡して，キーワードと，そのスコアを取得する． これで取得したキーワードとスコアを検索キーワードの候補として出し
サーバーサイドJavaScript - 檜山正幸のキマイラ飼育記 (はてなBlog)
amachangの「IT戦記」からトラックバックをいただいていたので、「なんだろな？」と思ったら minidom.js のこと。一瞬「それなんだ？」と思ったが、僕の放置ウェアだった。 amachangの同記事に曰く： まあ、ともあれ JavaScript がサーバーサイドで動くってーのはめっちゃ楽しいですね！ サーバーサイドでJavaScriptをやりたいなら、Helmaがありますよ*1。僕がやっている某社内勉強会で取り上げたことがあって、簡単な解説が次のページにあります。 http://symple.jp/85.html http://symple.jp/100.html 上記ページから引用すると： Helmaは「多年にわたり数多くのサイトで採用された、安定したソフトウェア」だそうです。それでも日本ではいまいち普及していないらしい（Helmaの詳しい日本語ページが見つからない、 Helm
サーバーサイド jQuery をやってみる！ - IT戦記
最近、社内で PHP Spidermonkey が流行って（？）いるようです＞＜！ Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScript id:ama-ch さすがです＞＜ というわけで 僕も、 PHP の Spidermonkey でどのくらいのことが出来るのか試してみました＞＜ まず、 Hello, world! <?php // new して $js = new JSContext(); // print 関数作って $js->registerFunction(function($v) { print $v; }, 'print'); // こんにちはこんにちは！ $js->evaluateScript('print("Hello, world!!")'); Hello, world!おおお、簡単！ 次は、 id:m-hiy
mixi app framework mist.jsを開発しました : tech.kayac.com - KAYAC engineers' blog
KAYACモバゲー参入に伴いAmazon Web Serviceと格闘中のagoです。 弊社ではPC版mixiアプリもいくつか作成しておりますが、今回そこで得られたノウハウを集めてmixiアプリ フレームワークを公開しました。 ソースコード github opensocialに関しては過去にjquery.opensocial-simple.jsを公開しておりますが、社内からも「JSなしでmixi appを作りたい」と言う要望もあり、今回frameworkの形で公開いたしました。 コンセプト JSを書かなくてもそこそこリッチなmixi appが作れるフレームワーク 機能 OWNER、VIEWER情報の取得 マイミク情報の取得 指定mixi IDユーザ情報の取得 画面遷移の制御 表示領域の自動調整 「日記に書く」リンクの自動設定 アクティビティの発行 「友達を誘う」機能の追加 詳細はgithu
選択範囲をGistに保存するBookmarklet(再掲) (Kanasansoft Web Lab.)
このブックマークレットを公開したあと、CSRFではないかと指摘を頂きました。 仕様と考えていたのですが、確かにセキュリティホールにも見えたため、一旦記事を削除し、GitHub社に問い合わせました。 回答は、「コマンドラインやサードパーティ製のアプリケーションからもGistを作成できるようにするための仕様」との事なので再掲載します。 ちなみにこのAPIは将来的に削除する可能性もあるとの事です。 追記ここまで /* ================================================================================ Name : 選択範囲をGistに保存するBookmarklet Ver1.0.0 In : [none] Out : [none] Note : 選択範囲の文字列(utf-8のみ)をGistに保存します。 -------
ウェブページから NG ワードを消すグリースモンキー - IT戦記
id:otsune さんの RT 論を読んで あと「公式RTだろうが非公式だろうが返信だろうが何でもいいけど、オレはタイムラインに◯◯の文字が見えるのが嫌なんだ」って要望は3年前から存在する。オレの持論は何十回も言ってるけど「すべてのブラウザはNGワード機能を搭載すべき」 @otsuneさんのRT論 - Togetter なるほどー、たしかしー というわけで グリースモンキーを書いて見たよ！ こんな感じです 良かったら使ってください！ NG ワードのところに好きな単語を書き込むと、その単語を含む要素が消滅します！*1 // ==UserScript== // @name NG Filter! // @namespace http://d.hatena.ne.jp/amachang/ // @include http://* // ==/UserScript== (function() {
javascriptプログラマのレベル10 : tech.kayac.com - KAYAC engineers' blog
週末料理をしていて足を切ってしまいました。agoです。 以前Perlは書いていたんですが、その頃以下の記事を読んで非常に感銘を受けました。 Perlプログラマのレベル10 - Perlプログラミング救命病棟より - naoyaのはてなダイアリー 当時あまりコミュニティとのつきあいがなかったので、「自分のスキルの絶対位置」、「次のレベルへ行くために必要なもの」を知ることで非常に安心感を感じた記憶があります。 いま確認したところ、「JavaScriptプログラマのレベル10」はないようなので書いてみました。 Perlプログラマ Schemeプログラマ Rubyプログラマ （本家に直接リンクできるURLが無かったため、参照ページへリンクしています） haskellプログラマ 堕落したCプログラマ HTML知識レベル プログラマレベル 企業法務 JavaScriptの業務スキルレベル 判別表 （５
jQuery1.4aでのlive event/special event - monjudoh’s diary
BPStudy#28 : ATNDの発表資料。 スライドなどは用意しておらず、これで発表する。 自己紹介 技術方面でのキーワード jQuery 主にevent周りを追っかけている Mercurial 俺々管理からチーム開発まで、開発をより上手くまわせるバージョン管理の仕方を追求中 Struts2 今仕事で使ってる 気に入った 技術者相手では名前で損してる印象 Python Be PROUD社員だったりDjango・Pyhonハッカソン、Python温泉によく参加してたりで誤解されがちだが全然書けない Perlの方がまだ書ける Be PROUD 株式会社ビープラウドの社員 ついったでbeproudハッシュタグ付き発言を時々している 今日の本題jQuery1.4 先日jQuery1.4のアルファ版がリリースされた。 jQuery 1.4 Alpha 1 Released | Official
App Engine JavaScript SDK
Welcome to App Engine for JavaScript! With App Engine, you can build web applications using the JavaScript programming language, and take advantage of the many libraries, tools and frameworks for JavaScript that professional developers use to build world-class web applications. Your JavaScript application runs on Google's scalable infrastructure on top of Java and Rhino, and uses large-scale persi
ATNDのイベント画面にGoogleカレンダーへ予定を登録するボタンを追加するブックマークレット - hagino3000's blog
こんな感じになります。 2009-12-17:Safariで動かなかったので修正しました。 コード javascript:(function(){var eventId=window.location.pathname.match(/([0-9]*$)/);$.getJSON('http://api.atnd.org/events/?event_id='+eventId+'&format=jsonp&count=1&callback=?',callback);function callback(res){var e=res.events[0];var action="TEMPLATE";var text=e.title;var desc=e["catch"];var loc=e.place;var startT=formatToUTCDate(e.started_at);var endT=
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[mac][emacs] Cocoa Emacsを始めるにあたって入れてみた拡張とか.emacsの現状とか « 岩家ぶろぐ
http://d.hatena.ne.jp/umezo/20100131/1264949775
JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ
Google Code Archive - Long-term storage for Google Code Project Hosting.
Site Under Maintenance
