モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
【2014年アメリカ】「この曲イケてるわね!」運転しながらSNSに自撮りを投稿した女性→直後にトラックと正面衝突して即〇「スマホわき見運転正面衝突事故」【ゆっくり解説】
小川 明彦, 阪井 誠 : チケット駆動開発 日本のソフトウェア開発の現場で生み出された「チケット駆動開発」という概念を、数多くの実例を元にモデル化・体系化を試みた最初の本。 小川 明彦, 阪井 誠 : Redmineによるタスクマネジメント実践技法 Redmineによるチケット駆動開発の実践技法に関する最初の本。アジャイルなソフトウェア開発への適用方法、TestLinkによるテスト管理手法についても言及。 清水 吉男: 「派生開発」を成功させるプロセス改善の技術と極意 組込システム開発をベースとして、ソフトウェア開発特有のスタイルである派生開発、特にXDDPについて解説した世界でも稀な本。既存製品を保守するのではなく継続的に機能追加していく昨今の開発では、派生開発特有の問題を意識しなければならない。XDDPはプロセス論だけでなく、要件定義などの上流工程の品質改善にも役立つので注意。 Le
メモとして書いたGoogle Chrome 10以降の注意点でのフォントのフォールバックの問題は解消されていない上、stableも10になってしまったのでこのメモの方法はもう通用しない(Google Packだとまだ9系統かも)。が、昔のフォント設定ダイアログを呼び出す方法があるので、それを使ってフォント設定をしてやれば回避できる。 やり方は任意のウェブページの入力エリアのコンテキスト・メニューからスペルチェックのオプション→言語設定と辿るだけ。 すると以前のフォント設定ダイアログが出てくるので、そこで改めてフォントを設定してやればちゃんとそのフォントがフォールバックされるようになる。 フォントのフォールバックとは、CSS等で指定されたフォントに含まれてない文字を表示する時に使うフォントを決定する仕組み……のことを指す(正確になんというものかはよく知らない)。この仕組みによって、 font
伊人精品久久久久7777,亚洲人成人网站在线观看,亚洲日韩精品无码AV海量,坐公交车被C了2个小时,暖暖 日本 视频 高清在线观看,免费网站正能量WWW软件直播,亚洲AⅤ精品一区二区三区
小川 明彦, 阪井 誠 : チケット駆動開発 日本のソフトウェア開発の現場で生み出された「チケット駆動開発」という概念を、数多くの実例を元にモデル化・体系化を試みた最初の本。 小川 明彦, 阪井 誠 : Redmineによるタスクマネジメント実践技法 Redmineによるチケット駆動開発の実践技法に関する最初の本。アジャイルなソフトウェア開発への適用方法、TestLinkによるテスト管理手法についても言及。 清水 吉男: 「派生開発」を成功させるプロセス改善の技術と極意 組込システム開発をベースとして、ソフトウェア開発特有のスタイルである派生開発、特にXDDPについて解説した世界でも稀な本。既存製品を保守するのではなく継続的に機能追加していく昨今の開発では、派生開発特有の問題を意識しなければならない。XDDPはプロセス論だけでなく、要件定義などの上流工程の品質改善にも役立つので注意。 Le
2011年4月22日追記:元ネタである、「魔法少女まどか☆マギカ」が無事最終回を迎えたため、記念としてアップデートしました。魔法Vim少女の設定を追加したため、人物の名前を改変。 ※:元ネタはlingrでのやりとりです。しかし、改変をしたり、新たな設定を付け加えています。 ついカッとなってやったが、満足している。 大本のネタである、「魔法少女まどか☆マギカ」についてはこちらを参照してください(Wikipediaへのリンクです)。 『魔法Vim少女 えでぃか☆エディタ』(まほうびむしょうじょ えでぃかえでぃた)は架空のテレビアニメ作品。20XX年1月より放送……されることはない。 あらすじ 三度の食事よりVimが大好きな、普通の中学2年生の「えでぃか」は、ある日不思議な夢を見る。そこは少女がコーディング能力を競ってエディタ戦争を行う異世界。その少女の戦いを目撃する自分と、謎の猿の生物に「僕と
ここ数年、アップルの快進撃が止まらない。 携帯音楽プレーヤーとして不動の地位を築いているiPod、スマートフォンの代名詞ともなったiPhone、薄型化されたiPad 2(現在発売延期となっている)など、出す新製品が毎回、話題を集めている。数年前まで単なるパソコンメーカーだったアップルも、今や最新のデジタル家電扱う企業として認知されるにまで至った。iPodやiPhoneなどに触れて、そのシンプルな使いやすさにホれた人も多いだろう。 そこでぜひとも視野に入れたいのが、Windows機からMacへの乗り換えだ。 今、Macにはどんな機種があって、自分は何を買えばいいのか。そして既存のユーザーがMacのどこに便利さを感じているのか。本特集では、特に日本で人気の高いノート型Macに焦点を絞って、余すことなくその魅力をお伝えしていこう。 第1回では現行機種を整理して、Mac/Mac OS Xの特徴をま
PS3/360『大戦略PERFECT』(8190円)のグラフィックがセガサターンレベルな件 2011年03月21日11:40 サード コメント( 73 ) Twitter はてなBM システムソフトアルファーの新作はこれだ! 823 名前:名無しさん必死だな[sage] 投稿日:2011/03/21(月) 10:34:10.22 ID:xvbwCbBj0 [3/13] さっそくクソゲー候補きましたな http://www.ss-alpha.co.jp/products/dsp_hd/ 835 名前:名無しさん必死だな[sage] 投稿日:2011/03/21(月) 10:35:52.42 ID:fI1cBPfj0 [2/5] え?これPS3でも出るの… 838 名前:名無しさん必死だな[sage] 投稿日:2011/03/21(月) 10:36:20.38 ID:eEtKOYQY
なかなか眠れないから時間潰しに GAE で Twitter の bot 作ろうと思って、「Pythonのマイクロフレームワーク「Flask」ならApp EngineのTwitter Botが15行で書ける」っていうからコピペしたんだけど、できねーよって寝たのが昨日。そして今日。睡眠中に啓示を受けて、そういえば去年 Twitter では Basic 認証使えなくしたんじゃなかったっけと思って調べてみたらその通りでした。エラーメッセージをちゃんと読まないとこういうことになる*1。恥ずかしいですね。この記事の時点では、Twitter で Basic 認証が使えてたから 15 行で書けてたけど、今は OAuth 認証を使わきゃいけないので 15 行じゃ書けない。 #coding: utf-8 import tweepy from random import choice from flask im
Mac OSX (Snow Leopard) で、MacPortsのRuby1.8.7を使っているが、1.9.2も使いたいので、RVMでRuby1.9.2をインストールしてみた。 RVMのインストール $ bash < <(curl -s https://rvm.beginrescueend.com/install/rvm) $ echo '[[ -s "$HOME/.rvm/scripts/rvm" ]] && . "$HOME/.rvm/scripts/rvm" # Load RVM function' >> ~/.bash_profile RVM: Ruby Version Manager - Installing RVM RVMのアップデート $ rvm get latest RVM: Ruby Version Manager - Upgrading RVM rvm get lat
MacBook Pro(Early 2011) 15-inchのお話。 普段はほとんど熱を発しないMacBook Pro(Early 2011) 15inchですが、それでも負荷を掛けるとかなりの熱を発するようになります。 熱を持つぐらいであれば特に問題がないのですが、本体を机の上にベタ付けで置いてフルパワーで使うと画面の描画が止まるようになりました。 具体的に次のことを行った時に停止しました。 Parallelsで1つのゲストOSで3Dベンチマークを走らせている状況で、別のゲストOS(Windows 7)を立ち上げる。 QuickTime Playerで画面収録を行いながらMacPortsのビルドを行う。 MacPortsのビルドぐらいでは問題ないですが、GPUにも負荷を掛けるような作業を行うと現象が発生します。 画面の描画が停止すると、キー入力してもトラックパッドを操作しても画面上は無
pywinautoはPythonを使ってWindowsアプリケーションを自動操作するライブラリ。 pywinautoはPython製/Windows用のオープンソース・ソフトウェア。コンピュータは繰り返し作業するようなものや定型作業を自動化するのが得意なのだが、デスクトップ等ではGUIになっておりマウスを使った操作が多いために自動操作がしづらい。 メモ帳を開いて入力した所 だが日常業務を行っている中で、同じ操作を繰り返し行うことは多々ある。WSHのようなWindowsと親和性の高いスクリプトを使っても良いが、 Pythonのが使いやすいという方はpywinautoを使ってみるといいだろう。 pywinautoはPythonを使ってWindowsのGUIアプリケーションを操作できるライブラリだ。Pythonの対話型インタフェースを使って、アプリケーションを起動してメニューを辿ってボタンを押し
<td valign="bottom"> <span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #666666;">プロセッサー </span> </td> <td style="width: 7px; min-height: 7px;" width="7" valign="top"> </td> <td valign="bottom"> <span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #666666;">インテル Core i3-380M プロセッサー (2.53GHz, 3MB L3, 1066MHz)</span> </td> <td valig
Google検索は最も使うサービスの一つだと思うので、できる限り快適にしたいです。いろいろいじってたのがやっと落ち着いたので設定のメモです。 まずはGreasemonkeyから Twitter search(ja) result on Google for Greasemonkey 検索結果にTwitter検索の結果を表示する En Google modified by Gulfweed 検索中に言語の切り替えを簡単に行える Remove Google Redirection for Greasemonkey 各ページへのリンクにGoogleのリダイレクトを挟まないようする と、このぐらいで思ったより、Greasemonkeyは入れてない感じします。 Google検索自体が結構高機能なので、そこまで機能を付け加える必要が無いのかもしれないです。(期間指定をもっと簡単にやりたいけど) 後はア
GithubでjqueryでJSON-RPCするためのライブラリを公開していたのだが、何も考えずにPull Requestを取りこんでいたら全く動かない上に、読解不能かつバグの塊の様な状態になっていた。そろそろ自分で使いたくなったのでテストコードを書いてバグfixした。 テストする対象の性質上サーバーが必須になるので、今調査中のnode + expressで用意する事にした。 エンドポイントのコードはこんな風に書いてみた // RPC end point app.post('/rpc', function(req, res) { res.header('Content-Type', 'application/json'); var data = req.body, err = null, rpcMethod; if (!err && data.jsonrpc !== '2.0') { on
JavaScript SDK facebookのリソースにJSだけでアクセスできる。 JavaScript SDK - Facebook Developers http://developers.facebook.com/docs/reference/javascript/ ドメインの登録 登録できるドメインは一つだけだが。salesforce.comと書いておけば、サブドメイン(e.g. na5.salesforce.com)でも動く。 認証 OAuth2を使っている。アクセストークンの寿命は2日半ぐらい? まだexpireした事が無いが、セッションオブジェクトにexpireというプロパティがありDateオブジェクトに突っ込むと時間がわかる。 回数制限 600 calls/600 secという説*1が流れているが、真相は不明。 SSL 最初にincludeするファイルを https://
TabGroupを使ったやり方と、NavigationGroupを使ったやり方がある。 TabGroupを使う オーソドックスなやり方。 TabGroupを作成し、Tabを追加。 Tabからウィンドウを開くやり方。 Tabにナビゲーションバーで遷移する機能がついている。遷移の状態はTabごとに保持される。 app.js var win, tab, tg; win = Ti.UI.createWindow({url: "first.js"}); win.hideTabBar(); tab = Ti.UI.createTab({window: win}); tg = Ti.UI.createTabGroup(); tg.addTab(tab); tg.open(); タブバーは必要がなければ隠す。 first.js Ti.UI.currentWindow.title = "Window 1";
Latest topics > js-ctypes 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! « msysGitが動かなくなった Main rmで消してしまったファイルやSambaで共有してるフォルダの中身をWindowsから消してしまった場合の復活 » js-ctypes - Mar 20, 2011 js-ctypesはFirefox 3.6から利用できるMozillaの独自の機能で、平たく言うとC言語の実装の中で定義された関数をJavaScriptから呼べるようにするという物。Pythonにctypesという機能があって、それのJavaScript版がjs-ctypes。 加藤誠さんの発表のスライド資料 Using js-ctypes:M
jsdo.itのブログパーツが貼れるらしいので試しに。 WebSocket(Socket.IO)を使ったチャットサンプル - jsdo.it - share JavaScript, HTML5 and CSS サーバサイドはもちろんNodeです。 リアルタイムWebハッカソンでハンズオンしてきました - 自分の感受性くらいで作成したチャットとサーバは共同なので、http://riajyu.mesolabs.com/でも同じログが表示されるのが確認出来ると思います。 認証等は皆無なのでTwitter IDに適当に他人のIDを入力すると簡単に成りすましができます。あと、アイコンの表示にはid:dankogaiのTwitterアイコンAPIを勝手に使わせてもらっています。 サーバサイドの実装も含めてソースはGithubで公開していますが、Nodeがまだv0.2.xの時代に作ったものなのでちょっと
このエントリはリアルタイムWebハッカソンのハンズオン資料その5です。 今回は、前回のチャットサンプルのチャットログを永続化してみましょう。 node.jsは様々なデータストアと連携することができます。 MySQL, PostgreSQLなどのRDBMSももちろん可能ですが、やはりCouchDB, MongoDB, RedisなどのいわゆるNoSQLと呼ばれるものと連携させるのが人気のようです。 特にJSON形式でそのまま格納することのできるデータストアは、JavaScriptから扱うのに都合がいいというのは言うまでもないと思います。 もちろん、node.js製のデータストアエンジンもいくつかあります。有名なのはnStoreでしょう。 今回はdirtyというライブラリを使います。理由は僕が使ってみたかったからです。 インストールは $ npm install dirty で終わり。 ……の
このエントリはリアルタイムWebハッカソンのハンズオン資料その4です。 前回の続きです。それでは次に簡単なチャットアプリのコードを見てみましょう。かなりの部分(特にデザイン面)をSocket.ioのチャットサンプルをパクって参考にしています。 サーバ側であるapp.jsはこんな感じです。 var express = require('express'), io = require('socket.io'), json = JSON.stringify; var app = module.exports = express.createServer(); // Configuration app.configure(function(){ app.set('views', __dirname + '/views'); app.use(express.bodyDecoder()); app.u
Eric Lawrence さんから、IE9 RC Minor Changes List - EricLaw's IEInternals - Site Home - MSDN Blogs の翻訳の許可をもらったので訳してみました。間違い等あれば教えてください。 遡ること9月に、私はIE9のマイナーな変更点のリスト*1を公開しました。今日は、IE9リリース候補版で変更された点について紹介します。注意:このリストは当時言及しなかったBetaでの変更点もいくつか含んでいます。 もちろん、ここには含まれていない多数の変更点があるので、この記事を完全なリストとは思わないでください。また、IEBlog上で論じられているような大きな機能変更については意図的に飛ばしている点にも注意してください。 過去にこのブログで論じた、IE9の新機能や改善点については BetterInIE9タグを検索することで参照でき
みなさんこんにちは (´・ω・`) 元気ですか?僕は元気です…。 さて、node.js 流行ってますね!使ってますか? 僕も2日前から使い始めました。 とりあえず、教科書どおり書いたら、簡単にWebサーバ動きましたのでちょっと感動です! とりあえず、以下のコードを httpd.js として保存して(長いので途中で省略。完全版は http://utf-8.jp/joke/httpd.js にあります)… (+<span data-unlink>)[(</span>[(!<span data-unlink>+</span>)[+<span data-unlink>]+([!</span>]+<span data-unlink>[</span>])[+!+<span data-unlink>+[+</span>]]+(!<span data-unlink>+</span>)[!+<span da
前置き IEでのa要素の各属性について - 文殊堂の続き。 IE 6,7 で相対URL -> 絶対 URL の変換 - #生存戦略 、それは - subtechを参考にして、 cloneNodeハックとlink.hrefによるURLの絶対URL化を組み合わせてみました。 http://jsdo.it/monjudoh/o2Mk http://jsdo.it/monjudoh/9aHd link.hrefによるURLの絶対URL化はIE6,7では使えないので割愛。 検証 IE6 なぜかhostnameがiframeではなく外側のものになってしまっている。 少なくとも短いURLについてはouterHTMLハックを使った場合に各属性の値をちゃんと取れていたので、 そっちを使ったほうが良さそう。 a要素の各属性(cloneNodeハック) ---url.length:11 href:[htt
色々あってa要素でURLをパースするというコードを書いていて色々はまったのでまとめます。 IE6-8でのa.hrefの上限 IE6,7:4096bytes IE8:4121bytes でした。 なお、Firefox,Google Chrome,Safariは1MBとか普通に扱えます。 使わないけど。 http://jsdo.it/monjudoh/8Fm6/read 各属性の取得状況 a.hrefにURLを代入して各属性がどうなるか調べてみました。 URLの長さが短い⇔上限超え outerHTMLハックを使わない⇔使う a.hrefにURLを代入後、別の要素のinnerHTMLにa.outerHTMLを代入し、そのfirstChild(a要素)の各属性を見ること の二軸を変えて調べてみました。 http://jsdo.it/monjudoh/sc82 IE6 a.hrefへの代入で更新され
みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。 赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。 一見ちゃんと描画されているように見えますが、左側の半透明の三角形が、加算合成したような描画結果になっており、少し変です。本来であればもう少し暗い色で描画されている筈です。これは Chrome/Firefox あるいは Mac/Windows を問わず同じなので、今のところWebGL の描画結果を半透明で合成すると確実におかしくなるので、やめたほうがいいと言えます。が、逆に言えば、完全に不透明か完全に透明な部分は正しく合成されるので、限定的には使えるとも言えます。(描画結果にアンチエイリアスがかかっている場
半年ぶりくらいに、Mac OS X のセットアップを行いました。今回はメモを残したので、ここに書いておきます。 システム環境設定 (System Preferences) まずは OS 寄りのところから整備しましょう。 Dock 不要なアプリケーションはすべて Dock から取り除いて、基本的に起動中のアプリケーションのみが並ぶようにします。まったく起動しないアプリケーションが貴重な画面内に領域を取るなんて、以ての外よ!「アクティビティモニタ」と「Quicksilver」は、いざというときにパッと起動したくなることがあるので、Dock に登録しておいてあります。 設定は、こんな感じ。 Expose なんとなくディスプレイの角に割り当ててあります。デフォルトでは Dashboard は「F12」で起動するようになっていますが、これだと Firebug とケンカするので、OFF にしています。
今更ながらJavaScriptのDOM Core基礎 - 三等兵の付け足し。あの記事長いので重くて開けない。 http://www.w3.org/TR/ElementTraversal/ なんぞ? firstChildとかlastChildとかが便利になったやつ。空白ノードとかコメントノードとか無駄なノードをよけて、要素ノード(nodeTypeが1)しか手を出しません。 やってみる // js var oda = document.getElementById('love_story'); alert(oda.firstChild.nodeType); // 3(テキストノード) alert(oda.firstElementChild.nodeType); // 1 alert(oda.lastChild.nodeType); // 3(テキストノード) alert(oda.lastEle
はじめに このエントリでは、node.jsのプログラムを変更した場合に、その変更を自動的に検知して、サーバサイドのプログラムを自動的に再起動してくれるnode-devコマンドについて書いています。 サーバサイドJavaScript Node.js入門posted with amazlet at 13.01.26清水俊博 大津繁樹 Jxck 小林秀和 佐々木庸平 篠崎祐輔 高木敦也 西山雄也 アスキー・メディアワークス 売り上げランキング: 15,665 Amazon.co.jp で詳細を見る node-devは何がうれしいの? 普通にnodeコマンドを使ってサーバプログラムを起動すると、プログラムを編集するたびに、手動で再起動しなくてはいけないません。しかし、node-devコマンドを使うと、プログラムの変更を検知して、サーバプログラムの再起動を自動的にやってくれます。 さて、node.j
(追記: nodejsのバージョンが0.2時代のやり方です。0.4.8でのやり方はnaveを使ったnode.jsインストールと、最近のnpmの使い方 - ラシウラに書きました) (まとめ)コマンドラインJavaScript環境nodejsと、そのパッケージマネージャnpmをいれ、npmからスクリプト言語CoffeeScriptを入れる手順です。CoffeeScriptというのは、rubyベースでpython風味を付け足したような文法のJavaScript環境で動く言語です。以下すべてWindow7 Home Premium x64上で行っています。 nodejsのインストールの仕方は、Building node.js on cygwin (windows) · nodejs/node-v0.x-archive Wiki · GitHub にあり、結果的にこの手順で可能です。 注意点は以下:
「結局、お客様にとってサービスの品質って、画面がどれだけ洗練されているか、なんだよね」 企画や営業担当の方からよく聞く言葉です。全くもってその通り。 でもエンジニアとしては、データの保存と加工、セキュリティを最初に気にしてしまいがち。だから「こそ」、画面のしっかいりしているサービスは「いいサービス」と言えるのでしょう。 というわけで、自分が携わってきた画面(ブラウザ)系のびっくりしたことを紹介します。 まず前提として、自分は普段このようなスタイルでコーディングを行っています。基本的にサーバサイドのアプリを作ることがメイン(Rails 以前はPHP)よく使うブラウザは FireFox。LiveHttpHeaders と FireBugs に惹かれてそのまま開発機は MacOS。テスト用に Linux。windowsテスト機は共有 cookie制限の罠 自分が初めて本格的なjava
以外と誰も書いていなかったので、MacにEclipseをインストールする手順を説明します。 まずは環境から。 環境 OS : Mac OS X 10.6.5 Eclipseのダウンロード ここからEclipseをダウンロードしてきます。 種類は使う言語などに合わせてお好みで選び、Mac OS X 32 Bit or Mac OS X 64 Bitのリンクを押下。適当にミラーページを選びダウンロードする。ちなみに、2010年12月現在のEclipse最新阪は、 Helios (3.6)です。 Eclipseのインストール ダウンロードしてきたEclipseを解凍。解凍して出来たeclipseディレクトリをアプリケーション配下などお好みの場所へ。これでおしまい。 Eclipseの日本語化 解凍した[eclipseディレクトリ]内にある[Eclipse.app]を押下でEclipse
まずはtypeof演算子について。JavaScript Gardenというウェブページがありまして。こういう一文がありまして。 The typeof operator (together with instanceof) is probably the biggest design flaw of JavaScript, as it is near of being completely broken. http://bonsaiden.github.com/JavaScript-Garden/#typeof 訳)http://efcl.info/adiary/Javascript/JavaScriptGarden#k95p17 要するにtypeof演算子は「ヒャッハーtypeof演算子ぶっ壊れてるぜー」ってことらしい。理由が下記の表。 [表1] Value Class Type - "f
DOMに要素が挿入されたときを検出できるのがDOMNodeInsertedイベント。 たとえばajaxで特定の場所が表示されたらDOMに要素が挿入されたときや、ページング系のアドオンやユーザースクリプトでスクロールバーが下にきたら要素が挿入されたときなど、そういったときにイベントを発生させることができます。 要素が挿入されたかどうか検出するには自前でDOMを監視するコードを書く必要がありますが、このイベントを使えば簡単ですね。IE以外の主要なブラウザには実装されています。 しかしこれどうも確認してみたら非推奨になってるらしいんだけど。 http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted あれか。同期的だからかな。何もしらずに使うと面倒なことなりますからね。というかなりました。とはいえ、これに変わるものはない
Joyent Node SmartMachine Private Beta 2010.9.26 JSConf.eu 2010のRyan Dahlのプレゼンで告知 「9 Challenges in Node.js」 発表slide:9 Challenges in Node.js) スライド19/20ページに手っとり早い招待方法書いてる 2010.9.27 googleグループのNode.js MLでJoyentのBrock Whittenがアナウンス Joyent Node Service! - nodejs プライベートベータからパブリックベータ これまでNode.jsの48時間Hack-a-thonNode.js Knockoutの参加チーム限定 Joyentユーザなら使えるように サインアップはCUIで行う ユーザ登録とかwebでもできそうだが、クーポンコードとかは無理っぽい cURL
nodejitsu.com 2010.9.24のエントリ jsdom + jQuery in 5 lines with node.js node.jsでスクレイピング jsdom使うと取得したhtmlへDOMが使えるようになる 慣れ親しんだjqueryのセレクターapi使ってスクレイピング request/http-agentモジュール使って標準モジュール(=http)だけで書くよりもコードすっきり という内容のエントリ サンプルコード修正しないと動かない 以下斜め読んだ内容 スクレイピング たいていの言語がライブラリ色々用意されてる Ruby hpricot nokogiri Python beautiful-soup scrapy Perl pQuery PHP PHP DOM バグなくhtml/css/javascriptをハンドリングするのが難しい サーバーサイドjsにおけるスクレ
自分で作ったオブジェクトのプロパティ数を知りたいときに使えるという触れ込みの「__count__」プロパティの短い生涯 New in JavaScript 1.8.5 JavaScript 1.8.5 の新機能 Fx3系 javascript1.8 「__count__」プロパティ追加 Fx4系 javascript1.8.5 「__count__」プロパティ廃止 ついでに「__parent__」プロパティも廃止 削除の背景 bug 551529 「削除したい」提案にBrendan Eichは一つ返事で「削除。糞磨きみたいな代物だし、ES5で同じことできるだろ」とか「ついでに__parent__も削除」とリプライ Where's Walden? » More changes coming to SpiderMonkey: the magical __count__ property is
面白いものをみてしまったので、僕も少しだけ ref - Titanium Mobileの暗黒ノウハウを公開します。 - このブログは証明できない。 Object の wrap って出来ないね。ってやつ Titanium.Database まわりを実装していたときのことなんですが DB の処理って大半は CRUD しかないから、それらを楽に扱えるように、wrapper を書こうと思って下記のようなコードを用意してみました。 Titanium.UI.setBackgroundColor('#000'); var copyArray = function(obj){ var result = []; for(var i = 0; i < obj.length; ++i){ result.push(obj[i]); } return result; }; var DatabaseWrapper
こんにちは、中川です。 今回もPHPには一切触れないで、node.jsについて書いていこうと思います。 主に開発時に便利なモジュールを紹介いたします。 ■今回紹介するもの ・nvm ・node-dev ・node-inspector ■nvm ・https://github.com/creationix/nvm node.jsはまだまだ開発途上ということもあり、頻繁にバージョンアップが行われています。 現在では0.2系のstableバージョンと、0.3系の開発バージョンがあります。 複数のバージョンをインストールして、簡単に切り替えられるようにするために、 開発環境では、nvmを使っています。 セットアップは非常に簡単で、 $ git clone git://github.com/creationix/nvm.git ~/.nvm $ . ~/.nvm/nvm.sh
// sample.js var Canvas = require('canvas') , http = require('http'); http.createServer(function (req, res) { var canvas = new Canvas(200,200); var ctx = canvas.getContext('2d'); // 四角形描画 ctx.fillStyle = 'rgba(0, 0, 255, 0.5)'; ctx.fillRect(10, 10, 190, 190); // テキスト描画 var text = "Canvas Test"; ctx.font = '30px Impact'; ctx.rotate(.1); ctx.fillStyle = 'rgba(0, 0, 0, 1.0)'; ctx.fillText(text, 10, 1
こんにちは、元スパイシーチキン担当の熊谷です。 先のブログにて「スパイシーチキン」という単語が出てきたのでここ最近のお昼ご飯についてちょっと触れたいと思います。 スパイシーチキン担当を降りてからというもの、私は毎日うちからお弁当を持ってきてそれを食しております。食欲をそそるあのスパイシーな香りを漂わせ軟らかくとけそうなジューシーなお肉のスパイシーチキンとはおさらばし、日本人で良かった!という感じの煮物や大好きな野菜が詰まった野菜中心のお弁当を毎日食しております。 そんなことで、もうスパイシーチキン担当に戻ることはないでしょう。どなたか担当になってください>< ま、たまーに誰かが食しているのを見るとちょっと心が揺らいだりしてしまうのは事実ですが。。。。 ということで、本題です。ここ最近Androidアプリケーションを開発しているということもあり、今回から何回かに渡りAndroid開発について
NCZOnline 2010.9.28のエントリ Why is getElementsByTagName() faster that querySelectorAll()? querySelectorAll()で取得されるNodeListは更新されない(static)件について getElementsByTagName()と比較して 処理の重さや、重くなる訳を仕様書やWebKitの実装を参照しながら説明して この2つのメソッドの使いどころを手短に記す という主旨のエントリ 豆知識 Scott Schillerは今Yahoo!のフェロー id:amachangの2008.3.6のエントリ「IE8 で実装された Selectors API とは何か?」でquerySelectorAll()/getElementsByTagName()の違いは分かりやすく書かれてる 以下斜め読んだ内容 エントリ
MapViewのアノテーション表示処理をカスタムしたくてモジュール作りに走ってみた。 参考リソース 日本語リソースとしては以下のページがとても参考になる。 [Titanium] Titanium Module Development メモ – その1 – それはBlog [Titanium] Titanium Module Development メモ – その2 – それはBlog チュートリアルとして見るとモジュールの設置やtiapp.xmlの編集が抜けていたりするけれども、全体的にスクリーンショット入りでわかりやすくまとまっていてGJなかんじです。 後は本家のPDFを見るべし。 モジュールの作成 モジュールはアプリケーションとは別のプロジェクトとして作成する。 準備 $ alias /Library/Application\ Support/Titanium/mobilesdk/os
禁断の技に手を染めてみたメモ。 しかしながらこの技は相当の技術的負債をともなうため、非推奨。 修正対象のコードのある場所 一度でもアプリをビルドするとproject_dir/build/iphone/Classes以下にTitaniumが生成したObjectiv-Cのコードが展開されるので、これを修正する。 修正されるとちゃんと反映されるのでちょっと面白い。 ただ全てのソースコードの頭のコメントにはもれなく次のような警告が含まれている。 * WARNING: This is generated code. Modify at your own risk and without support. リスク Titaniumが生成したObjective-Cのコードを修正することにはリスクがある。 ちょっと考えただけでもいろいろな面倒の可能性が思いつく。 修正したコードにバグを埋め込んでしまう ク
Appcelerator Developer Center – Use of Jquery windowとかdocumentオブジェクトがないせいで動かないので、空のオブジェクトを定義してやるという方法。 そんなやり方でいいのか。 jQuery 1.5だと上のやり方のままでは動かなかったのでちょっと修正して動いたのが以下のコード。 var window = {}; var document = { getElementById: function(){}, createComment: function(){}, documentElement: { insertBefore: function(){}, removeChild: function(){} }, createElement: function(e){ return obj = { innerHTML: "", append
2011/02/27追記 Ti.includeではなくrequireを使えば以下の黒魔術は必要ない。 あとAndroidでは元々このインクルードパスの問題はないそうだ。 2011/07/24追記 MobileSDK1.7からiOSでも絶対パスでTi.includeできるようになったのでこの技は過去の歴史のひとつとなりました。 本家のQ&Aで黒魔術っぽいやり方を見つけた。 以下のように指定するとどの場所にあるファイルでTi.includeしても確実にファイルをインクルードできる。 Ti.include("../../../../../../../../../lib/bookmark.js") ログは以下のようになる。 [DEBUG] include url: file://localhost/lib/bookamrk.js 「../」の数は多くても問題ない。少ないと問題がある。 Ti.inc
こんにちは、中川です。 今回もPHPには一切触れないで、node.jsについて書いていこうと思います。 node.jsといえば、サーバサイドのV8で動作するJavaScriptのため、 通常、シングルスレッドでの動作となります。 ただ、そのまま使ってしまうと、最近のマシンはマルチコアが当たり前なため、 1コアだけ使うようなプログラムではもったいないということがありますね。 そこで、node.jsでもスクリプトを複数プロセス立ち上げ、 マルチコア環境でも有効に利用できるようにしてくれるモジュールを色々試してみました。 ■環境 Ubuntu10.10 Node v0.4.0 ・spark2@2.0.11 ・cluster@0.2.4 ・fugue@0.1.1 ・multi-node@0.2.2 ※ポート: 3000番 ※Worker数: 2個 // server.default.js var
これは http://anond.hatelabo.jp/20110316202255 の続編です。 GTをやる前に改を書いてくれている人がいてとてもしっかりした内容なのでちゃんと勉強したい人はそっちを見てね! d:id:ryoasai:20110317 - ドラゴンボールで学ぶオブジェクト指向 改 | 達人プログラマーを目指して またオブジェクト指向については d:id:m-hiyama:20080109 いまさらながらだけど、オブジェクトとクラスの関係を究めてみようよ | 檜山正幸のキマイラ飼育記 がとても詳しいです。合わせて読むとかなりしっかりと理解出来ると思います。 変な書籍を買うよりこちらがオススメです。 はじめに(いいわけ)ホットエントリに行くとは思っておらず、皆様ありがとうございます。 「ドラゴンボールをオブジェクト指向にする」というコンセプトではなく、「オブジェクト指向を(
実は最初はMacPortsでgitを入れてたんだけど、perl5に依存するのが嫌で別の方法を探ってgit-osx-installerに乗り換えた。 perl5に依存するのが嫌だった理由はMacPortsのperl5が5.8系で、もっと新しいバージョンを使いたかったからというものなんだけど、あとから調べてみたらvariantsで+perl5_10とか+perl5_12を指定すれば5.10や5.12を入れられることがわかったので、今となってはgit-osx-installerでなくてもいいかもしれない。 けど、せっかくなのでgit-osx-installerでの環境構築手順を残しておくことにする。 git-osx-installerを落としてきて入れる git-osx-installerのサイトからインストーラを落としてきてインストールする。それだけw 名前からしてわかるとおり普通のインストー
1.5.1から追加された機能で、オブジェクトの外見をJavaScript StyleSheetでカスタマイズできる。 コンパイルされたファイルを消してビルドし直さないと修正が反映されないという大きな問題があったが、1.6.0で修正されている。 要はHTMLに対するCSSのようなもの。 構造とデザインを分離できるという利点がある。 でもまだ正直あんまり練れた機能ではないかも。 基本的な使い方 概要 *.jsにあわせて*.jssファイルを作る(ex. app.js => app.jss, menu.js => menu.jss) *.jssでID別、クラス別、オブジェクトのタイプ別にスタイルを定義する *.jsでIDまたはクラスを指定してオブジェクトを作成する *.iphone.jssや.*.android.jssのようにプラットフォーム別にファイルを分けることができる global.jssを
素のJavaScriptでクラスを定義しようとするとprototypeってたくさん書くのがめんどくさい!って思ってたけど、いろんなソース見てたらprototypeにオブジェクトを渡すと言う小技を発見した。 ClassA = function(param) { this.foo = param; }; ClassA.prototype = { foo: "", bar: function() { alert(this.foo); } }; a = new ClassA("HIGE"); a.bar(); これならそこまでめんどくさくない。
TiUIWebViewで作ったアプリ内ブラウザでページをロード中にインジケータがどこにも回ってないのに気がついて、くるくると回るインジケータを表示したいと思った。 ActivityIndicatorは作る方法があるので、このオブジェクトを作ってナビゲーションバーやツールバーに表示してもいいのだけど、今回はステータスバーに小さく表示したかったのでやり方を探した。 探した とりあえず本家のドキュメントやQ&Aを探しても見つけられなかったのでソースにダイヴ。 ちなみにステータスバーのインジケータのオンオフはObjective-Cでは以下のように簡単に書ける。 [[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:YES]; [[UIApplication sharedApplication] setNetwor
Python + FlaskでMVC的なサンプルをつくったメモ。 MVC的な記事まとめ ひとまずMVCについて言及されている記事をまとめ。 MVCはWikipediaが詳しい。 以下は調べた中でもわりと個人的にしっくりきた記事たち。 Web Applicationを綺麗に設計するためのMVACという考え方 - Dive into the Tech World! Re: @kazuho: handlersocket plugin や mycached を使えば memcached は不要か、それとも使うべきケースがあるか。考察せよ [10点] - blog.nomadscafe.jp Life is beautiful: Ruby on Railsの「えせMVC」の弊害 the { buckblogs :here }: Skinny Controller, Fat Model 共通して言われ
2010/12/27 Mac OS X向けエディタ「Kod」 Mac OS Xで動くプログラマ向けのエディタ「Kod」の開発が進んでおり、まもなくベータテストが始まる。JavaScript(Node.js)で拡張可能で、スタイルファイルはCSS3を利用というWebの技術を採り入れている。バイナリのダウンロードは http://kodapp.com/download/ から可能で、ソースコードはGithubで入手できる(https://github.com/rsms/kod)。TextMate 2の開発が進んでいないので期待したい。特徴は次の通り。ファイルの読み込み、ハイライトなどの同時処理実行され、CPUコアごとに分散処理されるNode.jsをベースにした統合スクリプティング環境OS X 10.6の最新APIを使ってスクラッチで書かれている(10.6のみで動作)Chromiumライクなタブ
Vimの.vimrcと.vimフォルダを、Dropboxを使ってWindowsとMacで共有するための手順メモ。主にシンボリックリンクを使ってDropboxに置いたファイル/フォルダへ飛ばす方法だけど、 XPのデフォルト状態ではシンボリックリンクを作れないのでフリーソフトを使う XPでは別ドライブへのシンボリックリンクが作成できない あたりが注意点かな。基本的に普段はWindows 7とMacでVimの設定ファイルを共有しているので、XP絡みはついでに調べた程度。もしかしたら違うかも。 Windows Vista/7 まず、システム環境変数にHOMEを設定する。(例: C:\Users\ruedap) それで、コマンドプロンプトを「管理者として実行」して、HOMEのパスに移動する。最後に、以下の mklink コマンドを実行して、シンボリックリンクを作成する。Windows Vista/7
注意:ここに示したCSSは、実用的な目的には、まだ使ってはならない。何故ならば、-webkitベンダープレフィクスを使っているからである。。これは、webkitの実装がまだ完全ではないことを意味する。 Chrome(というよりもwebkit)がいつの間にか、縦書きを実装し始めていた。つまり、CSS3のwriting-modeプロパティのvertical-rlとvertical-lrをサポートしているのである。まだ、ベンダープレフィクスが必要なので、完全な実装ではないのかもしれないが、少なくとも、ある程度は動くようだ。 例えば、以下の様なマークアップが、 <p style=" writing-mode : vertical-rl ; -webkit-writing-mode : vertical-rl ; font-family : '@MS 明朝' ; font-size : 16pt ;
jQuery Mobile+PhoneGap連携でDreamweaverはスマホアプリ開発ツールに?:D89クリップ(21) jQuery Mobileとの連携機能搭載を宣言したDreamweaver CS5の今後の方向性や便利機能について聞いた。Dreamweaverは「IDE」になってしまうのか? Webサイトをモバイル端末向けに提供したいというニーズが本格化してきた。いち早くjQuery Mobileとの連携機能搭載を宣言したAdobe MAXからはや4カ月(参考:Adobe Max 2010まとめレポート〜アドビのHTML5・jQueryサポート最新事情)。Dreamweaver CS5がモバイルWeb開発ツールへと成長する日は近いのか? 米アドビシステムズでWebセグメント グループ プロダクトマネージャーを担当しているデヴィン・フェルナンデス(Devin Fernandez)氏
来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
emacs の elisp が ruby のソースコードに一通り含まれているらしいので確認する。 $ wget ftp://ftp.ruby-lang.org/pub/ruby/1.9/ruby-1.9.2-p180.tar.bz2 $ tar jxvf ruby-1.9.2-p180.tar.bz2 $ ls -l ruby-1.9.2-p180/misc total 216 -rw-r--r-- 1 hirocaster staff 369 10 2 2009 README -rw-r--r-- 1 hirocaster staff 15271 10 2 2009 inf-ruby.el -rw-r--r-- 1 hirocaster staff 2757 10 2 2009 rdoc-mode.el -rw-r--r-- 1 hirocaster staff 7094 10 2 20
うめぇヨーグルトソースでもいかがですか。個人差にもよりますが。もしよろしければ。 お久しぶりです。 最近うんめぇ〜と思ってるヨーグルトソースがあるので、書いていこうと思います。 ヨーグルトとハーブ類をもりもり使うので、そういうのが食べられない方にはうんめぇソースではないです。ごめんなさい…。もしよろしければお茶だけも…旦~ 【用意する…
JavaScriptjQuery UI の Dialog 機能はダイアログをモーダル表示することができる。サンプルを見ると、背景がグレーアウトされて、手前のダイアログしか操作できないTab キーを動かしてもダイアログからフォーカスを移せないといった動作になっている。いままでいろんなライブラリの擬似モーダル実装を見てきたが、Tab キーを押したらこっそり裏側の部分にフォーカスを移せるものばかりだったので、Tab キーにちゃんと対処していたところに驚いた。どうやって実装してるんだろうと思って jquery.ui.dialog.js を見てみたら、次のように泥臭く実装していた。 // prevent tabbing out of modal dialogs if (options.modal) { uiDialog.bind('keypress.ui-dialog', function(even
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
タイトルなげぇよ。 はい。昨日から、明日の昼まで、関西開発合宿に参加しています。 頭ん中さんの、関西で開発合宿へ行ってきたよ - 頭ん中っていうエントリーが前回の様子とのことです。 開発合宿初めてだったので、何を作ろうか漠然としながら、とりあえず、node.jsの勉強初めているし、TwitterのStreamAPIを使ってみようということで挑みました。 午後、作った内容を発表したら結構ウケていたのでよかったです。 作ったやつ node.jsのホスティング環境がないので、サービスとしては公開できませんが、動画とりました。 アプリの名前 そう簡単には読ませてあげませんったー アプリの概要 昨今、Twitterの見過ぎで、作業効率がめっきり落ちてしまった、ヘビーユーザーに対して、あえて、ツイートを見る敷居を高くするサービスを作ってみようとのことでできあがったものです。 今のところ、こちらのサービ
Writen by Bogdan+ / Comments Off on 100 Awesome CSS/Javascript Plugins and Coding Techniques If you know how to use CSS and Javascript, you can create some impressive websites. Not only that you can do some awesome stuff with them but they also ease you work. In this article you have 100 awesome CSS and Javascript plugins and coding techniques that should definitely be in you toolbox. Use CSS3 to
JavaScriptのテスト初心者向けの書籍。 サンプルコードはhttps://www.packtpub.com/code_download/5906 から直接zipでダウンロードできる。 Time for actionという実行してみようみたいなコーナーがあるためサンプルは常にあった方がいい。 参考レビュー Book Review - JavaScript Testing Beginner's Guide
来る日がそのうちくるかも知れないので、情報が氾濫しないうちにまとめておく。 JavaScript - MDC https://developer.mozilla.org/ja/javascript 恐らく最もJavaScript関係で充実している あんまりトップページからは見ることなく、MDC "調べたい事" で検索している人も多い。 最近では検索結果に出やすいようにバナーを貼って協力を促しています Promote JS! MDCはローカル版もあるので、重いときなどはそちらを利用するのも良いです。 localmdc HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」を公開した。 - こせきの技術日記 少し古いけど、他のリファレンスも一緒になってる。 Under Translation of ECMA-262 3rd Edition http://www2
はじめてのGoogle Chrome Extension Google Chrome Extensionを作成したので、Google Chrome Extensionの作成方法について解説したいと思います。 今回作成したのは、ページがRSSを配信している場合はアドレスバーの右側にRSSアイコンを表示して、アイコンをクリックするとFastladderの登録ページに移動するというもの。ちょっとしたカスタマイズでお使いのRSSリーダー用に改造できる思います。 非常にざっくりとした解説ですが、一連のフローはわかると思います。また、Chromeの各種APIはChrome Extensions API リファレンスを参考にしてください。 最初の準備 まずは、Google Chrome のメニューにあるレンチアイコン→Tools→拡張機能 から拡張機能管理を開きます。 拡張機能管理の右上にある『デベロッ
なんだかんだでMac使い始めてから1年半ぐらい立ちますが、WebサービスやLinuxのアプリばかり使っていてMacのGUIアプリって全然詳しくなっていません。 ググって出てくるMacアプリ紹介系のエントリーだと僕らプログラマーが使うアプリとちょっと嗜好が違ってたりして、Macのプログラマーは実際どんなアプリ使ってるのか気になってました。 MAKES THISのパクリリスペクト元である、ナードな人達にどんなハードとソフト使ってるのかのインタビューを集めたサイト、THE SETUPに我らがイケメン大王defunktことChris Wanstrathが登場したのをきっかけに、プログラマーが実際に使ってると言っているMac GUIアプリを8個選んでみました。(1byte的な意味で) Aquamacs テキストエディタ。フリー。 Carbon Emacs自体Common Lisp勉強時しか使ってなか
Webデザイナーの為の「本当は怖くない」”黒い画面”入門という全9回のエントリーを書きました。周りにデザイナーの方がいれば「怖くないよ」と騙して読ませてください! 最近Web Designingを読みましたが、jQueryの登場回数がハンパ無かったです。もっと黒い画面成分が必要だと思います。連載させて下さい。Web Designingさん! それはさておき、上記記事を書く上で昔のコンピューターの画像を探していたら、今更ながらDEC製品のデザインにヤラれました。 VT100 PDP-11 Manual PDP-11 Manual ターミナルとかマニュアルをこんな素敵にする必要あんの? VT100もPDP11も名前はよく聞くけどもっとイカツイの想像してました。
こんにちは! スマートフォンアプリ開発チームのfaultierです! 得意な口説き文句は「君のprotocolにconformしたい」ですが、今のところ使ったことはありません。 みなさん、普段の開発ではエディタは何を使ってますか? きっとvimかemacsかメモ帳か念力による直接入力を使っていると思います。ちなみに僕はvim派です。出社したらまずはブラウザ・ターミナル・IRCクラインアント・Twitterクライアント・iTunesを立ち上げ、可能な限りその中から出ないことを心がけています。 前回は同じチームのgaoohさんがEclipseによるAndroid開発環境の作り方を解説していましたが、今回はそれに便乗して、出来るかぎりターミナルから出たくない不精者のためのEclipseを使わないAndroid開発環境を作るときに押さえておくべきことを、リーダーに言われてもいないのにまとめてみまし
前回はHTML5で追加された新しい型<input type=date>を取りあげ、未知の型の処理や値のサニタイゼーションについて紹介しました。今回は、バリデーションを中心に実装の問題や今後の懸念について紹介します。 WebKitのdate実装 時間関連の型はOperaで実装していると書きましたが、WebKitでも実装が勧められています。ChromeやWebKitのナイトリービルドで<input type=date>を含むHTMLを表示させると、<input type=number>のようなスピンボックスが現れます。 しかしながら、現時点ではdate型において値のサニタイゼーションが行われません。ですから、誤った値が追加されても、value属性の値が空文字列にはなりません。 というわけで、いま<input type=date>を使う場合は、date型を与えて、input.typeが同じ値を返
Hello, I discovered that the following ES5 code evaluates differently in FF4 than Chrome and Safari. function Ctor() {}; Object.defineProperty(Ctor.prototype, "prop", { value: "prototype", writable: false }); var obj = new Ctor(); obj.prop = "own"; alert(obj.prop + ", " + obj.hasOwnProperty("prop")); Chrome and Safari gives: "own, true". FF4 gives: "prototype, false". Could anybody explain why? gr
昨日shibuya.jsいって、PhantomJSが熱そうだったので入れてみました。PhantomJSはQtWebkitを使ってコマンドラインからGUIが存在しないブラウザを動かすもので、これを使えばJavaScriptのテストを手軽にコマンドラインから動かすことができます。実際にWebkitで動くのでCanvasでもAjaxでもなんでもいけるという優れもの。 インストール インストールは以下にのってるのでこの通りにやってさくっと終了。とくにはまりどころなし。 http://code.google.com/p/phantomjs/wiki/BuildInstructions#MacOSX テストしてみる こういうファイルを用意して test.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>
アプリ申請始めてで色々細かいところで色々はまったのでメモ。 Provisioning Profileをつくる まずProvisioning Profileをつくります。以下の記事が参考になると思います。 目指せ!iPhoneアプリ開発エキスパート:第10回 App Storeでアプリを公開|gihyo.jp … 技術評論社 まずはまったのが、ここでDistributionのタブがでなかったこと。これはアカウントのRoleがAgentの人じゃないとでないみたいです。僕のRoleはAdminでしたorz AgentのアカウントでProvisioning ProfileつくったらそれをTitaniumに登録します。以下のSelect Provisioning ProfileというところにダウンロードしたProvisioning Profileを設定します。 ここで気になるのがSelect Dis
2011年02月14日 URL #!的な話題の関連記事まとめ #!関連のエントリーが調べにくいので目にとまったらここに追記していく。 TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場 NewTwitterとかFacebookのAjaxなURL(#!)を変換する奴を書いた - 金利0無利息キャッシング – キャッシングできます - subtech Tim Bray: 「URLに#!入れるな」 - karasuyamatenguの日記 urlに#!とか入れるなという話と、ひとつのURL≒ひとつのコンテンツという原則の話 さらなる「#!」URL批判 - karasuyamatenguの日記 HOKYPOKY.BLOG » 「#!」を含むURLについて YappoLogs: #!なんか糞だ ツイート Prev E
Peter-Paul Kochの運営するサイトQuirksMode.orgに、HTML5のinput要素に関する互換性テーブルが追加されています。 The new input types HTML5 tests - inputs HTML5 tests - inputs (mobile) デスクトップでは対応状況にばらつきが、モバイルにおいては対応が進んでいない印象を受けます。 さて、記事中でも触れられていますが、今回は<input type=date>といった、時間に関連するinput要素の型についてとりあげようと思います。 HTML5では、時間に関連する6つのinput型が追加されています。 datetime date month week time datetime-local これらの型に充分なかたちで対応するのはOperaです。HTML5のフォーム仕様の漸進であるWeb Form
米10genは3月16日、オープンソースのドキュメント志向データベースシステム「MongoDB 1.8」を公開した。リクエストが多かったというジャーナリングなどの新機能が加わっている。 MongoDBはドキュメント志向のKey-Valueストア型データベースシステムで、SQLを使わない「NoSQLデータベース」と呼ばれるものの1つ。Python、PHP、Ruby、Javaなどから利用するためのドライバも公開されている。 最新版は2010年8月に公開されたバージョン1.6のフォローアップリリースとなる。最大の特徴は、新機能となるジャーナリングストレージエンジンの追加。これにより、クラッシュ時に普及作業が高速かつ安全に行えるという。 このほか、1.6で導入された分散運用機能のシャーディングを改善し、スプリットやバランスなどが高速化し、全体のシステムへの影響が抑えられたという。同じく1.6で加わ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
今年の10月に一般公開されてから、ものすごい勢いで利用者が増えている写真共有サービス (というかアプリ)、「Instagram」。最初は写真とか特に趣味でもないし、別にいいかと思ってスルーしてたんですが、Twitter のタイムラインでもちょくちょく見かけるようになって気になってきたので使ってみました。そしたらこれ、面白いですね。ハマりますわ。 私も写真は撮りますし、興味はあるんですが、本格的に写真にのめり込んでいるわけでもないし、「私、写真が趣味です」 って人にいう程ではないわけですが、それでもこの 「Instagram」 にはハマりました。なんていうか、写真を撮って人に見せるっていうことの敷居を下げてくれるというか、写真を撮ることが楽しくなるアプリですよこれ。 私が面白いと思ったポイントは2つ。 アプリに搭載されたフィルターのマジックで普通に考えれば何でもない写真が、なんかいい感じにな
今日、ログインして気がついたのですが、Tumblr の日本語版がベータ提供開始されていました。ダッシュボードの右側サイドメニューにベータ版提供開始の案内が表示されます。 ただ、Greasemonkey スクリプト関連で一部問題も(後述)。 現在、とても少ない人数で日本語化の作業が行われているとのことで、まだまだ完全な日本語版とはいきませんが、海外の Web サービスは UI が英語でちょっと苦手という人には Tumblr 始める敷居が下がるかもしれませんね。(日本語化の中の人ご苦労様です) ということで、試しに日本語に変えてみましたが… 見慣れないとやっぱ違和感がありますね(笑 少し使ってみましたが、どうも日本語版に切り替えると Greasemonkey スクリプトのうち、「ReblogCommand」 が動作しなくなるようです(英語版に戻すと動作する)。ReblogCommand が使え
JavaScriptにもJavaDocのようなコメントからAPIドキュメントを生成するツールがいろいろとあるため、どのようなものがあるか少し調べて見ました。基本的なコメントの書き方は大体がJSDocと共通しているので、特に言及がなければそのような書き方が通るものが多いです。 JsDoc Toolkit JSDoc(開発停止)の後継であるため最も有名だと思います。 現在はver2で機能追加のリクエストは停止されていますが、JSDoc 3が開発中となっているそうです。 情報量もそこそこあると思うので、APIドキュメント生成ツール関係について調べる時に参考になる。 Closure Compilerなどいろいろなところで使われていたりします。 -JsDoc Toolkitを使う! – トップページ YUI Doc YahooのYUI Libraryで使用されているドキュメント生成ツールです。 Py
iPhoneアプリをTitaniumで作っている。 iPhoneアプリでは、ログインのためのIDとパスワードを端末に保存することがよくある。それをTitaniumでどうやるのか調べた。 結論:現時点では、TitaniumでIDとパスワードを安全に保存する方法はない。 (2011年2月現在) そもそも、iOSでどうやって保存するのかというと、Keychain という仕組みを使ってパスワードを保存するのがよいらしい。 iPhoneアプリ用のログイン情報設定画面の作り方(その2) そのKeychain を使うことが、Titaniumからはできない。 本家のQ&A。 Best practice for storing user authentication credentials? 開発元AppceleratorのCEO、Jeff HaynieがKeychainをサポートする計画だと答えているが、
I used to make it a part of my day to learn a new tool or find a shortcut for something I already did. It's a habit I got out of for awhile. I called it my laziness: I don't want to spend time operating a tool; I want to spend time building what needs to get built. In my heyday, I'd have my machine customized to the nines. Lots of shortcuts and gestures and bells and whistles to help me be product
If you’ve never written code to animate inside the browser, you can stop reading :) What is requestAnimationFrame? In your animation work, you’ve used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, “hey, why don’t we just give you an API for that, because we can probably optimize some things for you.” So it’s basic API for use with animation, whethe
var ref = document.getElementsByTagName('script')[0]; ref.parentNode.insertBefore(yourElem, ref); But you prefer a good old document.body.appendChild(elem); Awww! I know, man. I used to, too. Well, you can’t always trust this.. Especially if you’re writing library, widget or third-party code. Here’s why you can trust this insertBefore method, and why all the other techniques are not wise: appendCh
EVER:CLOCK is a fun, themeable, online digital clock that can be loaded straight into your modern Web browser. Several different clock types are available, and there are thousands upon thousands of interesting clock themes to choose from. Each clock type offers its own unique qualities and theming options. The EVER:CLOCK Web app and its supporting Web site is built entirely using the UIZE JavaScri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く