最終回 治療としてのパフォーマンスチューニング―システムの病気はどう治す?(3) ミック 2011-04-01
1300の優良サイトが選んだシリース、第3回は「AMDと遅延ロード」です。 JavaScriptファイルのロードのパフォーマンス向上を図るメカニズムを「AMD(Asynchronous module definition)」といいます。Webアプリ開発を行なうデベロッパの方は、今後重要な知識になるでしょう。 一方で画像ファイルのパフォーマンスを向上させようという「遅延ロード(Lazy Load)」というアイデアもあります。こちらはサイトのデザインそのものにも影響を与えることになるため、Webアプリのデベロッパだけでなくデザイナの方も、仕組みを知る必要があるでしょう。 今回も、1300の優良サイトが採用しているAMD・遅延ロード手法を確認し、ベストプラクティスが何かを探ってみようかと思います。 画像ファイルの非可視エリアロード問題対策 画像ファイルのサイズは、比較的大きくなるという特徴を持ち
きっかけは謎のDoS攻撃 つい先日、Apache のDoS攻撃対策機能を検証するため、とある WordPressサイトのサーバーにDoS攻撃を検出できるモジュールを設置しました。 モジュールが出力するログを確認してみると、同じIPアドレスから大量のDoS攻撃が!!しかも1日中攻撃しています。 [Tue May 16 06:51:54.053502 2017] [:notice] [pid 813] dosdetector: '160.16.57.86' is suspected as DoS attack! (counter: 6) [Tue May 16 06:53:54.065761 2017] [:notice] [pid 1282] dosdetector: '160.16.57.86' is suspected as DoS attack! (counter: 6) [Tue M
圧縮フォルダを無効化するには、いくつかの方法があります。 ・直接レジストリ変更 ・有効 / 無効を切り替え可能なバッチファイルを使用 ここでは「有効 / 無効を切り替え可能なバッチファイル」について記述します。 圧縮フォルダ無効化 バッチ for Windows 7 作成者 X-WORKS 日本語化バッチ等で有名なX-WORKSさんが作成、公開してくれた便利なバッチファイルです。 公式サイトはドメイン切れで、更新が途絶えています。 上記状態の為、現在無効化バッチファイルは入手できません。 必要としている方が多く、誰かがアプロダで公開してくれました。 うp主とは無関係+無断転載等にあたる為に、転記すること自体申し訳ありませんが…。 入手先 Windows7 圧縮フォルダ無効化ツール (zip lzh cab・32bit 64bit 全対応) http://www1.axfc.n
記述内容に誤りがある場合があります。 基本的には「Windows7 (x64) Home Premium SP1」基準で 「32ビット版」と「Home Premium」以外のエディションについては記述内容通りではない可能性があります。 インデックスを無効化する為の条件 ・アカウントがAdoministrator権限 ・隠しファイルを表示する設定に変更 関連:隠しドライブ、フォルダ、ファイルの表示 ※作成予定※ 「サービス」の変更は危険な行為だと言われていますので自己責任で実行してください。 インデックス関連の1項目のみ変更で特に問題はないと思います。 環境により不具合が発生する可能性がある為に注意してください。 無効にした場合でも簡単に「有効」に戻すことが可能です。 一番簡単なお勧めな方法の為に「サービス」を変更 1 「スタート > コントロール パネル > 管理ツール」
CakePHPのモデルはfindすると関連するモデルのテーブルと勝手にJOINしまくる。デフォルトの状態で。 なのでapp_model.phpでそういうことはやめてくれとお願いする。 class AppModel extends Model { var $recursive = -1; } これですべてのモデルで意図せぬJOINはしなくなります。 そのモデルに結びついたレコードだけを持ってくるようになる。 たまにCakePHP遅すぎてつかえねーとか言ってる人もいらっしゃるようですが、ここらへん設定したらもしかしたら解消されるかも知れません。 JOINして欲しい時は明示的に、モデルのメソッドの中なら $this->recursive = 1; コントローラやテストコードのメソッドの中なら $this->ModelName->recursive = 1; やらするといいでしょう。 またはfin
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
MySQLMySQLの複合インデックスについて。MySQLを使いこなしている人には常識の範疇にはいる知識だと思うのですが、かつての私のように、知らないとドツボにはまるので、ここにまとめておきます。タイトルでどういう内容か、もしかしたら大体、想像がつくかなと思うのですが、MySQLは1つのクエリーで1つのテーブルに対し、1つのインデックスしか機能しないということです。ようするに、あるテーブルに対して、普通に大量のインデックスを張ってもあまり意味がありません。そこで、今回は、最適な複合インデックスはどのようにしてはることができるか考えていこうじゃないか、という趣旨で書いていきたいと思います。まずは分析。テスト環境でインデックスが使われていないSQLを集めるまずは、/etc/my.cnfのパラメータを以下のように設定し、インデックスが使われていないSQLをスロークエリーに吐き出します。 slow
Media Queries Level 3 W3C Recommendation, 21 May 2024 More details about this document This Version: https://www.w3.org/TR/2024/REC-mediaqueries-3-20240521/ Latest Version: https://www.w3.org/TR/mediaqueries-3/ Latest Editor Version: https://drafts.csswg.org/mediaqueries-3/ Previous Version: https://www.w3.org/TR/2022/REC-mediaqueries-3-20220405/ History: https://www.w3.org/standards/history/media
Read the follow up article written August 21, 2013 Ethan Marcotte’s article Responsive Web Design has caught the imagination of web developers. Several subsequent articles have touted the CSS media query feature as a way to build mobile-optimized web sites. Even I’m guilty of contributing to this meme with my article on CSS orientation. Unfortunately, CSS media query is fool’s gold for mobile devi
どうやらアメリカでMedia QueriesやResponsive Webについての議論がヒートアップしているようなので、Media Queriesについてじっくり考えてみた。 Media Queriesが必要なわけ (理由) スマフォ対応に使うべき? そんなに簡単ではない もっともな異論 まとめ Media Queriesが必要なわけ (理由) ひと昔まえ(5年前とか…)だったら 800 x 600px か 1024 x 768px のどちらかを選べば、たいていのユーザ環境をカバーすることができました。しかし、昨今のユーザが使うデバイスのスクリーンサイズは様々になっています。 たとえば、デスクトップ版のMacだけ見ても幅のサイズは以下のように大きく違ってきます。 iMacの27インチ → 2,560ピクセル MacBookの15インチ → 1,440ピクセル MacBook Airの11
Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア(パソコンの画面、テレビ、プリンタ用紙など)を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く