Clueit Developers Blog

Posts in 2016

男もすなるsshといふものを、我もしてみむとて解説するなり

こんにちは。エンジニアでインターンをしている村田です。最近寒くてベッドから起き上がるのがつらいです。最近デスクトップ環境をxubuntuにしたのですが使いやすくて感動してます。軽くて、Ubuntuらしい便利な機能も多くありますので他の方にもぜひおすすめです！話は変わりますが、コンピュータの用語で新しく...

HTMLテンプレートエンジン「slim」の解析ツールslim-lintを導入してみた！

こんにちは、エンジニアの井戸田です。弊社ではmamanokoという子育てをするママのためのメディアをRuby on Railsで運営しており、viewではHTMLテンプレートエンジンであるslimを使用しています。今までrubyの解析ツール「rubocop」や、scssの解析ツール「scss-lint」は導入し...

vertical-alignの使い方と別の実装方法について調べてみた！

こんにちは、エンジニアの井戸田です。先日「vertical-align」で引っかかり、検索してみると予測変換で「vertical-aling 効かない」と出てくるので、結構皆さんも引っかかっているんだな感じました。なので今回は僕もはまったcssのプロパティである、「vertical-align」の値・使い方や...

【Rails】現在地の取得ってどうやるの？GeokitとGeocoderを使って現在地周辺施設の検索機能を実装してみた！

こんにちは、エンジニアの神山です。最近大豆製品ばっかり食べています。今回はWebサービスでよく見かける、現在地周辺検索を行う機能の実装について書きました。例えば現在地から半径2km内にあるレストランを検索したり、現在地より最寄りの駅を探したりできる機能です。今回使用したGemは、 [geocoder](h...

規律あるcssを運営するにあたって

こんにちは、エンジニアの井戸田です。弊社ではmamanokoという子育てママさんのための情報サイトを運営しており、Ruby on Railsで実装しています。今回はmamanokoで実装されているのcssの構成についてお話ししたいと思います。 mamanokoではSMACSSというcssの設計手法や、BEMと...

Mockを使って、Facebookログイン部分のRSpecを書いてみた！!

こんにちは、エンジニアの神山です。最近、テストカバレッジを上げるためRSpecを書きまくっています。ちなみに最初は90%でしたが、苦闘の末95%まで上がりました。結構骨が折れましたね。その中でも大変だったのがFacebookログイン部分のテストです。外部APIを使っており、そこの部分のテストの書き方が分から...

Docker for Macが遅い問題をdocker-syncで解決する

こんにちは。エンジニアの志村です。 Docker for Mac便利ですね！日本語でも様々な記事が出てきています。私もVagrant + Dockerをメインに使用しておりましたが、ついにDocker for Macに乗り換えました。弊社では、dev環境をDockerにしているのですが、Vagrant + ...

AWS Lambdaを使用し、CloudfrontのInvalidationを走らせる

こんにちは。エンジニアの志村です。先日assets on S3についての実装を行いました。　その記事は下記になります。今回はasset_syncにより、S3にassetファイルがアップロードされた段階でCloudfrontのInvalidationをLambdaを使用して走らせるという処理を実装したいと思...

assets on S3を導入してみる

こんにちは。エンジニアの志村です。さて今回ですが、Assets on S3を導入しましたのでその際のメモです。この形でassetsを配信しているサービスは多いですよね。今回は、Cloudfront+S3 / asset_sync+capistranoという定番のパターンで実装しており...

AWS Lambdaを使用して、AWS利用料金のお知らせをSlackに届くようにしてみた

エンジニアの志村です。先日AWS Summit Tokyo2016に2日間行ってきました。今サミットではLambdaを用いたサーバレスアーキテクチャ、またKinesisを利用したリアルタイムストリーミング解析の話題が中心でした。 Lambdaは少々前から興味があったにも関わらず、実務で使用したことが無かったの...

scss-lintの導入方法とその紹介

エンジニアの井戸田です。今回は自分たちが導入したscss-lintについての実装方法を紹介したいと思います！ scss-lintとはCSS拡張メタ言語scssのRuby製解析ツールで、scssのコードが設定に違反していた場合、警告をしてくれるツールです。ついfatになってしまいがちで、１度書いてしまうと中々修...