HTTPリクエストを減らすために【DataURI編】遅延ロードでレンダリングブロックを回避 - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 4日目は、本ブログでも何回か話題にしているインライン画像についてです。 データURIスキーム CSS Sprite画像はDataURI画像にすべきか？ Data URI画像のテスト結果について 以前の記事で私は以下のように述べましたが、これはいやらしい表現だ。 DataURIの画像は、通常の画像に比べて6倍遅いとかゆう記事もある このような『xxx倍高速化』、『xxx倍遅い』と言った表現は、わかりやすい反面、本質を見失
HTTPリクエストを減らすために【終章】我々には1000msの猶予しか残されていない
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 最終日は、我々フロントエンドデベロッパーに課せられた理想と現実のはざまについて冷静と情熱のあいだらへんで考えていく。まずは下記のブログを読んでもらいたい。 Google ウェブマスター向け公式ブログ: スマートフォンサイトの読み込み速度を改善するために まぁ読まなくてもいいのだが、ここで述べられている重要なことは2つ。 モバイルの平均読み込み時間は7秒 しかし、ユーザーは1秒未満を求めている 平均読み込み時間の7秒とい
200行で作る、enchant.jsを使った簡単ぷよぷよプログラミング - あのねノート。
2013-08-24 200行で作る、enchant.jsを使った簡単ぷよぷよプログラミング やり方 はじめに この前enchant.jsでぷよぷよ by おっ立ち野郎を作って公開しました。 enchant.jsで作ったHTML5+JavaScriptな「ぷよぷよ」を公開しました これを知り合いR君に紹介したところ、嬉しい事に「僕もぷよぷよ作りたい！」といってもらえました。それでぷよぷよの解説サイトをネットで見つけて紹介しようと思いました。 しかし、テトリスの解説サイトは山ほどあるのに、ぷよぷよプログラミングの解説サイトが全然ありませんでした。特に完成まで解説しているサイトは見つけられませんでした。テトリスはあるのに。 ということで、今回ぷよぷよプログラミングの完成までの解説を書いてみました。これはenchant.jsの基礎をひと通り勉強された方におすすめです。クマをちょこちょこ動かすだけ
ドワンゴ「助けて！ エンジニアが朝出社しないの！」→ 女子マネージャーが弁当を手渡してくれる「女子マネ弁当」システム導入で生活習慣改善へ
ニコニコ動画などを運営するドワンゴは、9月2日よりエンジニアの生活習慣改善のため「女子マネ弁当」システムを導入する。そのお披露目会が8月28日、ドワンゴ社内で行われた。 「女子マネ弁当」とは、毎朝、えんじ色のジャージを来た「女子マネ」と一緒にラジオ体操を実施し、参加スタンプと引き替えに「女子マネ」からお弁当を受け取ることができるという社内制度。な、なんだその夢のようなシステムは……。 この日は社外へのお披露目を兼ねていたため、通常より1時間遅い11時半スタート（通常は10時半から）。時間になるとジャージ姿の女子マネが台の上に立ち、フロア全員でのラジオ体操がはじまった。見るからに不健康そうな（失礼）エンジニアたちが、女子マネの号令に従って体を動かすという、この世のものとは思えない光景が約3分間にわたって繰り広げられた。 社内に女子マネがいる不思議光景 「腕を前から上にあげて大きく背伸びの運動
<html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita
つまりhtml, head, bodyなどの使い慣れたお決まりのタグは今更書くまでもないということ。 参考: どのようなタグが省略可能か http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#syntax-tag-omission P.S. STORYS.JP、 coincheck などのサービスを運営、開発しています。興味のある方はぜひ 和田まで連絡を！ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can
第3回 Spring開発環境の整備 | DevelopersIO
よく訓練されたアップル信者、都元です。大変お待たせいたしました。評判がそこそこ良いのは知っていたのですが、AWSネタに押し流されて放置してしまいました。ただ、私のSpring愛は衰えておりませんので、ぼちぼちと続きを書いて行きたいと思います。冷静に見ると5ヶ月も間を開けてしまいましたね。ごめんなさいごめんなさい。というわけで、下記をおさらいの上、読み進んでみてください。（私も読んでから書かないと流れが掴めませんｗ） 第1回 はじめてのSpring Framework 第2回 Springの様々な設定記述 – AnnotationもJavaもあるんだよ というわけで、前回までは、DIコンテナの考え方や、beanの定義方法 *1等について解説しました。手続き的な記述と宣言的な記述の分離など、思い出して頂けましたでしょうか。 さて今回はちょっと毛色を変えて、Springを使ったJava開発の開発
AquesTalk Pi の使い方まとめ | N.Yamazaki's blog
2022/02/07 追記あり AquesTalk Piとは、Raspberry Pi上で軽快に動作する音声合成コマンド(プログラム)です。 インストールから基本的な使い方、オプションの使い方を簡単にまとめました。 Raspberry Pi Type B ■音が出るか確認 予めRaspberry Piで音声が再生できるかチェックします。 オーディオをミニプラグに出力させる場合 $ amixer cset numid=3 1 オーディオをHDMIに出力させる場合 $ amixer cset numid=3 2 追記 2020/10/10 "amixer: Cannot find the given element from control default" とエラーが出る場合、画面右上スピーカーアイコンの右クリックで切り替えてください。 以下のコマンドでRaspbianに用意されている音声デ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Best practice from Google HTML/CSS Style Guide