スマートフォンのブラウザで WEB アプリをストレスなく動作させるのは、結構難しいチャレンジです。モバイルブラウザは非力で、レンダリングもスクリプトの実行も PC ブラウザと比較すると桁違いに遅いです。また外出先で使われることが多い特性上、利用時のネットワーク状況も恵まれているとは言い難いですよね。 このような不利な状況でユーザーに快適に利用してもらうために、いくつか心がけたい工夫があります。 – サーバーへのリクエスト回数を最小限にする – ファイルのサイズを最小限にする – 静的ファイルを端末側にキャッシュさせる – ローディング画面を表示して、ユーザーを安心させる 特に、端末へのキャッシュは強力な手法で、うまく実装すれば電波の届かない状況で WEB アプリを動作させることも不可能ではありません。ただ、適切にファイルをキャッシュさせるのは、なかなか難しい課題のように思われます。意図通り
3. 強力な型システム • 型に関するエラーはコンパイル時に検 知できる • (型の自動変換はない) • 型推論がある • 型システムをしっかり理解しよう 12年6月23日土曜日 4. GHCiで型を調べる Prelude> :t 'a' 'a' :: Char Prelude> :t True True :: Bool Prelude> :t "HELLO" "HELLO" :: [Char] Prelude> :t 4 == 5 4 == 5 :: Bool Prelude> let removeNonUppercase st = [ c | c <- st, c `elem` ['A'..'Z']] Prelude> :t removeNonUppercase removeNonUppercase :: [Char] -> [Char] Prelude> 12年6月23日土曜日 5.
Category java(11) Photoshop(14) 遊戯王(154) 雑記(1200) お絵描き(71) ポケモン(13) 遊戯王・大会レポ(19) 遊戯王・大会日程(6) 遊戯王・デッキ集(12) 特集(6) ブログRSS(1) ｃ言語(31) 無料ブログ比較(2) 本(1) ソフトウェア(8) chrome(5) R(1) プレシャスメモリーズ(19) Python(54) javascript(101) New Articles 10.28: 劇場版まどマギ叛逆の物語についてちょっとだけ感想05.27: NicoNico Audio Extractor 0.4.004.25: 東芝のKIRA03.26: うわっ...私の電車賃、高すぎ03.10: どこでも動くマークダウンエディタ md everywhere03.05: Zopfli 新しいzlib実装12.31: 巳年1
Travis CIでブラウザテスト¶ Travis CI はGithubアカウントを使ってログインして利用するCIサービスで、CIしたいプロジェクトを選択すればGithubへpushにhookしてテストが実行されます。 実行するテストの設定ファイルを .travis.yml に書いて置くことでどのようなテストを実行するかを設定できます。 テストが失敗したり、失敗してたテストが直った場合はメールで通知などを飛ばすこともできます。 また、テストの成否はコマンドの終了ステータスで行われていて、 0 なら成功、それ以外だと失敗というステータスになります。 大抵のテストフレームワーク(or 実行環境)などはちゃんと終了ステータスを返してくれるのでテストの成否は正しく判定できます。 こういうウェブサービスの場合、DOMやXHRなどがないJavaScriptのロジックテストのみしか動かせないように思われ
Githubでソースも公開されている JavaScript構文チェックツール・ jsLint.itのご紹介。結構軽量で 使い勝手が良さそうだったので自 分のサーバーに入れて使いたいと 思います。 JavaScript用のLintツールです。同じくOSSのjslint.comを元に作成したそうです。node.jsを使用したLintツール、jshint(先日、次期バージョンも公開されました)やjshintr同様、ソースが公開されています。 JavaScriptコードをコピペするか、ファイルをアップロードする事で構文チェックが出来ます。チェックは構文だけでなく、構造上の問題も指摘してくれるっぽい。 ↑ オプションもやたら豊富。 ↑ エラーもサクッと出ます。 まださほど使ってないので精度は把握していませんけど、軽量でいい感じです。結局ブラウザごとにチェックしないとならないでしょうけど、こういうの知
JavaScript重力多体シミュレータ(2D) (要HTML5 Canvas、速度的にGoogle Chrome推奨(2010-12-16時点)) 操作方法 マウスホイール : ズーム ドラッグ : スクロール 物体をクリック : ViewMode => 物体を追跡 物体をクリック : EditMode => 物体を選択、プロパティウィンドウ表示 物体をドラッグ : EditMode => 物体を移動 矢印をドラッグ : EditMode => 物体の速度を変更 コントロールの意味 Axis : グローバル座標での座標軸を表示する。 Track : 物体の軌跡を表示する。ただし、Record Trackがチェックされていなければ意味なし。 Relative : 物体の軌跡を現在追跡している物体を基準にプロットする。ただし、Trackがチェックされていないときや物体を追跡していないときは意
Photoshopなどの使い慣れたソフトウェアで作成したグラデーション画像から、CSS3グラデーションのスタイルシートを生成するオンラインツールを紹介します。 GradienFinder ドロップすると、すぐにグラデーション画像が反映され、スタイルシートが生成されます。 CSS: 生成されたスタイルシート background: -webkit-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,rgb(128, 128, 128) 100%); background: -o-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,r
Baseline.js適用後 Baseline.jsの使い方 使い方は2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="http://code.jquery.com/jquery.min.js"></script> <script src="js/jquery.baseline.js"></script> Step 2: JavaScript 適用する範囲をjQeuryのセレクタで指定し、ペースラインをpxで指定します。 $('img').baseline(24); //全てのimg要素に24pxのベースライン $('.content img').baseline(30); //.content内のimg要素に30pxのベースライン レスポンシブデザインにも対応しており、ブレイクポイントごとにベー
紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせられる「Baseline.js」 2012年06月25日- Baseline.js | Vertical rhythm made easy 紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせられる「Baseline.js」。 昔試したことがありますが、文字と背景画像のラインを合わせるのは画像などが絡むと容易なことではないですね。 文字がラインにかぶったりしてせっかくのノートっぽいデザインが台無しです このプラグインを使えば、綺麗に整列させることができるみたい。ライン間の幅を指定することで、コンテンツを自動でリサイズしてくれます これで途中に画像が入ろうと、画像もリサイズしてくれちゃうので、メンテナンス不要。 ノートっぽいこうしたデザインにしたい場合は使えそうです。 関連エントリ レイアウトに関する強力なjQuer
3D Thumbnail Hover Effects | Codrops CSS3の3D Transformで3Dのホバーエフェクト実装例。 マウスオーバーで驚きの立体表現ができるデモが公開されています。 ここまで出来るということは将来的にはWEBページの演出がガラッとかわってしまっていそうですね。 まあ、WEBで出来ることとしては凄い！ということになるんでしょうけど、コンピュータゲーム等でできていることは全て将来的にできていくということですね。 WEB開発者としては置いていかれないように常に勉強をする必要がありますね 関連エントリ jQueryとCSS3でダイナミックに動くコンテンツスライダー CSS3で描かれたシェイプのサンプル集 アニメーションするバナーをCSS3で作るチュートリアル CSS3でクールな角丸テーブルを作る例
今さらですが、Amazon RDSのマルチAZデプロイメントについて調べていました。マルチAZデプロイメントとは、独立した電源、空調、ネットワーク、セキュリティを備えた物理的に異なるロケーションに対して同期レプリケーションを行うことで、データベースの耐障害性を高める機能です。AZはAvailability Zoneの略です。 異なるロケーションに対する同期レプリケーションと聞くと、性能が出ないのではないかという懸念がどうしても出てきます。そこで、どの程度性能が落ちるものなのか検証を行いました。なお、すでに実際のAmazon RDSを利用して検証を行った方がいらっしゃいましたので、今回は手元の環境を利用して、ネットワーク遅延やMySQLパラメータと性能との関連性を確認していきたいと思います。 Amazon RDS MYSQL Performance Benchmarking - Cloud
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
