s1251のブックマーク - はてなブックマーク

実際のサービスをRails＋Vue.js(Single File Components)を用いてSPAへリファクタリングした話

エンジニアの西辻です。今回の記事では、Rails プロジェクトで一部の画面のみをVue.jsを用いてSPA化するにあたって、その際に得た知見などを共有できたらと思います。 Overview 大きく以下の流れで書いていきます。 Motivation RailsとVue.jsの連携方法について調査、部分的なSPAが実現可能かの検証実装を進めていく中での気づきスマホ対応の方針決め最後に Motivation まず、なぜRails プロジェクトで一部の画面のみをSPA化する必要があったかの背景を説明したいと思います。今年の5月からtoB向けの管理ツールを新規開発したのですが、その際にjQueryだとコードの見通しが悪いのでVue.jsを積極的に利用していこうという話があり、チームメンバーでVue.jsを学習しながら開発を進めていました。管理ツール自体は無事リリースでき、稼働はしているのです

s1251 2018/08/06

あとで読む

リンク

スタートアップの現場で役立つ開発要件のまとめ方

こんにちは。ハウスマートの高松(@t2kmt)です。皆さんは開発要件をまとめるのにどんなフォーマットを使っていますか？開発要件をいい感じにまとめるのって大変ですよね。ドキュメント整備せずに開発に着手し始めてしまうと手戻り抜け漏れが出てしまいますが、一方で要件定義書をガチガチなフォーマットにするとドキュメントの作成自体の工数が増えてしまいます。スタートアップはスピードが命。ドキュメントを書きまくって開発が進まないなんて言語道断です。開発要件の整理はプロジェクトの成否に多大なインパクトを与えますが、ほとんどの現場では企画を考える人にフォーマットが委ねられていることが多いと思います。今回は皆さんが快適に開発要件をまとめられるように、ハウスマートで利用している mini spec というフォーマットをご紹介します。 mini spec とは mini spec とは開発の要件をまとめる

s1251 2018/03/21

あとで読む

リンク

会社の本番環境をDocker(ECS)に置き換えるために準備したこと気づいたこと

エンジニアの@macs_6です。このブログでは社内のAWS EC2上で運用しているアプリケーション群をECS移行したプロジェクトについて紹介します。ローカルの開発環境をDockerした話は以前の記事(複数の rails プロジェクトが共存する開発環境を Docker 化した話を晒してみる)で西辻が紹介しているので、そちらを参照して下さい。概要プロジェクトを始める前に感じていた課題目指す状態 ECSを選択する理由設計移行のために必要な作業 Digdagによるスケジューリングについて ECSを使って見て気づいたこと今後やりたいことプロジェクトを始める前に感じていた課題ローカル・本番で再現性のある環境を簡単に作れるようにしたい簡単にスケールできるようにしたいコストを抑えたい ECS移行プロジェクトを始める前にはこれらの3つの事に課題感を持っていました。 1.ローカル・本番

s1251 2017/11/07

リンク

日本語でのサジェストの難しさとElasticsearchを用いた実装例

このエントリは Elastic stack (Elasticsearch) Advent Calendar 2016 の17日目の投稿です。こんにちは。Housmartの高松です。今回のテーマは Elasticsearchを使った日本語でのサジェストです。 Elasticsearch便利ですよね。個人的には今から検索関連の機能を作るならElasticsearch一択だと思っているのですが、こんな便利なElasticsearchを使っても、実用レベルの日本語のサジェスト機能を実装するのはちょっと難易度が高いです。今回は実務での経験をもとに、なぜ日本語でのサジェストが難しいのか、Elasticsearchを用いた実装はどうすれば良いのかについて書いていこうと思います。今回取り組んだ問題弊社HousmartはReTech（不動産テック）スタートアップで、中古マンション売買サービス「カウ

s1251 2016/12/17

あとで読む

リンク

【2016年夏】iPhoneアプリを作り始める前に考えておきたい5つのこと

「iPhoneアプリ作る前に考慮しておくべきことってなんだろう？」こんな疑問を開発前に持つ方向けに、「サービス・システム設計」の観点から新規アプリ開発において意識すべきポイントをまとめました。また、弊社より8月30日にリリースしたカウルのアプリ開発でとった対応も併記しています。過去に携わっていたショッピングアプリでの経験や、先輩アプリエンジニアの方々に教えていただいたことをベースとしています。企業でiOSアプリを初めて開発するエンジニアや作る機能・スケジュールを決めるプロダクトオーナーといった方々の判断の材料になれば幸いです。エンジニア視点でのスムーズなiOSアプリ開発のためのポイントはこちらにまとめています。ちょっとの工夫でスムーズになるiOSアプリ開発のコツ9つ(コーディング・デザイン編) サービス・システム設計で考えておきたい5つのこと 1.ユーザにアプリアップデー

s1251 2016/09/02

あとで読む

リンク

テレビ放送に向けての負荷対策(AWS x Rails の場合)[後編]

Housmart高松です。先日、テレビ東京のWBS（ワールドビジネスサテライト）で弊社サービス「カウル」をご紹介いただきました。前編ではテレビ放送に向けたAWS上のシステムの事前準備について説明しました。後編では放送当日と事後の振り返りについて書いていこうと思います。 ※前編をご覧になっていない方はこちらを先にご覧ください。 WBSサイト(不動産流通に革新は起こるか): http://txbiz.tv-tokyo.co.jp/wbs/feature/post_107290/ 仲介手数料無料の不動産サイト「カウル」: https://kawlu.com/ 内容前提 [前編] 事前準備 [前編] 放送当日直前の放送時間変更放送内容アクセス数まとめ振り返りとまとめアクセス予想振り返りまとめ 3.放送当日直前の放送時間変更 WBSは通常23時からの放送なのですが、この日は前の番

s1251 2016/03/11

あとで読む

リンク

テレビ放送に向けての負荷対策(AWS x Rails の場合)[前編]

Housmart高松です。先日、テレビ東京のWBS（ワールドビジネスサテライト）で弊社サービス「カウル」をご紹介いただきました。今回は、その前後でシステムの準備として実施したこと、当日の実際のアクセス数などをご紹介します。 WBSサイト(不動産流通に革新は起こるか): http://txbiz.tv-tokyo.co.jp/wbs/feature/post_107290/ 仲介手数料無料の不動産サイト「カウル」: https://kawlu.com/ 突然のテレビ取材！テレビに出るとどのくらいアクセスが来るの？サーバは何台増やしたらいいの？そんな時の参考になれば幸いです。内容前提前回の失敗フロントエンドシステム構成事前準備負荷予測サーバ台数決定サーバ増強その他実際のアクセス数と振り返り 1.前提前回の失敗つい半月ほど前に別の局で朝の番組にもちらっと社名を出して