Clueit Developers Blog

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を使っており、そこの部分のテストの書き方が分から...

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

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