横田です。Dockerが盛り上がっておりますが、Dockerの盛り上がりと同時に「Dockerを利用してPaaSを構築できるツール」や「DockerにUIを追加するツール」さらに「Dockerの利用を前提としたOS」など「Docker専用ツール」も登場してきています。 今回は、そのような「Docker専用ツール」を色々とご紹介したいと思います。 《PaaS》Docker上にPaaSを構築するツールがいくつか登場してきています。かつては「Dokku」が人気でしたが、最近では「Flynn」と「Deis」というツールに人気が集まっているようです。 日本だとWeb上のドキュメントが少ないですが、先日の「Docker meetup tokyo #3」で発表されたtaichi nakashimaさんの記事が「flynn」関連のドキュメントを多く公開してくださっているので「Flynn」の方がやりやすいか

まずはじめに、データ可視化は真の目的ではありません。手段です。 Vitaly Friedman の有名な言葉で、データ可視化の大目的は明瞭かつ効果的に情報とコミュニケーションができるように、データを視覚化できる能力そのものである (The main goal of data visualization is its ability to visualize data, communicating infomation clearly and effectivelty.) というものがあります。 情報を視覚的に伝える 明確に情報を伝える 効果的に情報を伝える こういったことがデータ可視化の要件かと思います。 とくに、何のための可視化なのかという大目的を見失ってはいけません。 この辺の話は以下の「データ可視化勉強会」のスライドがとても素晴らしいのであわせて参照すると良いでしょう。 http:

Django アプリとはいっても非常に小規模なサイトの話です。 機能としては、 サイト全体が Django のテンプレートを使用 お申し込みフォーム(確認画面あり) お問い合わせフォーム(確認画面あり) お知らせ更新機能(今は html 直書きだったりするけどついでに DB から読み込みたい) Gin は高速という噂の golang の Web フレームワークで、pongo2 は Django 風の記述ができるテンプレートエンジンです。 Gin にもテンプレートエンジンは付属していますが、 pongo2 を使って既存の Django 向けに書かれているテンプレートを極力活かしたいので使うことにしました。 とりあえず、単純に html を読み込んでレンダリングするのと静的なファイルの配信までやってみます。 ディレクトリ構成は、 . ├── main.go └── static ├── ima

さあ、はじめよう はじめに 本稿は掲題の通り javascript を用いて[ シューティングゲーム的な何か ]を作ろうという試みについて解説するテキストの第七回です。 想定する読者 割と暇である プログラミングに興味がある ゲーム作りに興味がある javascriptの基本をマスターしたけど特に作るものがない javascriptを使った動きのある処理を実装してみたい canvas でなんか作ってみたい 本連載の狙い 本連載はどちらかというと初心者向けです。 このページに検索からやってきた「ゲーム作りてえええええ」と日に三十回くらい叫んでいる小中学生諸君は、まずjavascriptの基本をお勉強してから本連載を読みましょう。 また、最終的に出来上がる[ シューティングゲーム的な何か ]は、そんなに大層なものではありません。シューティングゲームがどのような感じで作られていくのか、その過程を

VCR.configure do |c| c.cassette_library_dir = 'spec/fixtures/vcr_cassettes' c.hook_into :webmock # or :fakeweb c.default_cassette_options = { record: ENV.fetch('RECORD'){ :once }.to_sym } end これをしないと、記録状態を変更しようとするたびに describe "foo", record: :all do といったrecordオプションを付加しないといけないのでわずらわしい。（通常commit前に消す必要もあり面倒） 参考1 参考2 参考3 vcrのcassettesの生成した内容を見やすく変換する vcrのcassettesのymlファイルを見てもレスポンスのbodyが読めない Guardのプラグイン

はじめに 家では録画サーバとしてPT3を使用している。 PT3をリアルタイム試聴するには、一度サーバにログインし、recpt1を実行しなければならないが、これがめんどくさい。 なので今回サーバのrecpt1を起動、停止させるVLC Extensionsを作った。 BitBucket ファイル構成 作成したのは以下のファイル * startrecpt1.php * stoprecpt1.php * watchTV.lua startrecpt1.php アクセスするとrecpt1を実行する。レスポンスとしてpidを返す。実行に失敗した場合は何もしない。 recpt1が既に実行済の場合はそのpidを返す。 パラメータとして、?start=trueを受け取らないと開始しない(誤動作防止のため)。受け取らない場合は何もしない。 stoprecpt1.php パラメータとして、?pid=pidを受け

必要なフレームワーク プロジェクト名 -> TARGETS -> Generalの順で選択し、下の方にある「Linked Frameworks and Libraries」の＋ボタンで以下のフレームワークを追加。MKMapViewを使うには以下のフレームワークが必要である。 MapKit.framework MapViewControllerの追加 「AppDelegate.swift」の下あたりで右クリックし、「New file...」をクリック。次に、メニューの中から「Cocoa Touch Class」を選択してから、「Next」をクリック。そして、「Subclass of:」で「UIViewController」を選択し、Class名を「MapViewController」（任意）にしたら、Next -> Create で追加完了。 AppDelegateでMapViewContr

毎日夜中にバッチ処理回したい時ってあるじゃないですか。しかも何も考えずに設定すると、気づいたら夜の4:00とかにタスクが集中してサーバの負荷が高くなる事もしばしば。 Railsでバッチ処理を実現するならwheneverが便利ですが、wheneverを使うと以下のように例えば4時頃に実行したいタスクを10分ずつずらして実行できます。 # だいたい4時頃実行すればいいタスク tasks = %w(task1 task2 task3 task4) tasks.each_with_index do |task, i| exec_time = ( Time.parse("4:00") + i*10.minutes ).strftime("%H:%M") every 1.day, at: exec_time do rake task end end 0 4 * * * /bin/bash -l -c

社内のコミュニケーションツールを正式にSlackに移行したので、普段使っていて便利な使い方まとめてみます。 Bot連携などはまた別の箇所で。 Rightビュー Slack右画面で Star とか Activity Feed とか色々なビューが開けます。 特に好みがなければ、@Recent Mentionsを開いておくと便利です。 Mention(自分に宛てたTo通知)が一覧で見れます。 ちなみに以下のショートカットでも開けます。 右メニュー表示/非表示トグル→⌘+. 右メニューにStar一覧を表示→⌘+Shift+s 右メニューに自分宛のMention一覧を表示→⌘+Shift+m

やりたかったこと ローマ数字や（株）などの機種依存文字を、大抵の環境で見られる文字に変換する必要が合った。 function convSpecialChar($subject) { //変換前の文字 $search = Array('Ⅰ','Ⅱ','Ⅲ','Ⅳ','Ⅴ','Ⅵ','Ⅶ','Ⅷ','Ⅸ','Ⅹ','①','②','③','④','⑤','⑥','⑦','⑧','⑨','⑩','№','㈲','㈱'); //変換後の文字 $replace = Array('I','II','III','IV','V','VI','VII','VIII','IX','X','(1)','(2)','(3)','(4)','(5)','(6)','(7)','(8)','(9)','(10)','No.','（有）','（株）'); $ret = str_replace($search, $rep

{src: ['foo/this.js', 'foo/that.js', 'foo/the-other.js'], dest: ...}

iOS8のBETAを入れてみた インターフェイスはそれほど変更点はない。 今の時点ではBETA3だが、やたらと落ちる落ちまくる BETAだから仕方がないのか・・・ 規約うんぬんで実際のスクリーンショットなどは公開が禁止されているらしい 落ちまくる動作 1.AppStoreからのアプリダウンロード時 パスワード認証が終わりいざ！インストールとなった時点で落ちる 2.ヘッドフォンからの音楽操作 例えば「極飛ばし」をすると 固まる or 落ちる 3.Gunosyを立ち上げると落ちる 100%落ちアプリが全く起動できない 一般公開まで あと 約１ヶ月半 Appleさん期待してます。 ただただ Appleさん macの次のOS YOSEMITE のインターフェイス最高っす！ iPhoneと同じフラットデザイン最高 可愛いっす iPhone / Mac　ともに一般公開が楽しみですっ Register

Microsoft Windows OSのための設定や拡張情報を格納するデーターベースです。 ハードウェアの情報や、OSの情報、各種アプリケーションの情報が含まれています。 これはWindows3.1のINIファイルに代わる仕組みで、Windows95から導入されています。 regedit32.exe または regedit.exeで、レジストリのデータベースを参照、変更することが可能です。 構造 キーと値 レジストリには２つの基本的要素　キーと値があります。 キー レジストリのキーはフォルダに似ていて、この中に値を追加します。キーの中にサブキーを含むことができます。 主なキーには以下のようなものがあります。 HKEY_CLASSES_ROOT (HKCR) HKEY_CLASSES_ROOTではアプリケーションの関連付けや、拡張子・アイコン等の情報ならびに、またOLE(Object Li

2014年6月にHTTP/2の13番目のドラフトが公開され、来年にはRFC化の見通しとのことでHTTP/2の機運が高まってきています。 HTTP/2の世界を体感すべく、HTTP/2プロトコルでHello World!を表示するまでの手順をまとめました。 最速と名をうちましたが実のところそこそこ長い道のりですので予めご了承ください。 方針 簡単と思われる方法を探した結果、以下の構成にしました。 クライアント 2014年7月現在、Google ChromeではHTTP/2を有効にすることはできませんが、Chromeの開発版であるChrome Canaryを使えばHTTP/2を有効できます。 Mac Book ProにChrome Canaryをインストールします。CanaryはChromeの開発版でMac用のdmgパッケージが提供されているのでインストールは簡単です。 なお、クライアントはng

// リクエスト $ curl -i -u 自分のユーザ名 https://api.github.com/users/ユーザ名 // レスポンス //<ステータス部分> HTTP/1.1 200 OK Server: GitHub.com Date: Wed, 16 Jul 2014 15:27:01 GMT Content-Type: application/json; charset=utf-8 Status: 200 OK ・・・ Content-Security-Policy: default-src 'none' Content-Length: 1301 Access-Control-Allow-Credentials: true ・・・ Vary: Accept-Encoding X-Served-By: 03d91026ad8428f4d9966d7434f9d82e //<

モダンなWebアプリについて調査してるとよく出てくるJerseyってなんなのかが気になった。 セットで出てくるJAX-RSってのもついでに調べてみた。 そもそもJAX-RSとは JAX-RS = Java API for RESTful Web Services JavaでつくるリッチなWebアプリのためのAPI（HTTPを直接扱う高水準API） JerseyはJAX-RSのリファレンス実装 RESTっていうWebのアーキテクチャスタイルがあって、 このスタイルに沿って作成されたWebサービスがRESTful Web Service. Javaで作りたい場合、JAX-RSってAPIを使うと幸せになれる。 JAX-RSを参照実装しているJerseyってAPIを使うともっと幸せになれる。 つまり... Jerseyとは、Javaで作るWebアプリをREST対応にするために必要な作業を簡素化でき

Bundle をビルダーパターンで書きたい 前記事 で Bundle が頻出する上割と使える入れものであることは述べたが、もう少し簡単に書きたい。 final Bundle bundle = new Bundle(); bundle.putString("hoge", "hoge"); bundle.putInt("fuga", 3); bundle.putBoolean("is_hage", true); だいたい Java はオーバーロードがあるのだから putString() やら putInt() やらで型名をメソッドに付けるのは冗長に思える。大体 Intent#putExtra() で以下のように実現しているではないか: // 内部的に Bundle に入るが putExtra() はオーバーロードされたメソッド final Intent intent = new Intent(

INSERT INTO customer select NULL, "○×花子", email FROM customer WHERE name = "○×太郎"

以下、意訳。 JSONデータからオブジェクトを生成する。 パーサーが一番上の階層のオブジェクトがNSArrayでもNSDictionaryでもない場合を許す場合にはNSJSONReadingAllowFragmentsオブションをつける。 NSJSONReadingMutableContainersオプションを設定すると可変(Mutable)なNSArrayとNSDictionarieをパーサーは生成する。 NSJSONReadingMutableLeavesオプションを設定すると可能(Mutable)なNSStringをパーサーは生成する。 パース中にエラーが生じた場合はエラーパラメータが設定され、nilが返却される。 入力されるデータでサポートされるエンコーディングはUTF-8, UTF-16LE, UTF-16BE, UTF-32LE, UTF-32BEの５種類。 データはBOMを持

シェルの初期化を調べたキッカケ 先日新たにセットアップしたcentOSインスタンスにrsyncしようとしたところ、 下記エラーが起こった。 protocol version mismatch - is your shell clean? (see the rsync man page for an explanation) rsync error: protocol incompatibility (code 2) at compat.c(69) rsyncのoptionでなにかミスったかと思ったけど、 ぐぐってココで There is probably a script producing output in your .bash_profile or similar fileとおっしゃっていた。 sshでサーバへ接続してみると接続直後に が出力されていた。 シェル初期化について シェル

CentOSインストール手順は省略 ＃Minimalで構築 構築した環境のOS、カーネルバージョン # cat /etc/redhat-release CentOS release 6.5 (Final) # uname -r 2.6.32-431.el6.x86_64 必要モジュールインストール # yum install openssl-devel # yum install perl-CPAN # yum install gcc # yum install libuuid-devel # yum install libxml2-devel YAMLをインストール # cpan YAML vSphere Perl SDKをダウンロード vSphere Downloadサイト https://developercenter.vmware.com/web/sdk/55/vsphere-pe

・・・ Gem::Installer::ExtensionBuildError: ERROR: Failed to build gem native extension. checking for Ruby version >= 1.8.5... yes checking for /usr/local/bin/gcc-4.2... yes checking for Magick-config... yes checking for ImageMagick version >= 6.4.9... yes checking for HDRI disabled version of ImageMagick... yes checking for stdint.h... yes checking for sys/types.h... yes checking for wand/MagickWand

環境構築＆テスト作成 以下を参考にしてみてください Rspecのテスト Cucumberのテスト テスト結果の公開設定 公開設定はテスト毎に設定可能 デフォルトはteam 公開範囲はTestSessionDetailsページ(テスト結果が見られるページ)のVisibilityで設定可能 公開範囲は以下の５つから選択可能 public public restricted share team private 公開範囲 public URLを知っていれば誰でも閲覧可能 以下全てが閲覧可能 Commands(実行したテストの内容) Screencast(テストを記録した動画) SeleniumLog Metadata public jobsページ (https://saucelabs.com/u/[ユーザ名]) に表示される 公開範囲 public restricted URLを知っていれば誰で

Bundle とは Android アプリ開発のさまざまなところに出てくる オブジェクトの入れ物 である。本当に頻出するので Bundle の扱いに慣れているといろいろと捗る。以下例を挙げる。 例1: Activity の状態保存 画面回転や長時間放置してシステムに殺された場合などは onSaveInstanceState() で状態保存して onRestoreInstanceState() で復帰する。主に Activity のフィールドやカスタムビューなどは状態を復元する必要がある。 public class MyActivity extends Activity { @Override protected void onSaveInstanceState(Bundle outState) { outState.putString("hoge", "hoge"); outState.p

Webアプリケーションのパフォーマンス測定ツールについて(サーバー側の負荷も兼ねてだけど)、Apache BenchやSiegeやJMeterがあるけど、 それ以外に何かねえのかな、と思ってStackOverflowを調べていたら Funkloadというものを見つけた。 Python製らしい。なら試しに調査してみるか、ということでいじってみた。 動作環境整備 動作環境として、自分自身の環境は以下の通り。 Mac OS X 10.8 Python 2.7.5 FunkloadはPython 2.x系をサポートしているようなので、2.x系最新の(2013年6月現在の)バージョンを選択する。 Funkloadのドキュメントに載っているMac OS Xでのインストール方法を参考にする。 ...どうやらgnuplotさえ入れられれば良いようだ。homebrewで入れてしまおう。 汚れても良い環境を作

概要 ChromeでCSS transitionを使用していたらページのロード時にtransitionのアニメーションが起こってしまうバグに遭遇した. Chromeのバージョンは 35.0.1916.153 mだった. 詳しい原因はわからないが以下の3つの条件を満たせば起こるようだ. 同じドメインにおいたjqueryを読み込んでいる(jquery-1.11.1.min.jsのみ? 他のバージョンは試していないからわからない,googleがホスティングしている物を使うと起こらない.) jsファイルをjqueryのほかに2つ以上読み込んでいる(1つの場合でも低確率で起こる?) scriptタグより後にlinkタグを用いてcssを設定している 解決策 上記の3つの条件を満たさない限り発生することはないので, linkタグをどのスクリプトタグよりも先に書くことでこの問題は簡単に解決できる. 再現コ

正直、表示だけするならどれも高機能で大差ないと思う。 ただ、多くのグリッド系ライブラリは、高機能な代わりに遅い＆書きにくかったり、編集機能はあるものの表示→編集モードへの切り替えがもっさりしていたり保存機能が書きにくかったりする。 その中で高速な表示、Excelかのような編集機能を備えているのがSlickGridだ。 「Excelみたいにできないの？」とはよく言われることでその言葉にそんな簡単じゃねーんだよ、とイラッとしたことがある人も多いかと思うが、SlickGridを使うことでお互いストレスフリーな関係を築けるだろう。 では、SlickGridのパワーが実感できる例を紹介したい。 1.パフォーマンス このExampleで表示しているデータは、なんど500,000件である。他のグリッドが数万件表示可能！と言っているそばで、ケタが違う。何せExcel(2003)の限界行より多いんだからビッ

gsutilでS3上のファイル(サブディレクトリ込み)をGCSに移行するための手順です。既にGCPのプロジェクトが作成されていることは前提となります。 (1)Google Cloud SDKのインストール windowsはやったことありませんが、Linux/Macならとても簡単にインストール可能です。 https://developers.google.com/cloud/sdk/#Quick_Start (2)認証 OAuth2による認証をおこないます。 $ gcloud auth login (3)プロジェクトのセット $ gcloud config set project プロジェクト名 (4)設定ファイル(.boto)の生成 $ gsutil config (5)設定ファイルの編集 $ vim .boto 以下の２行のコメントアウトを削除しAWSのアクセスキーとシークレットアクセス

はじめに SauceLabsでCIするときにgithubのREADMEに最新の実行結果を表示する手順をご紹介 SauceLabsとはクラウド上でSeleniumを使ったテストができるサービス 私は少し苦戦しましたが、公式サイトを見るだけでもバッジの導入はすごく簡単にできます バッジの表示方法 表示は2タイプあります 個人的にはどのヴラウザが失敗したかまで一目で分かるのがよいから後者の方がよいのかなと 1. 成功/失敗だけをシンプルに表示 導入手順 README.mdに以下を追加する [](https://saucelabs.com/u/[USERNAME])

TestModel.limit(10).order('sum_score desc').group(:user_id).sum(:score) Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

Ruby（Node）を使うなら、バージョン管理しやすいようrbenv（ndenv）を使うのが便利。 （rbenvもndenvも使い方はほぼ一緒） Nodeバージョン管理（ndenv + node-build） 1. ndenvインストール git clone https://github.com/riywo/ndenv ~/.ndenv echo 'export PATH="$HOME/.ndenv/bin:$PATH"' >> ~/.bash_profile echo 'eval "$(ndenv init -)"' >> ~/.bash_profile exec $SHELL -l ndenv -v

高さ系のメソッド outerHeight()：padding、borderまで含んだ高さを取得 outerHeight(true)：marginまで含んだ高さを取得 height()：純粋に高さ（height）を取得 (注) 該当する要素が複数ある場合、最初の要素 height()に引数入れたら値をセット出来る（引数なしならgetter、引数ありならsetter） (例) $(window).height()：ブラウザの高さを取得 $(document).height()：ドキュメント（ページ全体）の高さを取得 座標系のメソッド offset()：ドキュメント上での表示位置（ドキュメントベースでの絶対座標）→topとleftの2つを持つ scrollTop()：スクロール上での上位置（スクロール範囲の中での座標。相対座標） よく使うイベント scroll click resize おまけ

JavaScriptのGridライブラリ決定版 - SlickGrid - Qiita [キータ]で紹介されているmleibman/SlickGridを使ってみたメモです。 Examples · mleibman/SlickGrid Wikiにいろいろ例があるので、それを見ながら自分でも試してみました。 この記事では基本機能を使った例を紹介します。 完全なソースは https://github.com/hnakamur/slickgrid_example/tree/91e89396374cb23ad9d1ec339888896867f9a0a4 にあります。 Dependenciesに書かれているようにSlickGridは以下のライブラリに依存しています。 jQuery jQueryUI Sortable (optional, only if column reordering is en