はてなブックマーク

Git でコミットする前に Prettier や ESLint を動かす方法を探すと、Husky (v4) + lint-staged の組み合わせがヒットする。 2021/02/26 時点では Husky が v5 になっていて、package.json に hook を記述するのではなく、.husky ディレクトリの hook ファイル (pre-commit など) にスクリプトを定義するやり方に変わっていたのでまとめておく。 What's new in husky 5 - DEV Community それぞれのツールについて整理すると、Husky は Git の hook を管理するツール。lint-staged は Git に stage されているファイル (コミット対象のファイル) に指定したスクリプトを実行するツール。コミット対象のファイルにのみ Lint などのスクリプト

社内勉強会で Electron で Evernote クライアントを作った話について発表しました。 Electron で Evernote クライアントを作ってみた // Speaker Deck 現状は公開できる代物ではありませんが、ある程度出来上がったら公開したいと思います。 今回は Keynote でスライドを作成しました。 スライドのテンプレートには Azusa Colors を使用しました。 Azusa Colors Keynote Theme by sanographix さくさくスライドを作成できるので大変助かりました。

2017/09/19 追記: ChatWork の公式機能としてサポートされたため、拡張を削除しました。 ChatWork の不要なルームをミュートする Chrome 拡張を Chrome Web Store に公開しました。 ChatWork Mute Room - Chrome ウェブストア Slack にはチャンネル毎に未読/既読状態を無視するミュート機能がありますが、それと似たようなものです。 3 年前に野良の拡張として作成し配布していました。 chocoby/chatwork-mute-room-extension: Chrome extension to mute rooms on ChatWork. ChatWork の特定ルームの未読数を非表示にする chatwork-mute-room-extension という Chrome Extension を作った - 暇人じゃな

ActiveModelSerializers を 0.9 (0.9.5) から 0.10 (0.10.0) にアップデートした時のメモです。 0.10 で API が大幅に変更されたため、アプリケーション側にも修正を加える必要がありました。 CHANGELOG しかし、アップデートが完全に終わったわけではなく、0.10 はアソシエーションの扱いがガラッと変わっているため、 その部分だけ作業中となっています (内容については記事の一番下に書いています)。 ActiveModelSerializers を使用しているアプリケーションで、アップデートを行った時に対応した内容を以下に記載します。 initializer の root キー設定 root キーの設定はデフォルトで false になりました。 以下のように initializer に root キーを含めない設定を書いている場合は削除

2013/07 に取得した AWS 認定ソリューションアーキテクト アソシエイトレベルの再認定試験を受けてきました。 取得当時は認定の有効期限の記載がありませんでしたが、2014/04 までに取得した場合は 2016/04 までにアソシエイトレベルの再認定を完了するか、プロフェッショナルレベルを取得する必要があるとメールでアナウンスがありました。 参考にした記事 2 回目なので最近の傾向について調べました。 AWS 認定ソリューションアーキテクト – アソシエイトレベル 抑えておくべきポイント - Qiita 「AWS 認定 ソリューションアーキテクト - アソシエイト試験」に合格しました - akiyoko blog プロフェッショナルレベルを受けた方の記事はモチベーションの維持に役立ちました。 3 か月で AWS 認定を制覇したので合格の秘訣をまとめてみた AWS ソリューションアーキ

Gem を複数バージョンの依存ライブラリでテストしたい。 例えば、私が開発している jp_prefecture gem は Rails に組み込んで使用可能で、Rails 3.2 から 4.2 まで (5.0.0.beta3 も一応) をサポートしています。 これらの各バージョンで Gem のテストが通るかを検証しておきたい。 そこで appraisal gem を使います。 appraisal は異なるバージョンのライブラリで Gem をテストできるようにサポートしてくれる Gem です。 thoughtbot/appraisal 以下は jp_prefecture gem の例で Active Record をメインにテストしていますが、 Rails や他のライブラリでも同じように使えると思います。 セットアップ jp_prefecture.gemspec に appraisal を追

Nginx で画像を動的に変換するために、ngx_small_light が選択肢に挙がると思います。 AWS S3 にあるプライベートな画像を変換したい時は ngx_aws_auth を使うことで実現できます。

2015/02/05 12:00 追記 : 解決できていないみたいなので、進展があれば追記していきます。 2015/02/19 21:00 追記 : 現在は正常に同期できている模様です。 状況 Mac や iPad からリマインダーにタスクを追加・編集しても iPhone のリマインダーに反映されなくなった。 iPhone 上の iCloud の設定でリマインダーの同期をオフ + iPhone からリマインダーのリストを削除後に、 リマインダーの同期をオンにしても同期が始まらない。しばらく放置しても変わらず。 リマインダー App で新規リストを作ろうとしてもアプリ内のボタンが何も反応しない。 結論を先に書くと iCloud の設定で「カレンダー」と「リマインダー」両方 の同期設定をオフにした後オンに切り替えることで同期が開始された。 2015/02/05 12:00 追記: 問題のある

このブログは Middleman でビルドして、S3 でホスティングしている。 現在は手元のマシンから middleman-s3_sync を使って S3 にデプロイしている。 そこで、middleman-s3_sync を使ったこれまでと同じワークフローで Wercker で自動デプロイできるようにした。 ところで middleman-s3_sync を使う必要がなく、Wercker のみで完結したい人は、 Wercker に S3 へデプロイするための Deploy Target が用意されているので、以下のページを参照すると良い。 Streamlining your Middleman deploys with wercker and S3 知ってた？ wercker を使えば middleman で作った静的ページを S3 にリリースするのも自動化できちゃうよ | mah365 W

いくつかの Rails プロジェクトのメールアドレスのバリデートは、正規表現ではなく mail gem と treetop gem を組み合わせて 行なっている。 Mail::Address.new(address) でアドレスをパースできる パース結果にドメイン部分が存在し、パース結果のアドレスが同一である Treetop で解析したドメイン部分のエレメントが example.com のように 2 つ以上 しかし、mail gem のバージョン 2.6.0 から treetop gem が依存関係から削除されたため、ドメイン部分のエレメントの検証が出来なくなった。 そこで、以下のように処理を変更した。 require 'mail' require 'resolv' class EmailValidator < ActiveModel::EachValidator def validate

ISUCON 4 の本選に「Beer Qz's」というチームで参加してきた。 結果は 7879 で 21 位だった(言語は Ruby)。 やったこと まずは、アプリや設定ファイルのバックアップを取りつつ、用意していたリポジトリに追加。アクセスログにレスポンスタイムを出す。 アプリやログを見ながら戦略を練る。 デプロイについては、設定ファイルやアプリを撒いて各種サービスを再起動するスクリプトを書いた。 初期スコアは 422 。 Redis に動画を置いていたものを public 以下に保存するように変更した。API 経由で出していたものを Nginx から配信。10547。 この辺りから複数台でベンチマークを走らせる構成に変更。 リダイレクト時のログ保存先をファイルから Redis に変更して、ログの集計で参照する。3 号機を Redis 専用に変更する(あとでコア数の違いに気がついて 1

DigitalOcean で運用している古いブログ用のサーバーに Tiarra を同居させていたが、WordPress から Middleman + S3 に移行したことで、 Tiarra のためにインスタンスを起動しているという勿体無い状況になった。 そこで、Raspberry Pi で Tiarra を動かすことにした。ついでに環境構築に Ansible を使った。 以下、構築した時のメモを残しておく。 環境 Raspberry Pi: Type B OS: Raspbian (Version: June 2014) 開発方法、Playbook の確認 Vagrant, Sahara で確認しながら Playbook を書いた。 Raspberry Pi に流しながら確認するのは非効率だなと思ったので、 Vagrantbox.es に公開されている Debian Wheezy 7.2

Snapchat を支える技術：768 台の Redis を Google クラウドで構築 - Qiita を読んで GAE を試したくなった。 そこで GAE の Go チュートリアルをやったのでメモ。環境は Mac OS X 10.9.2。 Introduction - Google App Engine — Google Developrs GAE は 4 年前に Python を少し動かした程度。Go はほぼ初心者。 Google App Engine SDK for Go インストール Homebrew で。Go も入っている:

遅くなりましたが、Rails 4.0.0 の正式版がリリースされましたね！ CurryBu については諸々の環境(主に gem ですが...)が落ち着いてきてから Rails 4 にアップデートしようと思っていました。 しかし、CurryBu は元々 Rails の勉強で始めたということや、以前、小さめのアプリを Rails 3.2.x から Rails 4.0.0.beta.1 にアップデートした こともあったので、Rails 4 にアップデートすることにしました。 今回のアップデートでハマったところを書いてみます。 2013/07/12 にアップデートを行ったときの情報ですので注意してください。 Gem まわり 最新の情報については各 Gem の GitHub を参照することをおすすめします。 devise https://github.com/plataformatec/devise

Amazon Linux の 2013.03 がリリースされましたね。 恥ずかしながら気がついたのは 4 月に入ってからでした。 Amazon Web Services ブログ: 【AWS 発表】Amazon Linux AMI 2013.03 が利用可能に http://aws.typepad.com/aws_japan/2013/03/amazon-linux-ami-201303-now-available.html ハイライトによると Kernel や OpenSSH がアップデートされたり、AWS Command Line Interface のプレビュー版が追加されたりしており良い感じです。 というわけで、Amazon Linux 2012.09 から 2013.03 にアップデートしてみました。 アップデートする方法なのですが、yum update を叩くだけですね。 (横幅

難しそうだなーと思っていましたが、実際にやってみると意外と簡単でした。 URLconf URLconf はこんな感じになっています。 hoge.json というリクエストが来たら detail_json という view に飛ばしています。 # urls.py urlpatterns += patterns('hogehoge.egg.views', url(r'^(?P<slug>[-_0-9a-zA-Z]+)\.json', 'detail_json', name='detail_json'), ) View View はこんな感じになっています。 オブジェクトの取得を試みて、取得できたら Django のシリアライザ(simplejson)を使用して JSON に変換。取得できなかったら MIME type を指定して 404 Not Found を出力します。 日本語のように Un

Gem の更新情報を知る方法 以前、プロジェクトで使用している Gem の更新情報を知る方法について、Rubygems.org の Dashboard を使って知る という記事を書きました。 最近、Gemnasium という life-changing な Web サービスと出会ったので紹介したいと思います。 Gemnasium とは Gemnasium https://gemnasium.com Rubygems.org の Dashboard をスーパーウルトラクールにしたような Web サービスです。 簡単に言うと、以下の機能があります。 GitHub リポジトリのプロジェクトで使用している Gemfile などを Gemnasium がチェック 使用している Gem の新しいバージョンがリリースされると、Gemnasium 上やメールで教えてくれる プロジェクトごとに使用している

require 'jp_prefecture' pref = JpPrefecture::Prefecture.find 13 #=> #<JpPrefecture::Prefecture:0x007fcd25909440 @code=13, @name="東京都"> pref.name # => "東京都" また、Rails のプラグインとしても使用することができます。 Rails で使う jp_prefecture gem の目玉は Rails のプラグインとして動くところです。 例えば、prefecture_code:integer という属性を持つ Place モデルがあったとして、jp_prefecture を以下のようにして呼び出します:

Rails.cache(ActiveSupport::Cache) で「キャッシュがあったら返す/無かったら生成して返す」という処理を行いたくて、find_or_cache というメソッドを書いていたりしたのですが、API ドキュメントを読んでいると、Rails.cache.fetch というメソッドで同等の処理ができることが判りました。 ActiveSupport::Cache::Store http://api.rubyonrails.org/classes/ActiveSupport/Cache/Store.html#method-i-fetch 基本的に API ドキュメントに書いてある通りですが、以下のように書けます:

2010/10/25 追記： CakePHP の Search Plugin で HABTM なモデルを検索する方法について書きました。 /blog/2010/10/25/cakephp-search-plugin-habtm/ ここで使用している CakePHP のバージョンは 1.3.3 です。 Search Plugin すげー！と興奮しながら使用していたのですが、 post モデルの title フィールドと、 user モデルの username フィールド を同時に検索するにはどうすればいいんだろう？というところでハマりました。 Search Plugin とは、検索機能を簡単に実装できる、(CakePHP 開発元である)CakeDC 製の CakePHP Plugin です。 CakeDC's search at master - GitHub http://github.c

「ユーザーがログインしたらデータベースに最終ログイン日時をセットする」という処理を実装してみました。 users テーブルに last_login フィールドを DATETIME 型で作成していることを前提としています。 <?php // app_controller.php function beforeFilter() { $this->loginRedirect = array('controller' => 'users', 'action' => 'index', 'admin' => true); $this->autoRedirect = false; } loginRedirect でログイン後のリダイレクト先を指定しています。 autoRedirect を false にすることによって、ログイン後のリダイレクトが無効になり、login アクション内の処理が実行されるよう

send_file を使用して画像ファイルを配信する方法ではなく、DB などに保存していたバイナリデータを直接出力する方法です。 get '/images/:id' do |id| # レコード取得 @item = Item.where(:id => id).first if @item and @item.image # content_type をセット(image/jpeg など) content_type @item.image.content_type # 画像を出力 @item.image.body else # 404 not_found end end http://localhost:4567/images/3 などとアクセスすると画像が出力されます。 もし画像を保存させたいのであれば、画像を出力する前に、Content-Disposition ヘッダをセットしてあげます

環境: nginx 0.8.53 WordPress 3.0.1 WordPress はパーマリンクを自由に設定できます。 これは Apache の mod_rewrite を .htaccess などで制御している訳ですが、nginx では .htaccess が使用できません。 何もせずにパーマリンクを設定すると、 http://example.com/blog/index.php/2010/10/hello-world/ のような、index.php が入ったアドレスになってしまいます。 どちらにしろ、このまま WordPress を使用するとページによってスタイルが適用されなかったり、 画像が表示されなかったり、画像がアップロード自体できなかったりで、まともに動作してくれません。 ではどうするのか？と言うと、nginx のインストールで作成したサイト用の設定ファイルで Rewrit

環境: Jenkins 1.421 最近になってようやく、CI (継続的インテグレーション) 用のツールである Jenkins を使い始めました。 Jenkins を触っている中で、「プロジェクトのビルドが成功したら、自動でデプロイを行いたい(シェルスクリプトを叩きたい)」という要望があり、どうしたものかと悩んで Twitter にポストしたところ、良い方法を教えていただきました。 @cho_co 別Jobでチェーンさせるのはだめですか？ — さぼてん（さぼ福）しんざき 佐藤太一 (@cactusman) July 11, 2011 @cho_co ビルド・トリガ-他プロジェクトのビルド後にビルド で、実行したいシェルスクリプトだけを動かすジョブを登録するとかですかね？ — ɐʇɥoɐ (@aohta) July 11, 2011 これはよさげです！ @cactusman さん、@aoht

Kenta Okamoto (chocoby) 個人事業主のソフトウェア開発者です。 Ruby と Rails を使った Web サービスの開発を得意としています。