49hack

ゆるふわエンジニアが魔法使いになるまで

Resource Hintsの対応をしてWebPageTestの点数を改善した

Photo by rawpixel on Unsplash はじめに いま開発チームでサイト速度改善に取り組んでいて、 その一環でResource Hintsの対応をしたので、調べたこととリリース後の効果をまとめます 調べたこと まずはResource Hintsについて Resource Hints ふむふむ。い…

iOSショートカットでちょっとしたライフハックをしてる話

iOS12から登場したショートカットをつくるのが楽しすぎて時間が溶ける・・・ 自分は最近Google Mapを使うことが多いので、そのときに使えるショートカットをつくりました。 iCloudの共有リンクも置いてるので良ければ使ってみてください ※ショートカットApp…

nginx.confを8万行削除した話

強い気持ちでやりました 自分が関わる前からあったnginx.conf。 それはそれは大きく膨らんでおりました デプロイはchefで行っていたんですが、dry-runでも時間がかかりすぎて差分確認するのも一苦労、、という状態 少しでも快適な開発環境にすべく、やってい…

技術書典で買った「さわって学べる!iOSテスト駆動開発」を読んだのでその感想と3章の誤植の共有

今年の技術書典ではboothでiOS中心に10冊ほど買いました。 今回読んだ本はこれ shindyu.booth.pm swiftでテストを書いたことがなかったので、TDDを勉強するというよりは、その書き方や導入が把握できればいいかなー、と思って読んでみました。 結果、とても…

nginx+wordpressのdocker環境を構築する

はじめに localにwordpressが動く環境がすでにあったのですが、メンバーの新規参入時など環境構築が大変だったのでdockerで環境を構築できるようにしました。 dockerはこの本を読んで勉強しました プログラマのためのDocker教科書 インフラの基礎知識&コード…

開発合宿@河口湖がすごく良かったというお話

先日行った開発合宿@河口湖がすごく良かったのでブログに記録していきます。 文才がみじんこなのでそこは写真で補うスタイル 今回はここにお邪魔しました。 www.c-ban.com 金曜夜から出発し、22時頃に河口湖カントリーコテージに到着。 まずは買い込んだお…

swiftを一から勉強してTODOアプリをつくるまでの過程

仕事でしばらくwebで活動していたのですが、フリーランスになったことだし、アプリ開発をまた再開しようと思い、swiftを勉強してみることにしました。 また、今回swiftを勉強するにあたり、その過程もメモしていきました。 学習の過程って意外と忘れがちです…

開発用.devがhttpsに強制リダイレクトされて困った件

pow使ってて開発してたら、急にSafariやChromeでhttpsに強制リダイレクトされるようになったので対応。 (Chromeはv63からこの仕様になったぽい) 対応 インストールし直せばOK。 (ver0.6.0から、トップレベルドメインが.devではなく.testがデフォルトにな…

リーダブルコードを久しぶりに読み返してみた

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)作者: Dustin Boswell,Trevor Foucher,須藤功平,角征典出版社/メーカー: オライリージャパン発売日: 2012/06/23メディア: 単行本(ソフトカバー)購入: 68人…

WordPressでfacebookのoEmbed対応をする

WordPressが4.4からoEmbedに対応し、特に埋め込みコードを書かなくてもurlから自動で埋め込みコードを発行してくれるようになりました。 oEmbedって? 例えばTwitterのつぶやきをサイトに埋め込みたい場合、いままでこういう埋め込みコードをコピペしてたの…

URLからクエリ文字列(GETパラメータ)を抽出してハッシュにする

環境 $ rails -v Rails 4.1.1 $ ruby -v ruby 2.1.2p95 (2014-05-08 revision 45877) [x86_64-darwin14.0] 方法 例えば、URLからクエリ文字列を抽出する場合はURIを使えば簡単。 uri_str = 'http://sample.com/path/to/hoge?a=1&b=2' uri = URI.parse(uri_st…

「zsh: command not found pod」と言われた時の対処法

$ pod setup zsh: command not found pod 昨日まで使えてたのにある日突然podコマンドが使えない…!! 対処法まとめておきます〜。 環境 一応Macのバージョンは以下です。 OS X 10.10.5 対処法 とりあえずcocoapodsがあるか確認 $ gem list | grep cocoapods…

4byte文字(絵文字や一部の漢字)が含まれているかどうかチェックする

本当はmysql側のエンコーディング変更すべきですが、アプリケーション側の応急処置として。 class Post < ActiveRecord::Base validate :no_4_bytes # 本文に4byte文字を使わないように def no_4_bytes if content.present? chars = content.each_char.selec…

テキスト中にあるURLを抽出し、リンク(aタグ)に変換する

テキスト中にあるリンクがある場合は、ちゃんとクリックできるリンクにして出力したい! ということで、いろいろ調べてみました。 URLを抽出する textからURLを抽出するだけであれば、URI.extractを使えばOKです。 text = 'aaaaa http://xxx.com bbbbb http:…

grep, xargs, sedを使って複数ファイルの文字列を一括で置換する

例えば、カレントディレクトリ下のファイルで「置換前の文字列」が含まれるものを一括で「置換後の文字列」に置換したい場合は以下のようにします。 $ grep -rl '置換前の文字列' ./ | xargs sed -i '.bk' 's/置換前の文字列/置換後の文字列/g' iオプション…

twilio-rubyでSMSを送信する

SMS送信にtwilioを使ってみたのでメモがてらざっとまとめていきます。 はじめに twilioからgemが提供されてるのでインストールします。 gem 'twilio-ruby', '~> 4.2.1' twilioでSMS送信する場合は、SMS対応している国の電話番号を購入する必要があります。 …

with_optionsを使う際の注意点

環境 Railsのバージョンは4.1です。 $ rails -v Rails 4.1.1 そもそもwith_optionsって? オプションの記述が冗長にならないようにまとめてくれる便利メソッドです。 class User < ActiveRecord::Base validate :name, presence: true, if: :hoge validate :…

emailのバリデーションをちょっとだけ工夫する

Userモデルのemailに、存在チェックとフォーマットチェックを入れることを考えます。 必要なgemをインストールしておきます。 # Gemfile gem 'validates_email_format_of' 普通にやってみる class User < ActiveRecord::Base validates :email, presence: tr…

mysqlで同一単語を複数カラムにわたって検索する

CONCAT関数を使います。 例えばcolA, colBの2つのカラムでaaaを検索したい場合、 SELECT * FROM hoge_table where CONCAT(colA, colB) = "aaa" となります。 ただ、colA, colBのいずれかがNULLの場合、CONCATの結果もNULLになってしまうのでIFNULLで回避し…

指定した順序どおりにレコードを取得する

作業環境 使用しているRailsは4.1.1です。 $ rails -v Rails 4.1.1 一番手っ取り早い方法 例えば、ユーザを指定のid順に取得したい場合は、 # 普通にid渡してもできない user_ids = [4,2,3,1] users = User.where(id: user_ids) #=> [1,2,3,4] # MysqlのORED…

width: calc()が効かないと思ったら書き方に問題があった

css

CSS3のcalc()ファンクションが最新のブラウザで効かない。。困った。。。 .hogeBlock width: calc(100%-320px) // ←こいつ 原因は計算式の書き方でした。計算式の間にちゃんとスペースを入れないと機能しません。 In addition, whitespace is required on bo…

「スマートフォンのためのUIデザイン」を読みました

はじめに デザイナーに自分が伝えたいデザインや雰囲気をうまく伝えられないことがたびたびあり、「コミュニケーションをもっと円滑に!」ということでこの本を読んでみることにしました。 本全体としては、スマホアプリ/スマホサイトの両方が記述されていま…

group_by のときに使う &:hogehoge ってなに?

User.all.group_by(&:age) レコードをグルーピングするときgroup_byを使いますが、引数の&(アンパサンド、アンド)の挙動をいまいち理解してなかったので調べてみました。 Rubyではメソッド呼び出しの引数に「&手続きオブジェクト」を渡すと、手続きオブジ…

autoprefixerを使って快適にコーディングする

SASSを導入してからコーディングがかなり楽ちんになったのですが、CSSでベンダープレフィックスをつけるとき、「このプロパティってプレフィックスいるんだっけ?」「Safariでこれってまだ必要だっけ?」みたいな問題によく遭遇します。 -webkit-border-radi…

railsを起動しようとしたらlibmysqlclient.18.dylib (LoadError)っていわれた

railsサーバを起動しようとしたらmysqlまわりのエラーが出て起動できず。。 $ rails s /Library/Ruby/Gems/2.0.0/gems/mysql2-0.3.16/lib/mysql2.rb:8:in `require': dlopen(/Library/Ruby/Gems/2.0.0/gems/mysql2-0.3.16/lib/mysql2/mysql2.bundle, 9): Lib…

大量のデータ挿入・更新にバルクインサート・バックアップデートを利用する

例えば以下の場合にSQLが1000回発行されます。 1000.times do Hoge.create(...) end # INSERT INTO hoge (...) # INSERT INTO hoge (...) # INSERT INTO hoge (...) # ... かなり非効率なのでbulk insertでSQLを1つにまとめて軽量化します。 Railsでbulk in…

引数を使えるrakeタスクを作成して実行するとzshに怒られた

環境 $ rails -v Rails 4.1.1 $ ruby -v ruby 2.1.2p95 (2014-05-08 revision 45877) [x86_64-darwin14.0] $ echo $SHELL /bin/zsh タスクを作成 my_taskを作成してみます。 rails g task my_task # lib/task/my_task.rake namespace :my_task do desc "おれ…

nginxで迷惑ボットを拒否する

newrelicのエラーレートが定期的にやたらと高くなるなーとおもってたらMG12botという迷惑ボットが周回してきてました。 404エラー頻発 →newrelicのアラートが止まらない →不安で寝れない のでnginxで拒否します。ネムイ(´・ωゞ) # /etc/nginx/nginx.conf if ($ht…

ckeditorに認証機能を実装する

ckeditorはデフォルトだと誰でもアクセス可能となっているので認証機能を追加します。 cancanを利用する場合は Ckeditor.setup do |config| config.authorize_with :cancan end でOKですが、独自の認証機能を使いたい場合は以下のようにします。 # config/in…

ckeditor+carrierwaveで画像をS3にアップロードできるようにする

WYSIWYGといえばckeditor!ということで、ckeditorのインストールから画像のS3アップロードの設定までを書いていきます。 必要なgemをインストール Gemfileに以下を追加し、bundleでインストールします。 # Gemfile gem 'carrierwave',github: 'carrierwaveu…