TES Blog

株式会社テクニカルエンジニアリングサポートに所属する社員が、自身が携わるテクノロジーやイベントに関する情報を発信しています。

自社サービス「さがめしみっけ。」をリリースしました

こんにちは。
Web エンジニアの Hayato Yamashita です。

今日は、弊社がリリースした自社サービス さがめしみっけ。 を紹介いたします。

さがめしみっけ。とは

本当に簡単に説明しますと、神奈川県相模原市にある美味しいご飯の写真を流し、紹介するシンプルなサービス。

相模原の飯だから、さがめしみっけ。

それが、こちらです。

sagameshi-mikke.tes.co.jp

ランダムに流れてくる写真は、どれも弊社の社員がオススメする料理の写真です。

気になった料理があったら、クリック(タップ)してみてください。

その写真の料理名と、その料理を提供されている飲食店の名前、アクセスするための地図を表示できます。

流れてくる写真を眺めていただき、気になった写真があったら詳細を見ていただいて、お店に行ってみてください。

先述のとおり、弊社の社員がオススメする料理だけを載せていますので、どこに行っても美味しい料理が楽しめると思いますよ。

サービスリリースの経緯

弊社は神奈川県相模原市にある会社なのですが、地域貢献のため、何かできないか探していました。

また、規模が小さくても自社でサービスをリリースしてノウハウを蓄積していこうぜ、というクリエイティブな風潮もあり、自社サービスとしてできることも探していました。

そこで、社員からアイディアを募集することにして、募ったアイディアからみんなが「良さそう!」と思ったものを選出。

結果、当ブログで記事も書いている弊社の もち太郎 (id:manabkr) のアイディアを採用することになりました。

それが本記事で紹介している さがめしみっけ。 です。

アイディア採用後、アイディア内容からサービス要件の精査し、使用技術を選定。

開発をおこなって、リリースに至りました。

さがめしみっけ。の使用技術

さがめしみっけ。 は、非常に簡素なサービスです。

扱う情報量も少なく、画面数も少ない。

そういう小さなサービスですから、なるべく手間などのコストをかけずにリリースする技術を選ぶことにしました。

大きくは以下の2つです。

Nuxt.js

ja.nuxtjs.org

Vue.js をベースにしている JavaScript のフレームワークです。

ユニバーサル Vue.js アプリケーションと銘打たれているとおり、Vue.js を使ったアプリケーション開発を容易にしてくれるもの。

個人的にもよく利用していることもあり、非常に扱いやすくて素敵です。

GraphCMS

graphcms.com

呼び方はさまざまですが、ヘッドレス CMS と呼ばれる類のサービスです。

ヘッドレス CMS というと REST API が提供されている SaaS が主流ですが、この GraphCMS は GraphQL で扱えるのが特徴。

フロントエンドファーストで開発するなら GraphQL を扱えるのはメリットが多いと思いますので、こちらも使いやすかったです。

また、画像を自動的に CDN 配信してくれるのも素晴らしいです。

その他

その他、と分類するのも恐縮ですが、実装にあたって利用した npm パッケージを紹介します。

さがめしみっけ。でやらなかったこと

サービスにおいて、どんな機能でも取り入れるかどうか選択する必要があります。

そのサービスで取り入れた機能は見ればわかりますので、ここでは「あえて取り入れなかったもの」をいくつか紹介します。

検索機能

さがめしみっけ。 は、写真が流れてくるのを眺めるためのサービスです。

検索機能は便利ですが、それを入れてしまうと、写真を眺める用途を失ってしまう懸念がありました。

また、サービス名の さがめしみっけ。 にもあるように、サービス利用者に美味しいご飯を見つけてもらうのも、本サービスのコンセプトです。

見つけてもらう、と言っても、検索機能では「見つけに行く」という能動的なアクションになってしまい、たまたま「美味しそうなご飯を見つけた!」という感動を損なう懸念もありました。

そのため、コンセプト=サービスの世界観であると定義して、その世界観に合わない機能は取り入れない方針にしました。

なので、アイディア段階では検索機能を入れることも検討していましたが、サービスの世界観にあわせ、検索機能は取り入れないことにしたのです。

レビューコメント(評価)

料理を扱う有名サイトでは、利用者からのレビューを受け付けているものが多数ありますが、さがめしみっけ。 ではやめました。

さがめしみっけ。 は、弊社の社員がオススメする料理だけを載せるサービスです。

オススメする美味しいご飯に、個人の好みの違いはあれど、優劣はありません。

流れてくる写真から気になったものを見つけてほしいのに、そこにレビューや評価が書いてあり、気になったときの好奇心をそらしてしまうのも良くありません。

なので、レビューコメントや評価は取り入れないことにしました。

おわりに

さがめしみっけ。 は、まだまだコンテンツを増やしている最中のサービスです。

弊社の社員がオススメする美味しいご飯をどんどん載せていきますので、もし宜しければ、ご利用ください。