logstash 1.1.1で複数のサーバからApacheログを収集する
前回の続き。 前回は同一サーバ上のApacheログを直接読み込んでlogstashに貯め込む構成を作ったので、今回は次のステップとして、複数サーバのApacheログをlogstashで収集する構成を作ってみる。 …といっても、まずはひとつのサーバ上で試してみることとする。 公式ページのCentralized Setup with Event Parsingを参考にする。 動作させるコンポーネントとデータの流れは、こんな感じ。 Redisのインストール まずはRedisをインストールする。 /tmp/redisにRedisのソースをダウンロード。 $ cd /tmp $ mkdir redis $ cd redis $ wget http://redis.googlecode.com/files/redis-2.4.17.tar.gz $ tar xvzf redis-2.4.17.tar.
Logstash: Collect, Parse, Transform Logs | Elastic
Search and analytics, data ingestion, and visualization – all at your fingertips.
Bring Your Forms Up to Date With CSS3 and HTML5 Validation | Envato Tuts+
Let's look at how to create a functional form which validates users' data, client-side. With that done, we'll cover prettying it up using CSS, including some CSS3! Before we get started, you may want to consider using one of our HTML5 Templates or CSS Themes for your next project—that is, if you need a quick, professional solution. Otherwise, it's time to begin this step by step tutorial. Step 1:
Microdata を使ってみよう。サンプルソースで学ぶ Microdata
HTML5 Advent Calendar 2012、7日目の記事として、Microdata （マイクロデータ） に触れてみます。サンプルソースを中心に、実際のページでどのように使えるのかを示しました。これから Microdata を使ってみたいという人に少しでも参考になればと思います。 HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね… さて、タイトルの通りなのですが、HTML Microdata （マイクロデータ） について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく （文末にまとめてあります） として、この記事では、そういう解説は置いといて、Blog や、企業の Web サイトなど
gitでpushしたコミットが消える現象の対処法、もしくはgit reflogの紹介 - id:anatooのブログ
gitを使っていて、「pushしたはずのコミットがいつのまか消えた!」という話をよく聞く。はじめて遭遇すると、「あれ?コミットしたはずのコードが消えてる!今日の作業が台無しに!」と思って焦ってしまう。この記事ではそれの原因とgit reflogを使った対処法を紹介する。 なぜ起きるのか? gitにはブランチがあり、ブランチごとにコミットを記録できる。gitのリポジトリの作業領域は現在のブランチのものだ。例えばgit branchで確認すると現在のブランチを確認できる。 git branch * masterなんらかのブランチで作業するのが普通だが、現在の作業ブランチがno branchの状態になってしまうことがある。これは、コミットのハッシュIDを直接checkoutしたり、リモートのブランチを直接checkoutした時に起こる。そのときには以下のような警告が起きる。 $ git chec
The Sitemap Paradox
We use a sitemap on Stack Overflow, but I have mixed feelings about it. Web crawlers usually discover pages from links within the site and from other sites. Sitemaps supplement this data to allow crawlers that support Sitemaps to pick up all URLs in the Sitemap and learn about those URLs using the associated metadata. Using the Sitemap protocol does not guarantee that web pages are included in sea
JavaScriptでデスクトップ通知を行うためのライブラリ. showメソッドにiconも追加しておきたいところ. - Qiita
JavaScriptでデスクトップ通知を行うためのライブラリ. showメソッドにiconも追加しておきたいところ.JavaScript Notification = { initialized : false, NOT_ALLOWED: 1, NOT_SUPPORTED: 2, // 初期化. 利用前に必ず実行すること init: function() { if( typeof webkitNotifications === 'undefined' ) { return false; } this.initialized = true; if( typeof webkitNotifications.PERMISSION_ALLOWED === 'undefined' ) { webkitNotifications.PERMISSION_ALLOWED = 0; webkitNotific
Ajalog.7z: [HTML5][JavaScript] Notifications APIを使ってみる
2010/08/08 [HTML5][JavaScript] Notifications APIを使ってみる Tag HTML5, JavaScript Notifications APIって？Notifications APIを使うと、ブラウザからデスクトップの右下に通知メッセージを出すことができます。 こんな感じ。なかなかに魅力的。Chromeの拡張ではもともと使える機能だったらしいけど、いつの間にやら普通のWebサイトでも使えるようになっていた（のかな）。ちなみに仕様はここhttp://dev.w3.org/2006/webapi/WebNotifications/publish/でまとめられているみたい。Chromiumでの仕様はhttp://sites.google.com/a/chromium.org/dev/developers/design-documents/deskt
High CPU load when converting images with ImageMagick
In certain versions of ImageMagick there is a problem (probably due to a bug) when trying to convert or manipulate an image either from the command line (convert command) or through one of the many API’s available (for example PHP). The CPU usage suddenly grows beyond 100% (because this problem occurs on multiprocessor systems) and the system becomes extremely slow. Apart from this high CPU load,
Photobooth.js
$('#example').photobooth().on("image",function( event, dataUrl ){ $( "#gallery" ).append( '<img src="' + dataUrl + '" >'); }); container = document.getElementById( "example" ); gallery = document.getElementById( "gallery" ); myPhotobooth = new Photobooth( container ); myPhotobooth.onImage = function( dataUrl ){ var myImage = document.createElement( "img" ); myImage.src = dataUrl; gallery.appendChi
width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。（CSS おれおれ Advent Calendar 2012 – 05日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 05日目 横幅いっぱいに広げようとしてwidth:100%を指定したら横スクロールバーが出ちゃった、という経験ありませんか？ その原因と仕組み、回避策についてお話しします。 わりとFAQな感じ。これは是非覚えておいてもらいたいです。というか知っておいてください。 はみ出した例 position:absoluteないしposition:fixedを使った際にこうなっちゃう事が多いと思います。 上部から出てきたメッセージ欄、横にはみ出てますね。 でも指定はちゃんとwidth:100%です。「幅いっぱい」を指定しているのに、どうしてはみ出てしまったんでしょうか。 「幅」が意味するところ 実はCSSの仕様が定めるところの「幅」というのが、我々が視覚的に認知している「幅」と異なっているのが原因です。 CSSではこんなものを定めています。
Retina時代のWeb制作
Retinaディスプレイを搭載したiPhone 4が発売されて一年半。 巷では高解像度のiPadやMacBookの発売が噂され、Mac OS XではiPhoneのRetinaディスプレイに相当するHiDPIモードがほぼ完成に近付いています。 これら高解像度ディスプレイを搭載した環境では、互換性を維持するため、低解像度の環境に合わせて作られたコンテンツは基本的に低解像度のまま表示されます。 それはウェブブラウザにおいても例外ではありません。従来のウェブページは何の問題も無く表示されますが、新しい高解像度のデバイスには、新しい高解像度のコンテンツを提供したいものです。 Retinaディスプレイを搭載したiPad、そしてパソコンが普及した時、ウェブ制作の手法も変化を求められます。来るべき時代に備え、今のうちにRetinaディスプレイへの対応方法を確認しておきましょう。 ※ 以下に記した手法はMa
アマゾンCTOが語った、「クラウドネイティブ」なアプリのつくりかた
米アマゾンCTOのヴァーナー・ヴォーゲルズ（Werner Vogels）氏は11月29日、米Amazon Web Services（AWS）のイベント「re:Invent」2日目の基調講演で、21世紀的なアプリケーション開発のあり方について刺激的な議論を展開した。 クラウドコンピューティング（ヴォーゲルズ氏にとってはAWSを意味する）では、ITリソースに関する制約が取り払われるとともに、これらのリソースすべてがプログラマブルになる。このため、あらゆる局面でITリソースを意識しなければならなかった従来のアプリケーション設計手法は本質的に変化し、開発者は、ビジネスに対して価値を与えることに集中できるようになる、とヴォーゲルズ氏は語った。これは、前日のAWS総責任者アンディ・ジャシー（Andy Jassy）氏による基調講演の影のテーマともシンクロする。 「AWSのすべての機能やツールには、存在し
解雇規制が正社員を「身分」にしている - モジログ
日本維新の会の公約に「最低賃金廃止」「解雇規制緩和」が盛り込まれ、これに対して大きな批判が起きているようだ。フリーライターの宮島理氏は、この批判は「日本人は仕事ではなく身分を欲しているからだ」として、維新の改革案を擁護している。 フリーライター宮島理のプチ論壇 - 仕事ではなく身分が欲しい日本人（2012/12/1） http://miyajima.ne.jp/index.php?UID=1354326019 ＜非正規・正規の公平性、解雇規制緩和、最低賃金制廃止といった労働市場制度改革は正攻法である。しかし日本では支持されない。なぜなら、日本人は仕事ではなく身分を欲しているからだ＞。 ＜日本維新の会の言う通りに労働市場制度改革を実行すれば、正社員の立場は不安定になるだろう。一方で、最低賃金廃止と解雇規制緩和により雇用は増える。若年層やリストラ中高年層のチャンスも大きくなる。また、非正規・正
StaticMatic
Complete with: "Local" generated links are relative - no more use_relative_path_for_* configuration settings Ability to strip .html and index.html from link tag urls configuration.sass_options And More! Static websites, the modern way Web developers are used to using dynamic and frameworks like Ruby on Rails to develop applications. When it comes to working with static, non-dynamic websites
パフォーマンスからみるSass/Compass 第2回：CompassによるCSS Sprite - MOL
Sass、Less、StylusなどCSS Preprocessorに関するAdvent Calendarです。― CSS Preprocessor Advent Calendar 2012 - Adventar パフォーマンスの勉強ができてなおかつSass/Compassのお勉強にもなるお得なシリーズまさかの2回目。Adventにぶつけてきた！ややもするとシリーズものの2作目というのは駄作になりがちだが、そんなプレッシャーはねのけて乱反射！やっていくYO! これまでの： パフォーマンスからみるSass/Compass 第1回：Nestingと@import - MOL パフォーマンスからみるSass/Compass 番外編：MSは青かった - MOL CSS Spriteの利点・欠点 『ハイパフォーマンスWebサイト』の書籍には「高速サイトを実現する14のルール」というものがある。その中
ミニマムなPHP5.4移行ガイド - Cybozu Inside Out | サイボウズエンジニアのブログ
「サイボウズ・アドベントカレンダー」の2日目です（これまでの記事一覧）。 こんにちは。Garoonのメンテナンスチームの横田です。 JavaScriptだなんだと言っていますが、今日はPHPのバージョンアップの話です。 以前話題になっていた記事やコメントをみると、恐ろしすぎてついていけないです。しかし、いつかはPHPのサポートが切れて、PHP5.4への移行をしなくてはいけません。gkbrモノですよね！特段すごいことでないと前置きしておきますが、できるだけコードを触らずにPHP5.4で動かすためには、どうしたらいいのかをちょちょいと説明しちゃいます！ PHP5.4対策 まずは、php.iniファイルのE_STRICTを切ります。PHP5.4ではデフォルトでONになりますので、明示的に切りましょう。 Call-time pass-by-reference(関数呼び出し時の参照渡し)がPHPの機
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
xCharts
PHPMatsuri - From Micro to Full Stack - Silex // Speaker Deck
How To Make A Simple Paginate PHP Class With Light & Dark Styles - Paulund