タグ

2012年11月28日のブックマーク (7件)

  • iPadに漫画を表示〜i文庫HD

    日付で、iTunes AppStoreに日の書籍に最適化されたiPad用書籍ビューワアプリ、i文庫HDがリリースされました。 実はこのi文庫HDの開発のお手伝いをしていたApple NOIRのDark局長さんに頼まれ、サンプル表示用のデータを提供していました。 Apple NOIR:日発『i文庫HD』〜驚嘆のiPadアプリとその可能性 これは、『パズルゲーム☆トレジャー』2巻に同時収録された『28℃の扉』という読み切り作品です。ご覧のように、ページをめくったときにちゃんと裏うつりがあって、「を読んでいる感覚」がとても大事にされているアプリです。 こちらはiPadを横置きにして見開き表示にしたところ。もちろんこの状態でもページをめくるアニメーションが付き、動作もとても軽いと教えていただきました。 実はこの「動作」に関して、さまざまな紆余曲折がありました。漫画の原稿は普通B4版の紙に描

    iPadに漫画を表示〜i文庫HD
  • Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント

    ニーハオ!カヤックのHTMLファイ部のしんちゃんアル! 中国出身の新卒です。 入社して二ヶ月になりますが、 日語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中! こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです! 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基の要素6つ 登録と無関係の要素はなるべく表示しないように! 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に! バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう! これら一

  • Webアプリケーションを高速化する50のトリック

    MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時

    Webアプリケーションを高速化する50のトリック
  • インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久

    どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん

    インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
  • 田舎はオープンワールドRPGみたいだった - phaのニート日記

    今年の十一月は一週間ほど和歌山県の山奥の熊野のあたりに滞在していたんだけど、東京に帰ってきた今も、あそこで過ごした日々は何か神話とか昔話のようなフィクションのできごとだったように感じる。そこで過ごした時間はそれくらい東京での普段の暮らしとはかけ離れていたんだけど、でもそれは同じ現代の日に存在している暮らしだし、よく考えたらそういう暮らしも全然ありかもしれないし、いい加減東京にも飽きてきたし、ああいう場所に生活の軸を少し移してみようかと考えはじめている。 このあたりには熊野三山と呼ばれる三つの有名な神社(熊野宮大社、熊野速玉大社、熊野那智大社)がある。昔から天皇とかが熊野詣をしたり、天皇だけじゃなく一般庶民も詣でまくっていたという歴史があって、最近では神社とその参拝道である熊野古道とがまとめて世界遺産に指定されたという伝統のある土地だ。神話っぽさを感じたのはそういう背景のせいもあるのかも

    田舎はオープンワールドRPGみたいだった - phaのニート日記
  • client-side javascript - ✘╹◡╹✘

    JavaScriptのすごく初歩的なことでよくわからないので整理する。よくわかってなくてすごい恥ずかしい感じがするけど書いたら誰か何か教えてくれそうだし書く。client-sideのJavaScriptは、未だあまりよく分からずにもやもやしながら適当に書いてる。もやもや感が説明したいけどなかなか説明しづらい。 例 こういうタブをJavaScriptを使って実装する例を考える。タブをクリックすると、そのタブに切り替わるというやつ。 HTML CSS JavaScript Pattern 1 深く考えずに素朴に実装すると、こういう感じになる。clickイベントに与える無名functionの中に全部詰め込む。こういう風に書いてるJSのコードはよく見る。こういうの大量に書くのはすごい簡単だけど大量にこういうのが書かれてたら読むの辛い感じがする。 懸念 例えばこれまでRubyでコードを書いていたとき

  • 大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log

    これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}

    大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log