Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
http://codeascraft.com/2013/10/14/september-2013-site-performance-report/ Etsyが四半期に一度のサイトパフォーマンスのレポートを発表してます。 1) サーバサイドパフォーマンス [グラフ] 9/18時点での主要各ページにおけるログインユーザのロード時間の中央値と、下位5%に位置する(もし全員で100人の場合は95人目)ユーザの値です。 データに大きな変化はなし。中央値が、62ms〜334msと、そこそこ良い水準にあるので、数値が悪化させないことだけに注力し、若干のコード変更をしたのみ。 2) シミュレーション基準のフロントエンドパフォーマンス [グラフ] WebPageTestのプライベートインスタンスを利用して計測。DSLコネクションで、IE8 / IE9 / Firefox / Chromeが対象。24時間計測
「コマーシャル・フォト」2009年3月号より連載中の「プロのレタッチャーが教える レタッチの基本ワザ」。第1回のテーマは「マスク」。マスクの作成は、合成処理やパーツの部分的修整などに欠かせない基本ワザだ。今回は人物と背景の合成処理の作例を通して「マスク」の役割について考える。 Photo:片岡竜一 ST:曽我部将人 HM:中山夏子 モデル:VIKA.D(ブラボーモデルズ) ポートレイト撮影にはキヤノンEOS-1DsMark Ⅲ + EF85mm F1.2L USMを使用。照明機材は、高速チャージで、ワイヤレス発光が可能なProfoto の最新ストロボ「Pro-8a」を使った。 どこを「マスク」にするか? マスクはどのようにして作るか? 上の作例画像の人物合成用のマスク。黒い部分が「マスク( 隠す)」部分になる。 レタッチの基本となる作業で重要なのは、被写体の必要な部分を「切り抜く」という作
HTML5に関連する技術のひとつに、WebGLがあります。WebGLは、ブラウザー上で3DCGプログラミングを実現できる技術です。今回のレポートでは、WebGLプログラミングの基礎知識についてご紹介します。 WebGLって? WebGLでどんなことができるのか──百聞は一見にしかず。まずは例を見てみましょう。demo内のスライダー部分をドラッグすることでカメラの位置などを任意に変更できますので、リアルタイムでレンダリングされていることがわかるでしょう。 (invalid jsdo.it code) このように、ブラウザー上でプラグインに頼ることなく、なめらかな表面、自然な影、高FPSでのリアルタイムレンダリング(アニメーション)など、まるで最近の家庭用ゲーム機にも匹敵する高度な3DCG表現ができるわけです。 WebGLは2013年10月現在、Chrome、Firefox、Operaで標準対
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
先月の終わりにdribbbleで公開された時に、うわっかっこいいな!と思いチェックしていたコンセプトにデモとして動作するスクリプトが開発されたので紹介します。 まずは、dribbbleでのコンセプトから。 [GIF] Mobile Form Interaction フォームの入力欄の各ラベルをプレースホルダーテキストとして表示し、タップして入力する時に、アニメーションでそのテキストがふわりと上に移動し小さく表示されます。 これはスマフォでは特に重要な省スペースとしても優れており、また入力後にそれが何の項目であったかユーザーに伝えることができます。 で、そのコンセプトにインスパイアされて開発されたスクリプトが「JVFloat.js」です。 デモのキャプチャ ※デモはダウンロードファイルに含まれています。 アニメーションのブラッシュアップやコードの最適化など宿題があるそうですが、実装はこんな感
中村勇吾(なかむら・ゆうご) インターフェースデザイナー、 ウェブデザイナー、映像ディレクター。 1970年生まれ。 96年東京大学工学部大学院修了。 橋梁設計会社、ウェブ開発会社を経て、 2004年に tha Itd. を設立。 ウェブサイトやCF映像の アートディレクション、プログラミングなどを手がける。 主な作品に、世界三大広告賞の最優秀賞を受賞した NECの環境サイト「ecotonoha」やユニクロ「UT」、 KDDI「iida」の広告など。 佐藤卓(さとう・たく) グラフィックデザイナー。 1955年生まれ。 81年東京藝術大学大学院修了。 電通を経て、84年に佐藤卓デザイン事務所を設立。 グラフィックデザインを中心に、 商品開発やプロダクトデザインなど幅広く活躍。 主な作品に、「ロッテ・ミントガムシリーズ」 「明治おいしい牛乳」など。 2013年2月から6月まで開催された 「デ
専門家に聞いた!冷蔵庫に絶対入れてはいけない野菜「トマト」「なす」「きゅうり」 Update : 2013.10.16 「腐らないように」「日持ちするように」と何でも冷蔵庫に入れればいいと誤解していませんか? 冷蔵庫に入れると変色したり、味が一気に落ちる野菜や果物があります。栄養学者がおいしく食べるために真夏でも「室内温度で保管すべき」と唱(とな)える野菜と果物はコチラ! 【冷凍野菜vs.新鮮野菜―どちらの栄養価が高い?「冷凍の方が栄養価が高いことも」】 ■野菜 トマト なす パプリカ バジル きゅうり しょうが ズッキーニ じゃがいも タマネギ にんにく トマトは収穫後にもエタンガスを発生して追熟するので、完熟しきっていないトマトは室温で熟させるとおいしくなる。野菜室にいれるとアロマも味も失われてしまう。エタンガスが果物を熟させてしまうので、トマトと果物はわけて保管したほうがベター。 ジ
「ホットロード」は、別冊マーガレット(集英社)にて1986年1月号から1987年5月号まで連載され、全4巻で700万部という発行部数を記録した少女マンガ。能年演じる宮市和希は、母から愛されていないと感じ、自分が誰からも必要とされていないのではないかと不安を抱え、不良少年・春山に心惹かれていく少女だ。 メガホンを取るのは、「ソラニン」「僕等がいた」の三木孝浩監督。脚本は吉田智子が手がけ、原作者の紡木が自ら脚本を監修している。 能年玲奈コメント 皆さんこんにちは、能年玲奈です。今回、映画ホットロードという作品に出演させていただく事になりました。 皆さんに楽しんでいただける作品になればと毎日願っております。 私も、そうなるよう一生懸命を尽くしたいと思います。変わらない私で。
最近、JavaScriptを多用するWebアプリケーションの開発に携わる機会が増えてきました。 jQueryのイベントハンドラをベタに書いていくのは、規模が小さいうちは良いのですが、機能追加・仕様変更等が多発すると少々面倒なことになります。このまま大きくなっていくと破綻が目に見えているので、構造化されたアプリケーションを作りたいと思いBackbone.jsを学び始めました。 Backbone.js 公式サイト 7月上旬から学び始めたので、まだ20日程度ですが、その中で学んだこと等を紹介します。これから勉強を始めてみようと思う人の参考になれば、幸いです。 以下の内容は、Backbone.jsの熟練者が指南しているわけではないことを予めご了承ください。ちなみに、平日の夜と、時間が取れるときの週末を使って勉強して、イベントサービスのWebAPIを串刺し検索するアプリ等を作るくらいには、Backb
[Video] https://www.youtube.com/watch?v=HCR7i5F5L8c AngularJSのHype (盛り上がり感)があるようなので、GoogleのMisko HeveryとBrad GreenがGoogle I/O 2013でAngularJSの設計思想について語っているのを紹介します。 アプリ開発は、雛形構文(ボイラープレート)を利用しながらデータをブラウザとDBの間でやりとりさせるのが中心で、気づいてみると同じ雛形構文を書く作業をかなり繰り返している。コードを書いてる時間よりもコードを読んでいる方に時間がとられることも多い。この雛形構文を使った作業を極力減らして、アプリに付加価値をもたらすコーディング作業だけを抽出したいと思った。 コーディング作業が効率的になる構造が欲しかった。 フレームワークにテストを組み込むが、フレームワーク自身をきっちりテスト
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。 とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。 じゃあどうするか?基本的に「初期化」の考え方を直せばどうにかなる。 (この記事はBackboneを使うときに考えてることだけど、他でも一緒だと思う) 前提 シングルページアプリケーション セマンティクスやSEOは考慮しない 基本哲学 共通モデルの初期化を徹底的に行う サーバーにリクエストを投げるのは最小限 クライアントでサーバーモデルのキャッシュを作り、更新が期待されるまで再取得しない 理由 いくらDOMの最適化したところでUXに影響が大きいのはサーバーリクエスト(200~2000ms)で、プログラミング段階で辛さがあつまるのは非同期処理の部分。 プログラマとし
Jasmine + Sinon.js を使って Backbone.js アプリケーションをテストするチュートリアルを読みました JavaScriptのためのBDDテストフレームワーク「Jasmine」と、簡単にスタブやモックオブジェクトを導入する「Sinon.js」を使って、JavaScriptのためのMVCフレームワークである「Backbone.js」で書かれたアプリケーションをテストするチュートリアル記事を読みました。 全3部構成。英語。 Testing Backbone applications with Jasmine and Sinon – Part 1 – Tinned Fruit Testing Backbone applications with Jasmine and Sinon – Part 2. Models and Collections – Tinned Frui
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
川越シェフ公認・究極のレタッチ選手権がここに開幕!! レタッチ王の栄冠を手に入れた参加者には、Creative Cloud 1年分ほか魅力的な賞品が授与される。 さあ、真のレタッチ王の称号は、誰の手に!?
音声配信業界のニュースまとめ👇👇👇 無料ニュースレターを購読する Yoshihiko Yoshida フリーIT講師。「マツコの知らない世界」「王様のブランチ」「ZIP」などTV出演多数。教育システム情報学会会員。元立教大学/第等文化大学非常勤講師。主な著書「Googleアナリティクス基礎講座」(技術評論社)。 >>もっと読む @creator_enewsをフォロー <<お問い合わせはこちら>> ・プライバシーについて 当ブログではGoogleアナリティクスとcookieを用い、個人を特定しない範囲でアクセス状況を記録しています。Google側ではその情報をGoogleアカウントと紐付けパーソナライズ広告に利用しています。その情報は取り扱いに注意しつつ、内容充実や企画立案など、皆様のお役に立てるよう活用しています。 パーソナライズド設定をオフにするには、Google公式ページを御覧く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く