News

2017/4/11 「Bowing Vision」- ルネサスDevCon Japan 2017 に出展します

2017/3/30 「Bowing Vision」- SLUSH TOKYO 2017 に出展します

2016/12/10 ルネサス GR デザインコンテスト2016で優勝しました!- 「目でできる弦楽器の練習」

Product

Bowing Vision

Actionable Insight to improve your bowing

新しい弦楽器の練習のかたち

Comming Soon! 現在プロトタイプバージョンを展示会でデモ中。2017冬リリース予定

Services

First Four Notesは、企画からデザイン・実装・運用までをワンストップで請け負う、新規事業に強いWeb開発会社です。
ぜひ、こんなものを作りたいのだけど、という段階からご相談いただくことで、より良いものづくりの提案ができます。

Computer software & hardware development and consulting

コンピュータソフトウェア及びハードウェアのコンサルティング・設計・開発

Web application development and consulting

Webサイトのコンサルティング・設計・開発

Robot software development and consulting

ロボットソフトウエア及びハードウェアのコンサルティング・企画・研究・開発

Semminer & Study meeting lecturing

技術系研修・セミナー・勉強会の企画・運営

Cartoon drawing, Writing and translation

イラスト・漫画・原稿・翻訳の執筆

Works

新しいSNSのバックエンドサーバー構築とチャット開発

株式会社インテロール

「場」をキーとして、人とのつながりを生むSNSアプリを展開されています。
このSNSのバックエンドサーバーの提案から設計・構築と、スマートフォンから利用するAPIの設計・開発、 その「場」に集まった人たちがチャットするためのリアルタイムなチャット機能の設計・開発を担当しました

技術相談・設計・開発・運用

使用技術

node.js/Express/hapi/nginx/Redis/MongoDB/socket.io/docker
AWS(ECS/ALB/Lambda/S3/EC2/CloudWatch)

お客様の要望

このサービスは場所に紐づけされた「場」を複数持っていて、「場」の中でメッセージ(文章や写真)とトピックをリアルタイムに交換します。いくつの「場」が同時に使われるのか、 何人のユーザが同時に「場」に入るのか、は変動が大きいと考えられるので、接続人数が大きく変動しても耐えられ、かつ、運用コストをなるべく低くというのがお客様の要望でした。

概要

Version 1のシステムでは、dockerのコンテナを多用し、システム内でコンテナの生成、終了をマネージメントすることでフレキシビリティを確保していましたが、今回大幅に改良した Version 2では、Amazon AWSの機能を利用して、フレキシビリティとより高い信頼性を実現しつつ、運用コストをできるだけ抑えるようにしました。
負荷が大きく変動するリアルタイムチャットサーバーとAPIサーバーはAWSのALB(Application Load Balancer)とECSを使い、接続しているユーザー数に応じて自動的にスケールアウトするようにしました。
チャットでやり取りされるデータの処理は、別のECSインスタンスに分離してトランザクション処理などを効率良く実行できるようにしています。さらに、数分に1回などの定期的な処理はAWS Lambdaで 実行するようにして、サーバーのコストダウンを図っています。
データベースは信頼性を確保するために3台のEC2でレプリケーションを組みました。




日本現代作曲家ライブラリー

現代の日本で活躍する現代作曲家とその作品を紹介するサイト

技術相談・設計・開発・運用

使用技術

HTML5/CSS3/JavaScript/Sass/Bootstrap4
PHP/Laravel

お客様の要件

Webが苦手な人でも、内容が更新できるようにしてほしい。

概要

Webなどが苦手な方や非常に忙しい方が管理画面でコンテンツを入力したり、メンテナンスするのは難しいということから、 ブラウザ上で、ユーザーが普通に見ているガマンのままで入力や修正が簡単にできるようにしたらどうかという提案をしました。
作曲家自身が、ログインして自分自身のページに作品追加や更新、お知らせなどを入力できる機能を提供しています。
HTML5の機能の1つであるContents-Editableを使い、別の専用画面ではなく、最終的なページを見たままの状態で編集できるようにしています




WordpressでのECサイト構築

Sasaya Music Europe GmbH

関西で老舗の楽譜販売会社である有限会社ササヤ書店様のヨーロッパ支店でのECサイト構築を、設計/デザイン/開発まで担当しました

使用技術

HTML5/CSS3/JavaScript/Sass/Bootstrap3
PHP/WordPress/MySQL

お客様の要件

50万件近くに及ぶ、ドイツの楽譜会社で提供されているデータを、フリーワード/楽譜名/出版社名/作曲者名/カテゴリなどの様々な切り口で早く検索できるようにしたい。 また出版社毎のおすすめやその他のページの更新、ブログの更新などは、ヨーロッパの担当者ができるようにしてほしいという要望でした。

概要

Wordpressに独自のテーマを開発して対応しました。
データベースは全文検索を高速に行うため、MySQL+Mroongaを利用。
データベースを初期構築するためにサーバーはVPSを利用。 毎日ドイツから送られてくるデータについては、スクリプトで不要な文字列、データを排除した後に、データベースに差分更新をかけています。




カウンセリング予約システム構築のためのフロントエンド開発とバックエンドAPI開発

カウンセリングを提供している会社様向けで、その会社が提供しているスマートフォンアプリの機能の一つである、 カウンセラーの空き時間と患者のスケジュールをマッチングさせる部分を担当しました。
今回の要件としては、スマートフォンのWebViewを使ったものにしたいとのことで、 フロントエンドはHTML5+JavaScriptで開発、 バックエンドのAPI設計と開発は、FuelPHP+MySQLで開発しました。

使用技術

HTML5/CSS3/JavaScript
PHP/FuelPHP/MySQL




ルネサス 2016 GRデザインコンテスト優勝作品

バイオリンなどの弦楽器を練習する時に、ボーイング(運弓)を支援するシステムです。 右腕の動きをセンサーで取得し、解析、表示します。

使用技術

HTML5/CSS3/JavaScript/p5.js
node.js/C

設計概要

加速度センサー(ROHM KX022-1020)を右腕の2箇所につけて、それぞれのセンサーからのデータを小型のマイコンボードで取得し、ノイズ除去などの前処理を行ってPCに送ります。PCでは加速度センサーからの3軸(X, Y, Z)のデータを処理して、ボーイングのアップダウンのタイミングや速さなどをグラフ化し、楽譜と合わせてリアルタイムに表示して、演奏中にどのように右腕が動いているかをすぐに目で確認することができます。




Company

会社名 First Four Notes合同会社(First Four Notes, LLC)
設立 2016年6月10日
事業内容 自社Webサービスの開発・運営・保守
コンピュータソフトウェア及びハードウェアのコンサルティング・設計・開発
Webサイトのコンサルティング・設計・開発
ロボットソフトウエア及びハードウェアのコンサルティング・企画・研究・開発
技術系研修・セミナー・勉強会の企画・運営
イラスト・漫画・原稿・翻訳の執筆
など
資本金 300万円
連絡先 contact@firstfournotes.com
所在地 東京都杉並区荻窪5-30-6
3F-2
役員 Founder   由谷 哲夫
Founder   渋谷 敦子

About

由谷 哲夫 Tetsuo Yutani

Architect, Founder

鳥取県鳥取市生まれ。
複数の家電メーカーに勤務。主にソフトウエアの研究開発を行う。
最初ラップトップPCなどのハードウエア設計から始まり、自動論理合成などのLSI設計用ソフトウエアの研究開発を行い、PDAの開発、 組み込み用途のWebブラウザなどWeb系のソフトウエアの研究開発を行う。
2015年3月ソニー株式会社を退職し、フリーランスとしていくつかのスタートアップでサーバーサイド、クライアントサイドのソフトウエア開発を行う。また、女子大学の情報系研究室で研究補佐として勤務。その他、技術系書籍の翻訳、執筆を行う。

渋谷 敦子 Atsuko Shibuya

Developer, Founder

和歌山県和歌山市生まれ。
大手損害保険会社での業務アプリケーション開発を経た後、Web業界へ転向。
Yahoo!Japanで不動産、求人サービスを担当。フロントエンドからインフラまで幅広く担当。
また、漫画家として、東洋経済オンラインで「Webエンジニア夫婦あるある日記」の4コマ漫画も連載中。

Publication

「p5.jsプログラミングガイド」
執筆担当

「GoogleWebToolkitアプリケーション」
翻訳担当

「3Dユーザーインターフェイス」
翻訳担当

「携帯通信とモバイルの世界」
翻訳担当

「OpenGL ES2.0プログラミングガイド」
翻訳担当

「アマチュアオーケストラに乾杯」
挿絵担当