スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn

FX取引所の照会とテクニカル、経済指標の見方等を解説していきます。

Speed TracerはGoogle Chrome向けのオープンソース・ソフトウェア。Webサイトのパフォーマンスを測定するのはApacheのabをはじめ、様々なツールが存在する。だが最近のWebサイトではAjaxやJavaScriptを活用する等、単なるリクエスト送信だけでは適切なチューニングが難しくなっている。 Google Chromeをお使いの開発者はぜひ そこでGoogleが開発したのがSpeed Tracerだ。Speed TracerはGoogle Chromeにインストールするソフトウェアで、GWT（Google Web Toolkit）の2.0公開に合わせたツールとして提供されることになった。Google Chromeを使っている開発者はぜひ使ってみよう。 インストールするとアドレスバーの横に緑のアイコンが表示される。クリックするとモニターウィンドウが開き、計測が開始す

Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転をみて、ちょっとソース読んでみたらホントにそんな実装になっていた。んじゃ、止めちゃいますかってことで、サジェスト自体はそのまま機能させつつ、IMEでの確定前の入力には反応しないという実装に無理やり変えるスクリプトを書きました。一応動作を確認したのはFirefox3.5(Greasemokey 0.8)、Opera10、Google Chrome Dev(4.0.213.1)です。GreaseKitは実行タイミングの問題で怪しいかも。 404 Not Found – Userscripts.org ちなみに、なんでGoogleはポーリングをしているかっていうと、IMEが確定する前の入力途中のキーワードを捕まえるためのようです。そこまでする必要ないよって人も多そうですよね。そういう人向けのスクリ

開発部・システム運用グループの長野です。9月10日・11日に東工大大岡山キャンパスで開催されたPerlのカンファレンス、YAPC::Asia 2009に参加してきました。 昨年は2つのセッションをやらせて頂きましたが、今年は1つだけ発表をしましたので、資料を公開します 大規模画像配信とPerl SlideShareで公開しています。 大規模画像配信とPerl View more documents from kazeburo. 一部アニメーションを利用していますので、PowerPointもあわせて参照してください。 mixiの画像配信については、このブログや技術評論社様の雑誌等を通して何度か紹介していますが、今回は携帯向けの画像配信、特に画像の動的変換について取り上げました。 画像を扱うライブラリはいくつも種類があり、変換速度や変換後の画像に違いがあります、今回の発表ではその比較もしていま

ドットインストール代表のライフハックブログ

ありそうでなかったシンプルなサービスのご紹介。 ShareTabsはいわゆるURL短縮サービスであるが、複数のURLをまとめてくれる点がユニークだ。 「これとこれとこれ、まとめて見ておいて」なんてときに便利だろう。 しかも送られた短縮URLを開いてみるとちゃんと目次ページも生成され、サイトの縮小画像まで表示されるという親切さだ。 さらにそれらのサイトはページ内でタブとして表示され、さくっと切り替えてすぐに見ることができる。もちろん別ウィンドウで一気に開くことも可能だ。 シンプルなわりによく考えられているサービスではなかろうか。知っておいても損はないですね。

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

JavaScript - サーバー間で双方向のRPC通信を行う技術は「Aerial」（エアリアル）という名前になりました*1。アイディアを出していただいた皆様、ありがとうございましたm(_ _)m Aerialは、通信にFlashを使い、JavaScriptとサーバープログラムとの間で双方向のRPC呼び出しを行う技術です。つまり、サーバー側からJavaScriptのメソッドを呼び出したり、逆にJavaScriptからサーバー側のプログラムを呼び出したりします。 サーバーから直接JavaScriptのコードを呼び出したり、逆にJavaScriptからサーバー側のメソッドを呼び出したりできるので、通信の内容を意識する必要がなく、バグの混入を抑えます。RPC成分入り！ ライブラリを開発するときも、HTTPやブラウザ間の実装の違いを意識する必要も無く、ごく普通のTCP接続で通信を行うので、Come

産業技術総合研究所（産総研）とヤフーは2008年4月22日，パスワードを用いてWebブラウザ/サーバー間の相互認証を実現する認証プロトコル「HTTP Mutualアクセス認証」の実装をオープンソースとして公開した。同プロトコルを使うと，HTMLフォームではなくブラウザに設けた専用の入力域を用いてパスワードを暗号送信するため，フィッシング詐欺対策となる。サーバー側にはApacheのモジュール「mod_auth_mutual」として実装し，クライアント側としてFirefoxの機能を拡張したブラウザ「MutualTestFox」を開発した。 HTTP Mutualアクセス認証は，パスワードを用いてクライアントとサーバーが相互に相手を認証するプロトコルである。産総研とヤフーが2007年3月に発表した。同プロトコルの特徴は，ブラウザ上に設けた専用の入力域にパスワードを入力すると，暗号化処理を施した後

「Google Docs」のワードプロセッサは、ついにオフラインでもアクセス可能となる。ウェブブラウザの機能を無料で拡張する技術「Google Gears」を用いると、間もなく（Google Docsの）ユーザーは、インターネットに接続していない時でも、ファイルの閲覧や編集ができるようになる。 Google Gears対応バージョンのGoogle Docsは、米国時間3月31日から数週間をかけて順次、提供が開始される予定である。Google DocsのプロダクトマネージャーであるKen Norton氏は、この機能にアクセスできない場合でも、トライし続けてほしいと、筆者に語った。Google Docsのドキュメントウインドウの右上に小さな「オフライン」メニュー項目があれば、オフライン機能に対応したことが分かるだろう。 Norton氏は、Googleのスプレッドシートとプレゼンテーションアプリ