HTML5である必要性、という話 – aduca
さて、まぁなんとかかんとか仕事の方も上手いことリリースできた訳だけれど。 世の中でHTML5というワードが流行りまくっている。恐ろしいくらいのレベルで。 例えるなら戦中の日本の「鬼畜米帝」なり、小学生時代の可愛げの残る淫語なり。 まぁそのくらい流行っている。 しかし、我々(Webデベロッパ)が求められているのは、新技術ではない。というのを念頭において、考えて欲しい。 めんどくさい Flash playerの普及率がどの程度だったか、失念したが。まぁ大体体感値でパーソナルコンピュータを抱えていれば99.9%ぐらいだろう。OSバインディングされていても不思議ではないレベルで普及している。 これはほぼほぼブラウザの普及率に近い。あくまでもIEではない。ブラウザだ。世の中、星の数ほどブラウザはあれど、現実問題としてFlashのプラグインの無いブラウザは実用に耐えないだろう。 それはpngを表示出来
limonadeを試してみる第一歩 | UCWD-Studio
今ちょうどPHPでの開発案件があって、CakePHPなどのWAFを使うほどの規模の案件じゃないんだけど、生PHPでプログラムを作成して無秩序なプログラムができるのは問題ですよねということで、いわゆるPHP製の小規模WAFを探してみた際に見つけたのがlimonade。 公式サイトによるとRuby製のSinatraやCampingなどからインスパイアされたフレームワークらしい。 以下、学習テストを兼ねて簡単に触ってみます。 githubからv0.4.6のzip版をダウンロード。他にもtgz版があったり、gitで落としてきたりが可能です。 公式サイトでは以降、 libフォルダを自分のプロジェクトに入てね。 自分のアプリケーションのメインとなるphpファイルにrequire_once vendors/limonade.php (or require_once lib/limonade.php)と書
Re: 典型的なRails屋はERBを使うことに何の疑問を持っていない - kなんとかの日記
ひがやすを blog - 典型的なRails屋はERBを使うことに何の疑問を持っていない なんか消されてるけど、何で消したんだろう。もったいない。 『典型的なRails屋はERBを使うことに何の疑問も持っていない』というのはほんとその通り。eRuby は大変シンプル(50行もあれば実装可能)なわりにすごく便利だから、ビュー層にeRubyを採用すること自体は悪いことではない。しかし、HTMLテンプレートのデザインが崩れるeRubyは、ビュー層としては最善手ではなくあくまで次善策にしか過ぎない。それなのに、eRubyが最高だという考え方をしている連中がときどきいるので困る。 これの一番の元凶は、Rails作者であるDHHだと思う。彼はどうやらeRubyこそが最高だと思い込んでいるふしがある。eRubyは、テンプレート独自の言語を使っていないという点ではいいんだけど、テンプレートのHTMLデザイ
mongrel2: mongrel2
About Mongrel2 Mongrel2 is the complete redesign of the Mongrel web server to be an application, language, and network architecture agnostic web server. It's written by the original author of Mongrel, and uses the Mongrel HTTP parser, but everything else is new. The goal is to create a web server specifically designed for web applications over serving files. Here's the planned features for Mongre
最近のWebSocket事情についてまとめとく - Keep on moving
id:Jxck(@Jxck_)さんからのリクエストもありましたので、現状でのWebSocket情報をまとめておきます。 ※この情報は2010/9/1時点のものです。ご覧になっている時点の情報とは変わっている可能性があります。 ※2010/9/1:いろいろ更新しました。 ※書かれてから相当な日数がたっていますので、このエントリーは役に立ちません。WebSocketはRFC(http://www.ietf.org/rfc/rfc6455.txt)がでました。最新の状況は他のサイトをご覧になることをお勧めします。情報をアップデートできなくてすみません。 ざっくり説明 一言で説明すると、WebServerとWebBrowser用の双方向通信用のプロトコル。 Server側からのプッシュができるので、XHRでポーリングする必要がない。 現行のWebSocket対応ブラウザ側には，same origi
第1回 memcachedの起動オプションを把握しよう | gihyo.jp
1.4系で新しく追加された主な機能しては バイナリプロトコルの導入 マルチスレッドの標準化 統計の強化 などが上げられます。この1.4系の機能の詳細については前坂徹氏の連載「memcached 1.4の到来」が参考となります。ここではバージョン1.2.5と最新の1.4.5の起動オプションを比較しながら、新しく追加された機能や実際の運用で用いられる起動オプションについて説明します。 1.2系と1.4系の起動オプションの違い まず、memcachedの起動オプションの一覧（ヘルプ）を確認しましょう。memcachedのヘルプを出力するには、「-h」オプションを使います。 $ memcached -h memcached 1.x.x -p <num> TCP port number to listen on (default: 11211) -U <num> UDP port number t
Web Storageで遊んでみた : As Sloth As Possible
リロードする度に訪問回数がインクリメントされて、3の倍数の時には「奴」が疼き出し、5の倍数の時には「奴」が目覚めてしまうという、訪問回数カウンタとFizzBuzzを組み合わせたしょーもない何かです。まぁこれだけだと「そうですね…で？」みたいな話で終わりなんだけど、一応無駄にlocalStorageを使ってみてます。ちなみに「貴様は既に漆黒の闇に囚われている…」云々て表示されてる場合はlocalStorageが使えないブラウザなので、違うのが入ってたらそれで試してみてください。Firefox、Safari、Chromeあたりの最新版だと動いてるはず。多分。Operaも動いてるっぽい。 ろーかるすとれーじ？ Web Storageって何なのって人はHTML5.JPにある資料でも読んでもらうとして、まぁ大雑把に言うとブラウザにKey-Valueストレージが付いててなってJSから簡単に扱えるように
HTML5 Canvasのブラウザによって異なる微妙な振る舞いについてまとめてみた。 - 風と宇宙とプログラム
はじめに CanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。 調べたブラウザの各バージョンは以下の通りです。 Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 線を描く (lineTo) ただの直線を描くだけのlineToですが、その単純なものにも、恐らく、多くの人が普段は気にしないような問題があります。それは座標値とアンチエリアスです。詳しく見る前に、実際の結果を示しましょう。下記のイメージ中に描かれている線は、いずれも線幅(lineWidth)が1の線です。 (左から、Firefox, Chrome, Safari, Opera
WebMVCにおいては、View=Presentation+Seriarizationではないかという話 - monjudoh’s diary
この辺の話をしててちょっとインスピレーションが湧いたんだが、 GUIのMVCではなく、いわゆるWebMVCにおいては、 View=Presentation+Serialization なのではないだろうか? Presentationは何かっていうと人間が見る用で、 Serializationは何らかのプログラムでデータを使うので受け渡す用だと思う。 JSONとかXMLを返すAPIを作ったら、それを受けた側のプログラムでデシリアライズして、 何か処理したりするよね。そういうの。 で、なんで、Presentation or Serializationじゃないのかっていうと、 form生成ってSerializationの要素をかなり強く持ってるんじゃないかって思ったのだ。 極端な例を挙げると、modelからhiddenフィールドのみのformを生成して、 そのformをsubmitしたのを受け取
HTML5で動作するノベルゲームのエンジンを作ってみた - 平凡なエンジニアの独り言 はてなブログ出張所
ゲームを作成して共有するサイト - RmakeのゲームエンジンはFlashで作られているのですが、将来的なことを考えてHTML5 + JavaScriptで動作するエンジンを作ってみることにしました。スマートフォンやスレートPC（タブレット）などで動作することを踏まえて、まずはパフォーマンスをそれほど要求しないノベルゲームを移植してみました。 現在は一つしかありませんが、HTML5で動作するテストゲームは以下に配置してあります。 RmakeのHTML5テストサイト サンプルゲームは以下です。 ゲーム「Rmake基本スクリプト講座(1)」 - HTML5 テスト - Rmake 現在の状況 一部の機能しか実装していない WindowsのChrome/Safari/Firefoxで動作確認済み*1 十分にチューニングしていないので動作が重い iPadでの動作状況 動作はするが、とにかく重い マ
HTML5 + WAI-ARIA: 入門篇
このサイトを HTML5 でリニューアルした際に保留としたまますっかり忘れかけていましたが、ようやく WAI-ARIA を導入してみました。 WAI-ARIA は W3C の Web Accessibility Initiative (WAI) が公開している技術仕様で、Web コンテントや Web アプリケーションのアクセシビリティを強化することを目的としています。具体的には、Web ブラウザや支援技術 (AT) がコンテントのセマンティクスをより適切に認識できるよう、HTML ドキュメントに要素の「役割」や「状態」といった詳細な情報を付与するものです。名称に RIA とあるように、Ajax などによるリッチ・インターネット・アプリケーションをおもな対象とした仕様ですが、HTML5 によるシンプルな Web ページに取り入れることもできます。ここでは WAI-ARIA の HTML5 へ
RailsサーバUnicornを飼いならす! 運用時の便利技 « BPS株式会社 開発ブログ Beyond Perspective Solutions LTD.
伊藤です。 前回ブログで紹介したRailsサーバUnicornくんを運用し始めて結構時間が経ちました。 サービスを落とさないであるとか、システムの安定性を確保するために、 ちょっとしたユーティリティを作ったり監視ソフトMonitの設定を行ったりしていました。 みなさんのお役に立つかわかりませんが、弊社でUnicornと組み合わせて運用に利用しているツールや設定をブログに掲載してみたいと思います。 もっといいやり方がありましたら、ぜひコメント欄でご紹介頂ければと思います。 ダウンしたら自動的に再起動 これはMonitで行っています。 もちろん同内容の監視ツールGodでも可能だと思いますが、以前設定した経験があって設定が楽そうだったので、Monitでやってみました。(事実楽でした) check process unicorn with pidfile "/path/to/rails/t
次世代Ruby on RailsサーバーUnicorn（汎用のRackアプリケーションサーバ）を使ってみた｜TechRacho by BPS株式会社
2010.07.09 次世代Ruby on RailsサーバーUnicorn（汎用のRackアプリケーションサーバ）を使ってみた 2010.07.20追記: prefixを指定した運用も可能でした。ご指摘頂きありがとうございます。 2010.07.28追記: 関連記事「RailsサーバUnicornを飼いならす! 運用時の便利技」へのリンクを張りました。 Railsサーバはたくさんあってややこしいですね！ 最近さらにUnicornというものが頭角を表してきたようで、Twitterやgithubも使っているようなので使ってみましたので、特徴や使い方などレポートしてみたいと思います。 このブログの他にもEngine Yardのブログ記事「Everything You Need to Know About Unicorn」やgithubの記事「Unicorn!」が非常に参考になると思いますので、
iPadなんて怖くない！ Webサイトと大差ないWebアプリの調理
政治ったーのiPad版を作って思ったこと 政治ったー iPad専用Webアプリケーションについて 一番伝えたいことは、「作っててスゴク楽しい」ってことです。 政治ったーのiPad版は、大ざっぱに以下のような機能を備えています。据え置きで、横目で政治ツイートをチラ見できる、というのが企画の大半を占めています。手にとって、自分のアカウントからツイートしたりタイムラインを確認したりは、実はオマケ機能。 分類された各種の政治関係タイムラインを閲覧 据え置き型で、自動更新が可能 Google Newsから最新の政治ニュースを自動取得 Twitterと接続して、自分のアカウントからツイート 自分のタイムラインを簡易閲覧 HTML5とCSS3による実装への期待 先回紹介した政治ったーにせよ、個人的にiPad専用Webアプリとして最初にリスペクトしたyubichizにせよ、これからはHTML5とCSS3で
WebSocketサーバライブラリ rev-websocket リリース - Blog by Sadayuki Furuhashi
いま WebSocket がにわかに注目を集めているようです。 ブラウザとサーバの間でリアルタイムな双方向通信を実現する機能で、HTML5に追加された（される予定の）新しい仕様です。 このWebSocketを使うには、ブラウザ側のJavaScriptの記述だけでなく、サーバ側の実装も必要になります。 そこで、Rubyで使えるWebSocketのサーバライブラリ rev-websocket をリリースしました。 gemでインストールできます：gem install rev-websocket 早速、デモアプリケーションを作ってみました：シャウッたー *1 WebSocket を使ったチャットシステムに、ちょっとした演出を加えたシンプルなアプリケーションです。速くタイプするほど大きく表示されるという趣向です^^; WebSocket に対応しているブラウザは今のところ Safari と Chr
UnicornでSinatraアプリをデプロイしてみた - 射撃しつつ前転 改
最近は仕事でSinatraアプリを書いたりしているので、Sinatraアプリを動かすためにはどのHTTPサーバを使うのがベストなのかが気になっている。（先に結論を書いておくけれど、どれがベスト、という唯一の選択肢は今のところありません。適材適所です。） SinatraはRackの上に構築されているので、Rackに対応したHTTPサーバーを使って動かす事になるのだが、この数がやたらと多く、どれを使えばいいのか迷う。代表的なものを挙げただけでも、WebRick, Mongrel, Thin, Unicorn, Passenger(Apacheとかに組み込んで使うやつ), FastCGI, (普通の)CGI、これぐらいは選択肢がある（いくつかHTTPサーバじゃない物も混ざっているが、Rackが対応してるという点は共通している）。 WebRickはそもそもパフォーマンスに重点を置いていないし、Mo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
http://www.machu.jp/posts/20100816/p01/
HTML5 Reset
https://arandomurl.com/2010/08/05/html5-helicopter.html