ウェブオペレーションエンジニアはリリース前のソースコードのココを見ているッ！ - blog.nomadscafe.jp
「ウェブオペレーションエンジニアはリリース前のソースコードのココを見る！」みたいな記事があればいいね — masahiro nagano (@kazeburo) November 20, 2012 ちょいと前にツイートしたこの件のまとめ。新規サービスのリリースや既存サービスに新しい機能が追加される際に、しばしばそのソースコードを確認しているのですが、僕がどんなところを見ているのかまとめてみました。 そのサービスへの導線とランディングページの確認 まず、そのサービスへの導線やランディングページを確認します。そしてその一番アクセスがあろうページ、一つか二つに確認対象を絞ります — masahiro nagano (@kazeburo) November 20, 2012 どんな素敵なサービスも、機能も適切な誘導がなければ使われる事はありません。また誘導次第では大量のアクセスが一度にサーバに対し
1.ネットワークの基本設定(第5章ネットワークの設定と操作:基本管理コースI)
1-1.ネットワーク・サービスの起動と停止 1-2.ネットワークの各種設定ファイル (1)ネットワークの設定ファイル【1】 (2)ネットワークの設定ファイル【2】 (3)ネットワークの設定ファイル【3】 1-3.ネットワーク設定の確認 2-1.TELNET (1)TELNETについて (2)TELNETサービスの設定と起動 2-2.SSH (1)SSHについて (2)SSHサービスの起動と停止 (3)SSHサービスの設定 (4)SSHの利用 −ユーザー名/パスワードによる認証 (5)SSHの利用 −公開鍵・秘密鍵による認証 (6)SSHを使用したツール 2-3.FTP (1)FTPについて (2)FTPサービスの起動と停止 (3)FTPサービスの設定 Linuxシステムは、ほとんどの運用のケースでTCP/IPネットワークに接続することが不可欠となります。したがって、この章では、MIRACL
JF: Linux Kernel 2.4 Documentation: tuntap.txt
Linux Kernel 2.4 Documentation: /usr/src/linux/Documentation/networking/tuntap.txt networking/tuntap.txt ユニバーサル TUN/TAP デバイスドライバについて [プレインテキスト版] 原著作者: Maxim Krasnyansky <max_mk@yahoo.com> 翻訳者: 小林 雅典 <zap03216@nifty.ne.jp> バージョン: 2.4.20 翻訳日時: 2003/01/24 ユニバーサル TUN/TAP デバイスドライバ Copyright (C) 1999-2000 Maxim Krasnyansky <max_mk@yahoo.com> Linux, Solaris 対応ドライバ Copyright (C) 1999-2000 Maxim Krasnyansk
Linux Advanced Routing & Traffic Control HOWTO
Table of Contents1. 献辞2. はじめに2.1. 免責およびライセンス2.2. 事前に必要な知識2.3. Linux にできること2.4. この文書の管理についてのメモ2.5. 取得、CVS およびアップデートの投稿2.6. メーリングリスト2.7. この文書の構成3. iproute2 入門3.1. なぜ iproute2 なのか?3.2. iproute2 の概略3.3. 事前の必要条件3.4. 現在の設定を調べてみる3.5. ARP4. Rules - ルーティングポリシーデータベース4.1. 簡単なソースポリシールーティング4.2. 複数のアップリンク/プロバイダに対するルーティング5. GRE トンネル、その他のトンネル5.1. トンネルに関する一般的な事柄5.2. IP in IP トンネリング5.3. GRE トンネリング5.4. ユーザランドのトンネル6.
Navigation Timing API
Loadtime Breakdown drag the button to bookmarks toolbar ↓ click it on any page you want to check you may also click it first here to see what it does This script uses Navigation Timing object to present timing of different phases of loading the page by a browser. It measures everything from triggering the action (hitting enter on url bar, refreshing page or clicking a link/button) to the moment wh
Backbone.jsでNode.jsとクライアントサイドのロジックをイケてる感じで共通化する - Webtech Walker
Backbone.js Advent Calendarの12日目です。 Backbone.jsを使ってNode.jsとクライアントサイドのJavaScriptでロジックを共有する方法について書いてみます。 Node.jsといえばチャット。チャットといえばSocket.IOということでSocket.IOを使ったチャットを例にしてみます。 例えばチャットの一回の文字列の上限を140文字にしたいとします。その場合クライアント側でもサーバー側でも同じバリデーションのロジックを実装するのは面倒ですし、上限値が変更になったときに2箇所変更するのはイケてないですね。そこでBackbone.jsを使ってその部分のロジックを共通化する方法を考えてみます。 Backbone.jsはnpmでインストールできるのでまずはBackbone.jsとSocket.IOをインストールします。 $ npm install
Gruntの概要と導入手順とメリット | 1000ch.net
2012/12/08 Gruntとは grunt: a task-based command line build tool for JavaScript projects もはや説明不要の可能性もありますが、 gruntがgrunt-cliへの移行(?)をしたこともあり、まとめてみました。 コマンドラインで使用するビルドタスクのツールです。 js(ほぼjson)の設定ファイル上に、concatやminifyといったようなタスクを定義し、 コマンドラインから実行します。言葉だけだとイメージ湧きにくいと思いますので、 使ってもらうのが一番と言い張って導入手順の説明に入ります。 npmからgrunt-cliをインストールする （nodeとnpmはインストール済み・・・よね？） npm install -g grunt-cli これで核となるCLIのインストールは完了です。 ターミ
Facebookを非同期通信で読み込む｜Webクリエイターネット
ジャンルは問わず、個人的に好きなデザイン・風景・物、そして｢何かいいなー！｣と思ったものを写真に撮ってFlickrにアップロードしていくつもりです。 FacebookのLikeボタンやLikeボックスをサイトに設置している方は多いと思います。 その際、bodyタグのすぐ後にFacebookのJavaScript SDKを配置しますが、デフォルトでは非同期通信で読み込むようになっていません。非同期通信で読み込むことで、LikeボタンやLikeボックスの表示スピードを早くすることができます。 FacebookのLikeボタンやLikeボックスを非同期通信で読み込むのはとても簡単！ JavaScript SDKを配置時に”js.async = true;”を追記するだけです。 Likeボタンの場合は以下ページへアクセスしてコードを取得してください。 ⇒ Like Button -Facebook
JSテストツールJasmineをCoffeeScriptで使う（少し応用的な使い方） - Qiita
以下のSlideShareが大変参考になったので備忘を兼ねてCoffeeScript版を書いてみた。 JS開発におけるTDDと自動テストツール利用の勘所 http://www.slideshare.net/KojiNakamura/jstdd 目次 1. Matcher概観 2. beforeEach / afterEach 3. Spy 4. Async Test 5. jQuery code test 1. Matcher概観 notで否定のMatcherとなる expect(x).toEqual(y) expect(x).not.toEqual(y) expect(x).toBe(y) toBeは === による等値チェック expect(x).toMatch(pattern) expect(x).toBeDefined() expect(x).toBeUndefined() expec
waterfall, parallel再発明 - Qiita
async.jsなどにあるwatarfallとparallelを再発明してみた。 Callbacksクラス まずはCallbacksクラスを作ります。 使い方は簡単で、まず、非同期関数はCallbacksを返すようにします。次に、処理完了時のコールバック関数をdone、failの引数に渡します。そして、非同期関数内で処理が完了したらdoneCallback、failCallbackを実行するだけです。 var Callbacks = (function() { var noop = function(){}; function Callbacks() { this.doneCallback = this.failCallback = noop; } Callbacks.prototype.done = function(callback) { this.doneCallback = cal
twitter bootstrap のテストを読んだメモ - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20121211.html
モダンな TypeScript テスト環境
「これが現代のテスト環境や、どやぁ。」 と @vvakame が用意してくれました。 https://github.com/vvakame/typescript-project-sample 初心者の私にはたくさんのライブラリ（フレームワーク？）が入っててよくわからなかったので、それぞれの立ち位置を教えてもらったのでまとめておきます。 PhantomJS PhantomJS は JavaScript の API も利用できる headless な WebKit です。実際の描画処理を行わないので速いという特徴があります。また、DOM 操作、CSS セレクタ、JSON、Canvas、SVG などいくつかの web 標準をネイティブでサポートしています。 JavaScript のエンジンは JavaScriptCore らしいです。 実際に Web ページにアクセスして、レンダリング結果の画面
I am mitsuruog | Jasmineを和訳しました
最近、私の中で Backbone.js と共に注目の Jasmine のドキュメントを和訳しました。 本家のドキュメントはこちらです。 和訳したものはこちらです。 （もし、訳で怪しいところがあればご指摘ください。） http://mitsuruog.github.com/jasmine/ ちなみに Jasmine は Javascript のテスティングフレームワークの 1 つです。 他のフレームワークを満足に扱ったことがないので、あまり偉そうなことは言えませんが、特徴として次のようなことを挙げておきます。 standalone 版（JS ファイル）があり、ブラウザのみでテスト実行と結果の確認ができる。 テストケースのネストが可能、（Java で言うことの）setUp、tearDown 機能がある。 豊富な matcher。 Mock（Spy）が割と簡単に作れる。 jasmine-jque
Evergreen を導入したばかりだけど Konacha に移行した - present
先日 Evergreen を導入したけど Evergreen は今メンテされてないってコメントで教えてもらった。確かに、README よく見たら書いてあるし…。完全に見落としてた。不覚。 README のリンク先、Google グループのスレッドでは Konacha っていう Rails エンジンが勧められていた。コメントで教えてもらったのもコレ。 jfirebaugh/konacha · GitHub Evergreen 入れたばかりだけど、Konacha に移行しよう。 Konacha をインストール Gemfile に group :development, :test do gem "konacha" gem "capybara-webkit" end を記述して、 bundle を実行してインストール。 Headless テストも試すから、capybara-webkit もインス
割り込みはいかにしてゲストの割り込みハンドラに届くのか
こんばんわ。出遅れましたが12月13日は カーネル／VM Advent Calendar 2012 にて私の当番、といっても一昨年、去年ほど頑張ってネタを仕込めていないので、昨晩調べてたことを軽くまとめておきたいと思います。 ご存じのとおり、Linux KVMやFreeBSDのBHyVeなどはメインループをユーザモードプロセスに持たせる形で仮想マシンが実装されています。また、CPUにはIntel VTもしくはAMD-Vと呼ばれる仮想化支援機能が搭載されており、これらが仮想マシンの実行を行う命令群を提供します。 ただ、実際にはI/O操作など非同期で処理が行われるものがあります。例えば、わかりやすいのは下記の三点でしょう。 タイマ割り込み ディスクI/Oの完了通知 ネットワークパケットの到着通知 割り込みは遅延させずに通知させる必要があります。たとえば、タイマ割り込みは遅延するとゲスト内で正確
新Google Mapsアプリ採用のフレームワーク NimbusKit がいい感じ | fladdict
iPhoneの新しいGoogle Mapsのアプリ、色々弄り倒してますがステキな感じ。 でこれひょっとして、「NimbusKit使ってない？」って思ったら、案の定で使ってた。 NimbusKitはiOS用のヘルパークラスと、コンポーネントと、デバッグツールの集合体。 以下のような機能がサクサクとつけられる。 CSSスキニング インターフェースの外見にCSSを適用できる。ビューのカスタマイズがラクチンに。 TextLabel iOSの微妙なTextLabelにリッチテキストやリンクがつけられるように。 バッジ 通知件数などのバッジを簡単に作成。 他アプリとの連動 他アプリ・・・マップ、ストア、電話、SMS、FB等の連携をラクチンに。 アプリ内ホーム画面 ホーム画面的なUIをアプリ内に簡単に追加できる。 キャッシュ／非同期通信つきのImageView 画像ローダー付きのImageView拡張。
YouTube人気急上昇
【ゆっくり実況】おいし～！！カービィがおデブになった！？たくっちのカービィのグルメフェス実況！！ Part1 【 カービィのグルメフェス 】【たくっち】
JavaScript MVCフレームワーク Backbone.jsのコメント付きソースコード日本語訳が公開
JavaScript MVCフレームワークとしてもっとも知名度が高いBackbone.jsのコメント付きソースコードの日本語訳が公開されています。havelogの記事「Backbone.js コメント付きソースコード日本語訳」で紹介されていました。 翻訳を行ったのは、githubをベースにオープンソースソフトウェアのドキュメントを翻訳している翻訳コミュニティのenja-oss。 同グループはすでにBackbone.jsのFAQの翻訳を公開済みで、それに続いてBackbone.jsソースコードのコメントについても翻訳を終えました。 全部で1411行の軽量フレームワーク Backbone.jsはJavaScript MVCフレームワークとしてもっとも知名度が高いものですが、とても軽量なフレームワークでもあります。 今回日本語訳が公開されたソースコードを見ても、全部で1411行、60.72kb。
Android の GCM をプライベートな目的に使う : DSAS開発者の部屋
GCM (Google Cloud Messaging) は所定の端末へメッセージを送るための有用なしくみですが、何も一斉通知やソーシャルな用途ばかりではなくもちろんきわめて個人的な目的のためにも利用できます。今回はその方面でのアイディアをひとつざっくり形にしてみた例を紹介します。いろいろ応用もできるでしょう。 自分の端末を遠隔操作 Android 界隈は依然にぎやかで次々に新しい製品が発売されています。そのため複数の端末を持っている人も少なくないでしょう。まだまだ使える端末を遊ばせておくのはもったいないので、これを外出中の自宅の監視カメラとして使うことにしました。 端末を室内の対象物に向けて固定しておき、出先や仕事場から GCM 経由で端末へメッセージを送出、それをトリガーにアプリが撮影したスナップを Dropbox 経由で確認します。
稼働中のFluentdにflowcounter pluginを導入してみた
稼働中のFluentdが、時間帯あたりどの程度のトラフィックを捌いているのかをモニタリングしたいな、、と思って色々探していたら、"fluent-plugin-flowcounter"というプラグインがまさにその目的のために作られたプラグインだったので、導入してみました。 以下、備忘録的に。 fluent-plugin-flowcounter Fluentd界では知らない人がいないtagomoris先生作成のプラグインです。 基本的には、streamで流れてきたデータの"count(件数)"ならびに"bytes(データサイズ)"を計測してくれるプラグインです。 詳しくはgithubのREADMEや、tagomoris先生のブログ記事を参照すると良いと思います。 https://github.com/tagomoris/fluent-plugin-flowcounter http://d.ha
レスポンシブなjQueryスライドショープラグイン2012年保存版
RefineSlide / Cycle2 / iosscripts.com &ndas...他...全18件
PostgreSQLのメモリ管理 | Everyday Deadlock
この記事は PostgreSQL Advent Calendar 2012 の13日目の記事です。 昔からデータベースエンジン関係の研究をしているうちの研究室 では、「PostgreSQLを使う」というとPostgreSQLのコードをいじってTPCベンチマークを走らせることを指すので、未だにSQLとか書けなくて困ることが多いのですが、幸か不幸かPostgreSQLのソースコードはそこそこ読めるようになりました。 そんなわけで、PostgreSQLのソースコードの中でも、今回のAdvent Calendarのネタとしてメモリ管理の部分について紹介します。 これからPostgreSQLのコードを読んでみたいという人にとっては、コードのどの部分を読んでも必要となる知識なので、割と役に立つとおもいます。 【宣伝】大晦日にデータベースの同人誌をコミケで売ります 本題に入る前にいきなり宣伝で恐縮ですが
Sassでlinear-gradient()のmixinをつくる - fragmentary
このエントリはCSS Preprocessor Advent Calendar 2012、13日目のエントリです。 Sassを本格的に使い始めてもう6ヶ月経つのですが、まだまだだなあと思うこと多々です。 というわけで、勉強のためCSSのグラデーションを出力するmixinを書いてみました。 Part 0 ― linear-gradient() の構成 CSS Image Values仕様の linear-gradient() は、グラデーションの「方向」に、色と位置の組からなる「カラーストップ」が続くという構成になってます。 linear-gradient( direction, colorstop1, colorstop2, ... ) さて、今日のImage Values仕様の linear-gradient() と、接頭辞つきの -prefixed-linear-gradient()
ログインをクリエイティブに演出できる「37 Free and Eye-catching PSD Login Forms」
TOP > Design , Photoshop > ログインをクリエイティブに演出できる「37 Free and Eye-catching PSD Login Forms」 ユーザー登録などをする際に出現するログインフォームは、デザインする要素が少ないだけに、どうしてもシンプルになってしまいがちです。今回はそんなイメージを払拭してくれる、ログインをクリエイティブに演出できるまとめ「37 Free and Eye-catching PSD Login Forms」を紹介したいと思います。 （DW Premium: A Clean & Stylish Login Form (PSD) | DesignWoop） シンプルベースでありながらも、細かなデザインにこだわりが光るフォームのサンプルpsdが37種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
Writing Hubot Plugins with CoffeeScript | Envato Tuts+
In case you've been hiding under a rock, Campfire is a real-time chat application, written by our friends at 37 Signals. Campfire has a robust API, giving you the ability to bolt on tools to better the team environment. Campfire is widely used by companies with remote workers and allows quick collaboration between distributed teams. Keep in mind that, in some cases, such as at my job at Emma, Inc.
WordPressで画像挿入時にwidthとheightを削除する方法 | Web活メモ帳
WordPressで画像挿入時にwidthとheightを削除する必要があったのでやり方をメモ。 function.phpにコードを追加するだけで簡単に出来ました。 add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 ); add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 ); function remove_width_attribute( $html ) { $html = preg_replace( '/(width|height)="\d*"\s/', "", $html ); return $html; } 出力されるHTML 今まではwidthとheightがあったので以下のようなHTMLが挿入されていました。 <img c
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
IBM Related Japanese technical documents - Code Patterns, Learning Path, Tutorials, etc. Please open new issue/pull requests in either English or Japanese if you would have any feedback or you would like to contribute this repo. We provide mainly "Japanese contents" by markdown text. IBM Developerの最新情報は https://developer.ibm.com/ にアクセスし、英語のコンテンツを参照してください。 このリポジトリは、IBM Developer Japan Webサイトで公開していた
Google Maps Platform Documentation | Maps SDK for iOS | Google for Developers
Usage and billing Reporting and monitoring Terms of service Get Started Get Started with Google Maps Platform API Picker Billing & Pricing Security & Compliance Reporting & Monitoring FAQ Support and Resources Customer Care Incident Management Maps Maps JavaScript API Maps SDK for Android Maps SDK for iOS Google Maps for Flutter Maps Embed API Maps Static API Street View Static API Maps URLs Aeria
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「ここまで変形していてもちゃんと読み取ってくれるのか」と驚かされるQRコード - 強火で進め
CSS でペライチ
CSS3を使わなくてもつい使いたくなる、楽しくて実用的なオンラインジェネレーター -Useless CSS3 Generator
Tutoriallounge-Video Editing Tutorials
プログラミング生放送勉強会 第18回＠大阪 レポート：レポート｜gihyo.jp … 技術評論社
第2回 モダンなPHPを書けていますか？～PHPの新標準規約・PSRについて ―大塚弘記からの問題：エンジニアのスキルを試すコードパズル ─この問題，あなたは解けますか？｜gihyo.jp … 技術評論社
ごりゅご.com
ウォーターフォール開発／スパイラル開発／アジャイル開発 お金と契約にまつわる本当の話
Exploring the iOS SDK | Envato Tuts+
背景画像をフルスクリーンで表示するjQueryプラグインの使用感 – creamu
新着記事