gottyはターミナルで実行したコマンドの出力をWebブラウザで参照できるようにするツールで、オプションを付けるとブラウザからのキー入力も可能になります。つまりgottyでtmuxを起動することで、Webブラウザから複数セッションや画面分割可能なターミナルを利用でき、さらにvimやEmacsなども利用することが可能になります。 特にWebアプリケーションを開発している場合、ターミナルでvimやEmacsでコーディングしていると、動作を確認するたびにブラウザに切り替える必要があり、非常に面倒です。gotty + tmuxを使えばブラウザの1つのタブでターミナルを使うことができるので、ブラウザのタブを切り替えるだけでアプリケーションの動作を確認したり、調べ物をしたりすることができるのです。これを最強のWeb開発環境と呼ばずしてなんと呼ぶのでしょうか。Atomなんかいらなかったんや！！ gott

タイトルは大げさです。割と当たり前の話です。 ハードディスクの整理中にRailscastsのメモが出てきまして 懐かしいなぁ、 Ryan Bates(@rbates)さん 元気かなぁと Twitterを覗いてみたところ How to write a Git commit message: http://t.co/D31dVh1lks— Ryan Bates (@rbates) 2015, 7月 28 なかなか興味深い記事をtweetされていました。 Git の commit messageに 規律をもたらそうぜ、ってのは どうやら日本人だけじゃないようです。 元記事( How to Write a Git Commit Message ) Introduction 著者の過去と現在のcommit logを対比しています。 一貫して、この緑と赤の対比が見やすいので、記事も読みやすいです。 ま

概要 こんにちは nyamadori です。 Node.js には Rails のようなこれといった定番の Web フレームワークがありません。 「とりあえず Express でいいや」みたいな風潮がある気がします。 そう思っている方、Sails.js を使ってみましょう! Sails.js は API ファーストな Web アプリケーションがさくっと実装できるコンパクトな Web フレームワークです。 この記事では、簡単なチャットアプリを作りながら Sails.js を紹介します。 (一体何番煎じの内容だろうか…) チャットアプリを作る これから、以下のような簡単なチャットアプリを作っていきます。 2つのクライアント間でチャットができる アカウント管理はしない。どちらが投稿したメッセージかを区別できる必要はない 一方がメッセージを投稿すると、もう片方の側でもメッセージが同期される 以降の

Sailsがどこまで人気かわからないんですが、同僚がSails使って面白い事していたので僕もつられてSails触ってみる事にしました。 そもそもSailsとは？ SailsはNode.jsのフレームワークの一つです。 Node.jsのMVCフレームワークってSinatraっぽいフレームワークかrailsっぽいやつにわかれるんですが、Sailsは名前からも想像出来る通りRuby on Rails Likeなフレームワークです。 Node.jsのフレームワークの情報が知りたい人は以下のサイトを見ると良いかと思います。 Node Frameworks インストール まあNode.jsなんでインストールは簡単なわけですよ。そうnpmを使うから。

OpenAIのWhisper文字起こし25MB制限を解決するPHP, Laravel, ffmpegを使ったファイル分割の例 OpenAIのAPIを使った音声の文字起こしは、今や多くのアプリケーションで利用されています。この記事では、特にWhisper文字起こしの25MB制限に焦点を当て、PHP, Laravel, ffmpeg…

リソース監視なら、stat系の王様「dstat」を利用しよう 「あれ？サーバが重いかも？」 そんなときは「とりあえずtopコマンド」という方も多いと思います。次はvmstatで、それでもわからなければnetstatを…。といくつもコマンドを打つのも億劫です。 そんなときには1つのコマンドでサーバ全体のリソースを監視することのできるdstatがお勧めです せっかくなので今流行りのログ収集とグラフ化を行うGrowthForecastやFluentdについても合わせて解説します。 長くなりそうなので全3回に渡って解説する予定です。 以下、最終的にグラフ化したイメージ 目次 dstatのインストール dstatの使い方 dstatのオプションの詳細と利用方法 外部プラグインの利用方法 よく使う項目をショートカット登録 dstatのインストール 環境はCentOSの6.5を想定して解説を進めます。

最近、実際に使っていて便利だと思ったものをまとめて紹介します！ 他にも便利なものがいっぱいあって迷いましたが、とりあえず今回は7つに絞って紹介します！ 【1】Better Errors Rails のエラー画面をわかりやすく Better Errors は標準のRails エラーページをさらに使いやすいエラーページに置き換えてくれます。 Rails の標準のエラー画面はこんな感じ↓ですが、 Gemfile に Better Errors を書き加えてインストールすると、 こんな感じ↓の画面に変えてくれます。 どこでエラーが起こっているのか表示してくれるので、エラーを見つけるのに役立ちます。 Rails のほかにも、Rack ミドルウェアとしての Rack app で使うのにも適しているそうです。 次の binding_of_caller とセットで使うととっても便利です。 【2】bindi

元ネタはこちらになります。 いくつかは使ったことはあるのですが、使った事がないものもあったので自分で試しながらまとめてみました。 Awesome Print これはオブジェクトを見やすくしてくれるgemです。 まず、このgemを入れていない場合の出力をみてみましょう。 ちょっとわかりにくいですね。 それではgemをいれてみましょう。Gemfileに以下を追加します。 bundle installをして、rails consoleを立ち上げなおします。 だいぶ見やすくなった感じがします。 ただ、Rails4.2からは、PrettyPrintというのが標準ではいるようになっていて、標準でもだいぶみやすくなってますね。 Rails Panel このgemをいれると、ChromeのDeveloper ToolでRailsの情報を取得できるようになります。 まず、Railsアプリケーションにmeta

みなさん。railsで管理画面を作成するときはどうしているでしょうか？ 正直な所、ログインや管理者のユーザー管理など、案件をまたいで共通の機能が多いので、便利なgemの力を借りる事が出来るなら、その方が楽ですよね railsには、管理画面系３大gemとして、次のものが挙げられます rails_admin active_admin Administrate これに含めて、最後にgemを使わないで自分で一から開発するという選択肢もあります。 デザインにこだわりだすと、既に雑にデザインとJSがあたっているものを改修して目的にものにするのは大変なので、これも悪い選択肢ではありません。 gemの力を借りるというのは、何かしらの人の決めつけに従うことで開発時間を買うことなので、その分の制約も一緒に買うものですから。 …だけれども、実際どれを選べばいいのか迷いますよね なので、どれから試していけばいいの

はじめに さて、みなさん、railsでテスト書いていらっしゃるでしょうか？ 私は、普段、rspecでshouldを書いて地味なイライラが溜まっています。 rspec3の新文法expectも括弧地獄の辛みが凄くて、Kernel#shouldとかいう劇薬なモンキーパッチングでもこの方がマシと感じて移行しませんでした。 さて、そういう人間なものでテストのためのシステムにメタプログラミングをするのはあまり好きではないという理由でminitestを調べてみたのですが、正直関連するgemが本当にたくさんある割に情報が整理されていない感じがしたので、ちょっと全てのgemを調べてその「まとめ」を公開させて頂きます。 標準構成 結論から言うと、minitest自体は結構良く出来ているので、多くを求めないならminitest本体とminitest-railsだけでもそれなりに使えます。 ですが、やっぱり色分け

id:joker1007 さんに触発されました。 Ginza.rb 21回の発表資料。rails_adminのつらみとオススメgem達。 1年間で10個以上アプリやgemを作っている中でよく使うgemをまとめてみます Railsアプリ（rails new した直後に必ず入れる） annotate https://github.com/ctran/annotate_models modelのソースの先頭にテーブルのスキーマ情報を付加してくれるgem。いちいちschema.rbを見に行く必要がなくなるので超ベンリ こんな感じ # == Schema Information # # Table name: plugins # # id :integer not null, primary key # name :string # title :string # version :string #

よくRailsプロジェクトを作るので、Railsプロジェクトを作った後に最初にやっておきたい設定をまとめました。 主に、開発を効率化させるためにやることをまとめてますので、ざざっと眺めて取り入れそうな知識があったら開発効率を上げれるかもしれません。 また、nanapiさんの次の記事もとても参考になります。Rails Templateでプロジェクト作成を楽にしよう 動作確認 mac os X 10 rails 4.2.0 目次 1. Railsプロジェクトの作成 2. Gitにプロジェクトを登録 3. 開発を効率化させるGemをがっつり導入 3.1. gemのインストール 3.2. jquery-turbolinksの設定 3.3. 開発を効率化する関連gemの設定 3.4. 保守性を上げる 3.5. 表示整形関連(ログなど見やすくなる) 3.6. テスト関連 4. 言語設定 5. タイムゾ

dstatは便利なオプションがたくさんあるのでみんなオレオレdstatをつくろう。 最後まで読むのがめんどくさい人向け なんか重くなってるっぽい

サーバーのリソースを見るにはグラフ化は重要ですが、推移ではなくリアルタイムな状況、例えば秒単位のスパイキーな負荷を見るには、サーバー上でvmstatやiostatなどの*statファミリーを叩く必要があります。 さて、vmstatはメモリの状況やブロック数単位のI/O状況は見られますが、バイト単位のI/O状況やネットワークの送信、受信バイト数を見ることはできません。 # vmstat 1 procs -----------memory---------- ---swap--- -----io----- --system-- -----cpu------ r b swpd free buff cache si so bi bo in cs us sy id wa st 3 1 0 4724956 355452 726532 0 0 54 484 3 3 1 0 99 0 0 2 0 0 47

知っている人には当たり前、けど本業じゃないし開発１年生なのでそんな知りません的な人には 有用かなと思い書いてみます。 思いつきで書いていくので読みづらかったらすいません。 後、しょうもない内容もあるのであまり為にならないかもしれません。 サーバ監視って？ まず、サーバ監視っていっても定常的な監視を人がやることはほぼありません。 基本はZabbixなどで監視を仕掛けて検知したアラートを電話なりメールで受け取ります。 それを人が見て、 やばいかも？ 出ちゃいけないエラーが出てる! などと冷や汗をかいた経験はあると思います。 そんな中でも比較的厄介（アプリの不具合も十分厄介ですが）なのが 負荷すごい高いんだけど？？サーバが瀕死？？ という状態です。 そんなときインフラ屋さんへ頼るのが正解ですが、 インフラ屋さんは全部のサービス、システムの仕様、アクセスのされ方、 機能を理解していないケースの方が

はじめに 昨年末からQiitaに執筆していた初心者向けのRSpec入門記事、「使えるRSpec入門」の全4回をすべて書き終えました。 各記事のリンクは以下の通りです。 使えるRSpec入門・その1「RSpecの基本的な構文や便利な機能を理解する」 使えるRSpec入門・その2「使用頻度の高いマッチャを使いこなす」 使えるRSpec入門・その3「ゼロからわかるモック（mock）を使ったテストの書き方」 使えるRSpec入門・その4「どんなブラウザ操作も自由自在！逆引きCapybara大辞典」 「使えるRSpec入門」って何？ 「使えるRSpec入門」は「必要最小限の努力で最大限実戦で使える知識を提供するRSpec入門記事」をテーマにしたシリーズ記事で、略して「使えるRSpec入門」と名付けました。 僕がRSpecでRubyやRailsのテストを書いてきた経験から、「これはよく使うから重要」「

[Rails4でサイト構築をする] - Rails環境構築編 - Scaffold利用編 - Bootstrap導入編 - WYSIWYG導入編 - CSV出力機能編 - スクレイピング機能編(nokogiri) - 非同期処理導入編(delayed_job) - デプロイ環境構築編(capistrano3) 上記を毎週1つずつ出す予定 Ogawaです。今回はBootstrapを使ってデザインを付けてみたいと思います。 ※タイトルにRailsと入っていますが、RailsでしかBootstrapが使えないということは全くありません。 Bootstrapを使う前にまず、対応ブラウザの確認は必ず行ってください。 Bootstrapの利点と欠点 Bootstrapを使う前にBootstrapにどのような利点や欠点があるのか考えてみたいと思います。 ・そもそもBootstrapはHTMLやCSSなど

昨日やったRails4初期設定の後、Twitter Bootstrapの設定をちゃんとやらなかったら、地味にハマった・・ どうも幾つかGemが足りなかったらしい。。 ここらへん追加して、もう一度 bundle install する。 # Bootstrap gem 'less-rails' gem 'therubyracer' gem 'twitter-bootstrap-rails', '~> 2.2.8' gem 'font-awesome-rails' gem 'bootstrap-sass', '2.3.2.0'

ransackはrails用の検索機能を実装するためのgemです。 比較的シンプルなコードで複雑な検索を実装することができます。 ransackの概要と使い方についてはRansackのススメを参照してください。 ここでは実際に使用するまでのサンプルを作ってみます。 プロジェクトを作成 require File.expand_path('../boot', __FILE__) 〜〜 ( 中略 ) 〜〜 module RansackStudy class Application < Rails::Application 〜〜 ( 中略 ) 〜〜 # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone. # Run "rake -D time" for a lis

ExpanDriveが便利すぎて手放せない。 ExpanDriveを使うと外付けHDDとしてGoogle DriveとかOneDriveとかDropboxとかがマウントして使える。 これは素晴らしいよ。 最近の端末はHDDではなくSSDを積んでいるから容量不足に悩まされるからね。 これでInternetにつながれば外付けとして利用出来る。 Pogoplugみたいに自分でHDDの管理しなくていいし 複数サービスを使えばコストもかなり押さえられるし。 S3もmountできるから実質容量無制限も可能なのね。 ただ問題は $49.95(5,972.52円)と値段が安くないことだな。 それ以上の価値があるかはその人次第。 MacもWindowsでも使えるからデータ共有にはいいかもしれない。 私が自動的にmountしているのは会社用Google Driveテスト用OneDrive for Busine

NO MORE TEARの事を知ったのは、比較的最近のことでした。 GTHの映画音楽を集めたアルバム「GTH 7 Years Hitz」に収録されていた映画「Suck Seed」の挿入曲「プレーン・ティー・チャン・マイ・ダイ･テーン（เพลงที่ฉันไม่ได้แต่ง）」を聴いて結構気に入ったので、4月にタイを訪れた時に1stアルバムと今年3月にリリースされたばかりの2ndアルバムを購入してきました。 ◆No More Tear No More Tearはヴォーカル・ファクフェーン（ฟักแฟง）を中心としたロックバンドで、現在はギターをメインにしたストレートなロックを演奏するバンドになっていますが、以前はもっとエレクトロニック的要素の強いパンキッシュなサウンドが特徴の音楽性を持つグループでした。 しかし、音楽性が変わったとはいえ根本にあるものは共通していて、そこには各メンバーの高度

Netflix（ネットフリックス） 世界最大級の映像配信サービス「Netflix」。 米国カリフォルニアに本社を構える「Netflix」が、2015年9月1日に日本版を開始するとして話題となりました。ソフトバンクとの業務提携も決まり盛り上がりを見せています。 2015年9月現在では、世界50カ国以上、6500万人を超える会員数を誇ります。 気になる月額料金は、同時利用台数1台の「ベーシック」が650円（画質SD）、同時利用台数2台の「スタンダード」が950円（画質HD）、そして同時利用台数4台の「プレミアム」が1450円（画質UHD 4K）という値段設定。1ヵ月の無料体験もあるので、興味がある人はぜひ利用してみてください。 キャッチコピーは「映画やドラマをもっと自由に。」 フカセ暗号ジェネレーター 2015年8月7日、4人組ロックバンドSEKAI NO OWARIのFukaseさんが残した

おじいさんは山へしばかれに行きました。おじいさんはドMでした。 1．はじめに 昔話の「桃太郎」の冒頭は、「おじいさんは山へしばかりに行きました」で始まることが一般的です。では、この「しばかり」とは何を意味するのか。このネタは森林学の書籍を読むと、高い確率で出てきます。 現代の日本に生きる我々の感覚としては、「芝刈り」が容易に想像できると思います。しかし、正解は「柴刈り」です。「芝」と「柴」はどう違うのか、おじいさんはいかなる目的で「柴刈り」に行ったのか。今回の記事では、森林の利用と破壊を中心として、日本における環境問題の歴史を考えてみたいと思います。 とても1本の記事でまとめられる分量ではないので、数回に分割して掲載します。この記事では、導入と内容の整理を兼ねて、概略を示します。科学論文の冒頭に「abstract」が掲載されているようなものとお考え下さい。 なお、後の記事でも繰り返し強調し

「GHOST IN THE SHELL 攻殻機動隊」場面カット (C)1995 士郎正宗／講談社・バンダイビジュアル・MANGA ENTERTAINMENT イメージを拡大 「攻殻機動隊」関係者に制作秘話を聞くリレーインタビュー。第3回は、押井守監督に記念すべき第1作「GHOST IN THE SHELL / 攻殻機動隊」について、今だから話せるエピソードを交えながら語ってもらった。 押井監督が「攻殻機動隊」アニメ化の話を持ちかけられたのは、「機動警察パトレイバー 2 the Movie」の制作が終わり、熱海に建てた家に引っ越したばかりの頃だった。 「家のローンがやばそうだっていうんで、バンダイビジュアルさんに企画書を持ち込んだんです。僕が原作をした漫画『犬狼伝説』を全6巻のビデオで出そうというもので、これは後に『人狼 JIN-ROH』として実現したんですけど。その時に先手を打たれたんです

小さな頃から胃腸が弱く、良く腹が下っていた。 もちろん今でも良く腹を壊す。深夜に泥酔してラーメンを食した翌朝など酷いものである。どのぐらい酷いかと言えば、ここに書けないほど酷い。 小学生の時分は、なぜか「大の方のトイレに入ると自動的にコミュニティの晒し者にされる」という厳格なしきたりがあり、大きな方をぶりぶりっと出していると、トイレの壁をよじ上って誰かしらが覗いて来たり、偉大なるウンコマンの誕生、登場を大勢で迎える。というのが流行していた。 もちろん、俺もその偉大なるウンコマンとして降臨したこともあれば、尊大なるウンコマンを迎えたこともある。 やがて中学生になり、異性への興味が花開く年頃になると、さすがに男子のウンコマンへ対する興味、情熱も薄れていくのだが、今度は授業中に腹が痛くなってしまった場合、好きな異性の目の前で「ちょっとトイレに……」と手を挙げて行くのが恥ずかしいという、なんだか今

by doublecompile 弾の代わりにインクを発射して地面を塗りたくるシューティングゲーム「Splatoon(スプラトゥーン)」は海外でもリリースされており、全世界でイカしたバトルが繰り広げられているわけですが、海外勢が日本人プレイヤーのすさまじい戦いっぷりを目の当たりにして「日本人を見たら逃げたくなる」「日本人プレイヤーと当たるのはもうイヤ」とまで言い切ってしまう事態になっています。 Why Japanese Splatoon Players Are Feared http://kotaku.com/why-japanese-splatoon-players-are-feared-1728427132 「日本人プレイヤーたちは20キルもしているのに、僕はたったの2キル……」というしょんぼりとしたツイート。 Japanese Splatoon players be like get

以前の記事で、 Webアプリケーションのデバッグの仕組み について触れました。今回は実践的なJavaScriptのデバッグについて掘り下げていきたいと思います。 ブラウザデベロッパツール 私の個人的なお気に入りはChromeデベロッパツールです。SafariやFirefoxはChromeほどの高水準に達していません。しかし、徐々に改善されてきています。FirefoxにはFirebugと改良されたFirefoxデベロッパツールが組み合わされた機能が備わっています。もし、Firefoxチームがビルトインされているデベロッパツールの改良の中で素晴らしい仕事をし続けたとしたら、Firebugはいつか、すたれるかもしれません。 個人的な好みにかかわらず、ターゲットとするあらゆるブラウザで、全てのコードのテストやデバッグができるようにすべきです。”あらゆるブラウザ”には、かの有名なInternet E