タグ

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

  • Squidの更新パターンでインターネットアクセスを高速化する

    プロキシキャッシュサーバであるSquidの設定パラメータを用いてバイトヒット率を上げれば、利用可能な帯域幅を3~6割近くも拡大できる。Webサイトの最適化を考えるあなたにはまずこれを試してみていただきたい。 帯域幅の制限は、インターネットに接続している多くの人にとっていまなお残る問題の1つだ。しかし、プロキシキャッシュサーバSquidをネットワークにインストールし、設定パラメータを用いてバイトヒット率を上げれば、利用可能な帯域幅を3~6割近くも拡大できる。 Squidは、きめ細かいチューニングによってさまざまなニーズに対応できる。現行の安定版には少なくとも249個のパラメータがあり、丁寧なコメントがついた設定ファイル(通常は「/etc/squid.conf」)は4600行以上もある。このボリュームには、経験豊かな管理者でも圧倒されるだろう。設定の変更はすべてこのファイル上で行う。 1週間で

    Squidの更新パターンでインターネットアクセスを高速化する
  • Squidでのキャッシュ保存期間の設定(refresh_pattern) - takami_hiroki’s blog

    キュッシュの保存期間をコントロールするための設定です。 頻繁に更新されるコンテンツは短く、画像ファイルなどはあまり変わらないので長くしたりします。 基設定 refresh_pattern [-i] regex・・1 min・・2 percent・・3 max・・4 [options]・・5 正規表現を用いて、設定対象のファイル(パターン)を指定。デフォルトでは、大文字/小文字が区別されるので、無効にしたい場合は、-i オプションを使う。 単位は分。保存時間(キャッシュサーバ上でキャッシュされている時間)が設定値未満の場合は、(まだ新しいので)そのキャッシュオブジェクトを返却する。 単位は%。「(キャッシュサーバでの)保存時間÷(元のサーバでの)作成または変更からの経過時間」が、設定値より小さい場合、新しいとみなして、キャッシュオブジェクトを返却する。 単位は分。保存時間が設定値より長い場

    Squidでのキャッシュ保存期間の設定(refresh_pattern) - takami_hiroki’s blog
  • Liveweave HTMLエディター

    Initializing... Liveweave expand_more home Home data_object CSS Explorer arrow_outward Palette Color Explorer arrow_outward Polyline Graphics Editor arrow_outward build Tools expand_more restart_alt Load base template post_add Generate Lorem ipsum... code Format HTML code_blocks Format CSS data_object Format JavaScript library_add Library expand_more AAlgolia JS Animate CSS Apex Charts JS BBulma C

  • HTML5、CSS3、JavaScriptがリアルタイム編集できる!軽量HTMLエディタ「Liveweave」 - Chrome Life

    みなさんは、HTMLCSSのコーディングには何を使っていますか? デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ「Liveweave」です。 「Liveweave」は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン

  • Fluentdで収集したログのHTTPステータスコードを集計し、結果をGrowthForecastでグラフ化する - FAT47の底辺インフラ議事録

    最近個人的にいろいろ弄っているFluentdでまた記事をかきます。 これからやること。 (1) Fluentdで収集したApacheログをGrowthForecastでグラフ化 (2) fluent-plugin-datacounterを利用して、ログのHTTPステータスコードのチェックと集計を行い、結果をfluent-plugin-growthforecastでグラフ化 Fluentdの説明と導入記事は前回の記事で。 Apacheログをfluentd+MongoDBで収集しRubyで集計 GrowthForecastの導入も前回の記事から。 様々な値をWebAPI経由でグラフ化できる「GrowthForecast」をインストールしてみた まず (1)Fluentdで収集したApacheログをGrowthForecastでグラフ化 GrowthForecastのWebAPIを叩いてくれるf

    Fluentdで収集したログのHTTPステータスコードを集計し、結果をGrowthForecastでグラフ化する - FAT47の底辺インフラ議事録
    takeshiyako
    takeshiyako 2012/07/11
    Fluentd
  • CSS3の制作をぐっと楽にする厳選20のオンラインツール

    CSS3アニメーションをはじめ、グラデーションやシャドウやボーダー、テキストやボックスをかっこよくしたり、レスポンシブデザイン用のグリッド、セレクタの使い方など、スタイルシートの制作時に役立つオンラインツールを紹介します。 Animate.css classを付与するだけで、さまざまなCSS3アニメーションが実装できます。 初っ端からオンラインツールじゃないですが、簡単にCSS3アニメーションが利用できるということで。