タグ

2014年5月16日のブックマーク (16件)

  • Capistrano 3への手引き - 今日のごはんは素麺です

    Capistrano、便利ですよね。 capistrano/capistrano 最近メジャーバージョンアップがあったのですが、使い方、というかスクリプトの書き方やお作法が変わり、「Capistrano 3にアップデートしたはいいけど全然動かなくてどうなってんだ」という流れはもはやお約束みたいです。 試しに僕も個人で作ってるウェブサイトのCapistranoをアップデートしてみたので、その上でこんなところに気を付けたいな、と思うポイントでも書いておきます。 capifyは使わない Capistranoを使うときは$ bundle installをし、次に$ bundle exec capify .とするのがお約束の流れですが、これからはcapifyを使ってもcap installを使ってねと言われます。 ですので: $ bundle exec cap installとしましょう。 マルチス

    Capistrano 3への手引き - 今日のごはんは素麺です
  • Capistrano3のデプロイフレームワークの使い方 - Qiita

    Capistranoはバージョン3から汎用的なデプロイフレームワークになりました。タスクのフックを利用することで簡単に自分のアプリケーション環境に特化したデプロイプロセスを記述することができます。 稿では、この汎用化されたデプロイ機能の使い方に焦点を絞って解説したいと思います。より基的なCapistrano3の解説は 入門 Capistrano 3 ~ 全ての手作業を生まれる前に消し去りたい | GREE Engineers' Blog がよくまとまっているので、そちらを参考にしてください。この参考記事では "5. Capistranoデフォルトタスクの消去" でCapistranoの新規導入時のコストを下げる目的で、このフレームワーク機能を消去しています。稿はこのフレームワーク機能の使い方を解説するものです。 deployとframeworkの2つの抽象度が用意されている Capi

    Capistrano3のデプロイフレームワークの使い方 - Qiita
  • capistrano をバージョン 3 にアップデートして時代の流れに乗る · けんごのお屋敷

    2013 年 6 月頃に capistrano のバージョン 3 がリリースされました。かなり久しぶりのメジャーバージョンアップで色々変わっているようです。 Intobox でもデプロイには capistrano を使っていて、今回 capistrano のバージョンアップをしましたので手順の紹介とハマったことなどをまとめたいと思います。 capistrano v3 capistrano v3 は、より良いモジュール化、より簡単なデバッグ、より高速なデプロイ、などを設計目標として掲げています。 変更点が多いのでアップグレードガイドが公式サイトより提供されています。基的にはここを見ながら進めていくのですが、やることといえば Gemfile に gem 'capistrano', '~> 3.0' を追加 bundle install bundle exec cap install をやって

  • Nginxを使ってファイルアップロードを高速化する方法 - Qiita

    問題 Webアプリケーションで、大きなファイルのアップロードを受け付けると、リクエストベース(イベントベースじゃない)で作られたWebApplicationでは、 プロセスがその処理にロックされて、他の処理が遅延しパフォーマンスがでなくなります 。 解決策 ファイルを受け取る 部分をNginxに任せることが出います。 Nginx(イベントベース)のプロセスにファイルのアップロードを担当させて、アップロードしたファイルをApplicationに渡すことができます。ファイルの情報は、ヘッダーで受け取ります。 Before

    Nginxを使ってファイルアップロードを高速化する方法 - Qiita
    aki77
    aki77 2014/05/16
  • nginxのproxy設定ファイルも自動テストしよう - $shibayu36->blog;

    最近nginxでリバースプロキシの設定を書いているんだけど、設定のたびに番に緊張しながら反映していた。さらにその副作用として、nginxのファイルはリファクタリングされないという問題があった。 そこで反映する前にバグ等が見つかるようにnginx設定のテストを書きたいと考えた。今回はperlでテストを書いた。 どういうテストをしたいか やり方によってnginxの設定ファイルの分割の方法は違うのだけど、例えば以下の様なnginxの設定があり、それが別のファイルのhttpコンテキストの中にincludeされているという分割で考える。この時、この設定ファイルに書かれた内容が正しく動いているかテストを書きたい。 upstream app1 { server app1.host; } upstream app2 { server app2.host; } server { listen 8080;

    nginxのproxy設定ファイルも自動テストしよう - $shibayu36->blog;
  • DevTools 上で jQuery などのお気に入りのライブラリを簡単に使いたい方へ - latest log

    Chrome の DevTools には Code Snippets という機能があります。 これは「DevTools 上でお気に入りのライブラリを登録しておいて簡単に呼び出して使いたい」と言った、ありがちなニーズにぴったりフィットする機能です。 ChromeのDevToolsでjQueryをいつでも使いたいなら、Source-Snippetsで右クリックして[New]選んでjQueryをペタリしておくと[Run]するだけでjQueryをDevToolsで利用可能になりますよ〜 http://t.co/SfLE4Sic39— コラーゲンたっぷりさん (@uupaa) 2014, 5月 15 http://t.co/Ee2keo5n7u これ色んな事につかえて、DevTools の IDE としての機能も、アイデアしだいで拡張できるので、もちょっと広く認知されるといいんだけども〜 (ミ・◇・

    DevTools 上で jQuery などのお気に入りのライブラリを簡単に使いたい方へ - latest log
  • 自由でオープンなウェブ終了のお知らせか?またはそれを守るために我々は何をするべきか。

    先日、MozillaがブラウザにEMEを採用することを発表してしまった。Mozillaには正直言ってがっかりだ。以前、DRMがウェブに持ち込まれようとしている未だかつてない危機というエントリで危惧していたことが現実になってしまった。フリーソフトウェア財団も今回のMozillaの発表に対して非難の声明を出している。 EMEがブラウザに搭載されるのは、自由でオープンなウェブにとって危機的な状況であると言える。今日はそのことについて警笛を鳴らしたいと思う。 ウェブは自由でオープンだから発展したそもそも、ウェブがこれだけ発展したのは、その仕様が自由でオープンだったからだ。現実にはブラウザごとにクセが強すぎるので半ば笑い話にしかならないが、建前上は互換性はあることになっている。そのため、ウェブページはどのブラウザあるいはOSであっても閲覧することができる。中にはサポートしていないブラウザを拒否するよ

    自由でオープンなウェブ終了のお知らせか?またはそれを守るために我々は何をするべきか。
  • Mackerel - 新しいアプリケーションパフォーマンスマネジメント

    Features Why choose Mackerel? Mackerel is a server monitoring service provided by Hatena Co., Ltd.that offers all the functions necessary for cloud monitoring and service operation. Overwhelmingly Simple Installation Simply install the monitoring agent on your server and you're ready to start monitoring. See details Full-fledged Monitoring The ability to integrate various communication tools promo

    Mackerel - 新しいアプリケーションパフォーマンスマネジメント
  • AndroidManifest.xml 詳細

    全てのアプリケーションは、AndroidManifest.xml ファイルを持っています。 ここに、アプリケーションのあらゆる情報を記述します。 <manifest> Manifest File のルート要素です。 package アプリケーションのパッケージ名を Full Qualified Name で指定します。 これは以下の用途で利用されます。 基準パッケージ名 コンポーネントのクラス名など、このパッケージからの相対パス名で記述できます。 プロセス名 アプリケーションが実行するときのデフォルトプロセス名として使用されます。 Affinity コンポーネントのデフォルト Affinity として使用されます。 android:sharedUserId 他のアプリケーションと共有したいLinuxユーザIDを指定します。 これによって、他のアプリケーションと同じプロセスでアプリケーション

  • PhoneGap(Cordova)でネイティブコード(Java)を呼び出す - 憧れ駆動開発

    慣れない Java + Eclipse つらい ぼくがんばった おおざっぱな概念 だいたい以下の流れになる。公式ドキュメントと公式プラグインのリポジトリは以下 Apache Cordova API Documentation phonegap/phonegap-plugins · GitHub cordova.js でネイティブコードを呼び出す処理をかく(この場合 Java) cordova.exec を動かす 実際にネイティブコードを呼び出す で、もうちょっと言えば cordova.js でネイティブコードを呼び出す処理をかく(この場合 Java) service でプラグインとして文字列を渡す(keyみたいなもの?) プラグイン追加の初期化処理をする res/xml/config.xml に plugins を追加 実際に cordova.exec を動かす 成功コールバック関数、失敗

    PhoneGap(Cordova)でネイティブコード(Java)を呼び出す - 憧れ駆動開発
  • GoAccessでLTSV形式のアクセスログをリアルタイムに解析する - Qiita

    GoAccessとは GoAccessは、CLIで動作するリアルタイムアクセスログ解析ツールです。 htopを眺める感覚でリアルタイムにログ解析ができます。 GoAccessでリアルタイムにアクセスログを解析する でより分かりやすく解説されています。 背景 リアルタイムアクセスログ解析といえば、いまどきは fluentd + elasticsearch + kibana3 のような構成が主流だと思います。簡単に設定できるうえ、見た目にもきれいで分かりやすいですからね。 fluentd + elasticsearch + kibana3 の構成を組む場合、ウェブサーバーのログをLTSV形式で出力するようにしておくと fluentd でパースするときに難解な正規表現を書く必要がなくなり便利なのですが、それだとGoAccessでパースができなくなります。 せっかくなので fluentd + el

    GoAccessでLTSV形式のアクセスログをリアルタイムに解析する - Qiita
  • ssig33.com - Docker 運用しまくって得られたしょぼい知識

    よく知られているように Docker ではコンテナ自体は使い捨てで、アプリケーションが保持すべきデータはコンテナの外に格納する必要があります。 RDBMS 多くのアプリケーションが RDBMS を使用しています。 RDBMS の運用は実際のところかなり厄介ですが、まあ Amazon RDS を使っちゃいましょう。それが一番楽です。 EC2 じゃないところにサーバー置いてて RDS との通信量課金を払いたくないという場合は適宜頑張ってください。 Redis と memcached 現代の多くのアプリケーションが Redis や memcached を使っています。これも Amazon Web Services に ElastiCache があるので EC2 にサーバー置いてる場合はこれを使います。置いてない場合は適宜頑張ります。 その他 ここまでのことは特に何ということもないのですが、ここか

    aki77
    aki77 2014/05/16
    『GMO クラウドはサーバーリブートしたら戻ってこなくてサポート対応になって翌朝まで待ってね♪みたいになったことがもう 3 回ぐらいあるのでもう一生使いたくありません。さくらはそういうことない。』
  • モダンブラウザでコーディングするときの詰んでるバグ&仕様と解決方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、LIGフィリピン支社代表のせいとです。いきなりですが皆さん、コーディング中にブラウザのバグや仕様にぶつかって、解決策をググってみてもヒットせず「ヤバい、詰んだ」的な状況になったことはありませんでしょうか。 古いバージョンのIEとかAndroidならネットに蓄積された情報がけっこうあるのですが、ChromeやIE11で動作がおかしくなると、比較的情報が少ないので困ります。 今回はそんな「モダンブラウザ(PC)」に焦点を当てて、コーディングのレアケースなトラブル5つと、実際にそれをどう回避したのかをご紹介します。 <a>タグに「position:absolute」を指定してホバー時にスタイルを変えようとすると中のテキストが一瞬太字になる(Safari) 以前、「position:absolute」を使ってホバーすると動くボタンを実装したことがあったのですが、safariで見るとホバ

    モダンブラウザでコーディングするときの詰んでるバグ&仕様と解決方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Webディレクター向けChromeアドオン10選(基本編)

    目に青葉山ほととぎす初鰹。みなさまいかがお過ごしでしょうか。ディレクターをしているluckyと申します。ゴールデンウィークが終わり、早くも夏休みに思いを馳せている方々も多いかと思います。私もそのひとりですが… ここはひとつ気合を入れるべく、ビシッ!と業務改善に繋がるようなGoogle Chromeのアドオンをご紹介させていただきます。今回はディレクター業務を行う上で便利だと感じた、ごく基的なものを10個チョイスしてみました。 目次 そもそもアドオンってなに? Awesome Screenshot QRcode maker ColorZilla 文字数カウンタ Cache Killer Page Ruler ウェブタイムマシン Ghostery AdMatrix Analytics Evernote Web Clipper 結論 そもそもアドオンってなに? ・ブラウザに新機能を追加できる簡

    Webディレクター向けChromeアドオン10選(基本編)
  • apple-mobile-web-app-capableの挙動について - console.lealog();

    通常のWebページを、Safariではなく独自のアプリっぽい見せ方で表示できるという噂のプロパティです。 ただこのプロパティ、情報なさすぎや・・・。 とりあえずわかったことのメモ。 設定 設定するには、以下を指定。 <meta name="apple-mobile-web-app-capable" content="yes"> iPhone5の場合、あわせて以下を指定。 <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> キモは、widthの指定をしていないところと、initial-scale=1なところ。 こうしないと、iPhone5では上下のセンター寄せみたいになります。 使う分にはコレだけです。 おまけ 上記設定でフルスクリーン化してい

    apple-mobile-web-app-capableの挙動について - console.lealog();
  • AWSアクセスキーをgitに誤って登録しないようにする | DevelopersIO

    はじめに Gitはとても便利ですが、GitHub上で不適切に公開されている秘密鍵を使ってAWSに不正アクセスする事例が発生 というようにAWSアクセスキー、シークレットキーを誤って登録してしまうととても恐いことになります。利用者側で気をつけられるようにGitのフックをつくってみましたので報告します。 Git フックとは? Gitにはフックというなにかの操作の前後にスクリプトを実行できるような仕組みがあります。これを使うことにします。コミットの前に気づければよいのでpre-commitを使うことにします。サンプルファイルが .git/hooks/pre-commit.sampleにありますが、今回はシンプルにしたいので、.git/hooks/pre-commitをスクラッチで作ります。 アクセスキー混入防止フック とてもシンプルです。git diffをしてその中に KEYという行があり、さら

    AWSアクセスキーをgitに誤って登録しないようにする | DevelopersIO