Herlockサービス紹介

“つくりたい”をすぐカタチに

ネイティブアプリクロスプラットフォーム開発環境

2013年11月版
株式会社ソニックムーブ
http://herlock.do/
herlock@sonicmoov.com

1

JavaScriptでハイパフォーマンスアプリ開発を可能とし
たネイティブアプリクロスプラットフォーム開発環境
✔使用言語はJavaScriptのみ

✔Web IDE(ブラウザ上エディター)で開発

✔OpenGLによるハイパフォーマンス ✔デバッグツールの充実(デバッグアプリ無償提供)
✔日本語ドキュメントの充実

✔便利なクラウドサービス提供(予定)

Copyright(c) 2013 sonicmoov co.,ltd. All rights reserved.

2

はじめに。
こんなとき、ありませんか？
動きのあるミニゲーム
を作りたい！

スマホアプリってそもそ
もどうやって作るの？

でもさくさく動かなそう…

AndroidとiPhone
両方で出したいけど
よくわからないし
お金かかりそう…

…

アプリってデバッグに
時間がかかりそう…
いちいちインストール
して確認するのが面倒。

他にも似たような
サービスあるけど？
何が違うのかよくわからない。
お得なところはどこ？


？
？？
3

CASE1
スマホアプリってそもそもどうやって作るの？
通常は…
AndroidとiPhone
両方で出したいけど
よくわからないし
お金かかりそう…

・Androidアプリを作るにはJavaという言語を使える人間が必要。

・iPhoneアプリを作るにはObjective-Cという言語を使える人間が必要。

でも2人も
雇えないよ

…

？

うちはそれ出来る人
いないなぁ・・・

…

Herlockなら…

JavaScript「だけで」簡単アプリ開発！
※一般的には上の2つの言語より難易度低と言われています

人件費が
抑えられるね！

！


JavaScriptなら
出来る人間がいる！

！
4

CASE1
「JavaScriptだけ」と言われても何から始めればいいの？
登録は無料でたったの3分
https://herlock.do/

とはいえ、何から
始めればいいの？

にアクセス。簡単なユーザ登録(無料)をしてしまえば、WEBブラウザ上だけで開
発が出来てしまいます。

Sign-Up(Free)
をクリック。

？

無料だし簡単そうだから、
とりあえずエンジニアに
登録してもらって中を見
てもらおう。

記入事項は
・お好きなユーザ名
・メールアドレス
・お好きなパスワード
だけ！

！

※各種SNSにてログインもできます

5

CASE1
ブラウザ上だけで開発するってどういうこと？
画面を確認して実感
まだいまいちどう便利か
見えてこないんだけど…

ログイン後の画面は全て日本語対応。WEBアプリケーションLIKEに出来て
いるので、障壁が少なく、チュートリアルやヘルプ、サンプルコードなども
多数取り揃えております。もちろんお問い合わせもここから。

？

開発の流れでおおまかな作業
内容を把握できます。
これならちょっと詳し
い人に見てもらえば
できそうだね。

！

各種チュートリアルもご用意。


6

CASE1
コードはどこに書くの？
新規プロジェクトを作ろう
で？実際のコードは
どこに書くの？

まずは新規プロジェクトを登録することが必要です。そのプロジェクトから
WEB IDEと呼ばれるエディターを起動し、コードを入力していきます。

？
「新規プロジェクトを作成」
をクリック。

任意のプロジェクト名を入力。


7

CASE1
エディター(WEB IDE)ってどんなもの？
ブラウザ上でWEB IDEを起動してみる
プロジェクトを作成すると「IDEを起動」というボタンが現れます。
クリックするとエディターが起動するので、コードを書いていきます。

で？実際のコードは
どこに書くの？

？
「IDEを起動」ボタンを
クリック。

ブラウザだけでそこまで
一括してできるのか。
それなら便利そうだね。

！
直接コードを書いていこう。


8

CASE1
ビルドまで一気にHerlockで
通常のビルドって？
ビルドって何？

？

通常はローカル上でソースコードなどをコンパイル(アプリ用に変換)して書き出さ
なければなりません。この最終的な実行可能ファイルを作成することをビルドとい
います。アプリリリースにはビルドした後のapkファイルというものが必要です。
なんだかよく
わからない
けど…

？

大変そうって
ことかな…

…

Herlockなら…

Web IDE上のみでビルドまで可能！
これも全部
やってくれるん
だね。

！


必要情報さえあれば
ビルドがすぐに
できるんだ！

！
9

大幅なコストダウンを可能に。
大幅な開発期間の短縮と工数削減を実現
・JavaScriptでのアプリ開発
iOS
ネイティブエンジニア
Android
ネイティブエンジニア

・エンジニア不足の解消
・ブラウザベースの開発と
デバッグによる容易な開発
・iOSとAndroidアプリの同時開発

iOS開発環境
Android開発環境
Webエンジニア
（iOS+Android)

iOS開発期間
Android開発期間

通常のアプリ開発

開発環境
（iOS+Android)
開発期間
（iOS+Android)

Herlock
10

JavaScriptで簡単アプリ開発
JavaScriptだけでAndroidとiOSのネイティブアプリ開発

リソース不足を解消

ブラウザのみなので
Windowsのみでの
開発が可能

✔JSエンジニア
✔Flashエンジニア
✔ネイティブエンジニア

Web技術だけで
すぐに簡単にアプリ開発
を始められる
✔JavaScript
×Java
×Objective-C

クロスプラットフォーム
による開発コストの削減
✔Android
✔iOS


11

CASE2
動きのあるミニゲームを作りたい！
Herlockなら…
でもさくさく
動かなそう…

JavaScriptで簡単にOpenGLによる描画を可能に！
…そもそも
OpenGLっ
てなに？

…

…

OpenGLって？

グラフィックス処理のためのプログラミングインターフェース。本来であれば
コードを1から大量に書かなければなりませんが、Herlockにはその機能が内
包されています。

それなら大丈夫
だね。

！


更に工数が削減
できそう。

！
12

簡単にハイパフォーマンスアプリ開発。
JavaScriptで簡単にOpenGLによる描画を可能に
OpenGLでの実装を
JavaScriptで行うこと
が可能

あらゆるアプリに最
適なソリューション
の提供
✔ユーティリティ
✔ブックス
✔ビジネス
and more…

ハイパフォーマンス
ゲームアプリを簡単
に開発

13

Flashの表現力をアプリに。
Flashを使ったハイクオリティ&スピーディーアプリ開発
Flashの表現力を活かした
ハイクオリティーな
アニメーションを
スピーディーに実装

CreateJS

Flashの拡張機能である
CreateJSをそのまま使える

14

Herlockで開発したサンプルアプリ
低コスト＆ハイパフォーマンス
ねこ穴は穴から飛び出してくる“ねこ”をタッチして投げ、弾
き飛ばして、ポイントを獲得するゲームです。通常の1/2の工
数（※当社比）で、ハイパフォーマンスのアプリの開発を実現し
ています。各ストアで公開中ですので、ハイパフォーマンスを
是非実感してください。

Android

開発工数比較
通常のアプリ
開発工数想定
Herlockで
開発工数実績

iOSアプリ開発

iOSアプリ開発
Androidアプリ開発

Androidアプリ開発

デバッグ作業


iPhone

デバッグ作業

1
約
２

工数削減
※当社比
15

CASE3
アプリってデバッグに時間がかかりそう…
通常は…
いちいちインストール
して確認するのが面倒。

本来であれば出来上がったアプリをデバッグする際には、修正変更ごとに端
末へのインストールが必要。
これが面倒
だよね。

…

…

もっとスピー
ディーに確認し
たいな。

…

Herlockなら…

独自のデバッガーアプリを無料提供。
アプリですぐ
確認できるのか。

！


それならすぐに
自分でも確認で
きるね。

！
16

CASE3
デバッガーアプリってどんなもの？
まずは…
実際はどんなものな
の？

？

WEB IDE上にあるQRコードからアプリをダウンロード。立ち上げたら
Herlock登録したユーザ名、パスワードを入力。立ち上げ後はHerlock上で
作成したプロジェクトが表示されるので、任意のアプリを直接確認できます。
http://ide.herlock.do/download

さっき作ったID
でいいんだね。

立ち上げたらプロ
ジェクト一覧が
出てきたよ。
分かりやすいね。


17

アプリ開発をスピーディーに。
シームレスなワークフローでスピーディーなアプリ開発
開発環境の構築が
不要なWeb IDE

開発中のアプリを
すぐに実機で動作確認

充実したデバッガー
ツールでスムーズな開発

18

CASE4
他にも似たようなサービスあるけど？
何が違うのかよく
わからない。
お得なところは
どこ？

…

Herlockだけの特別機能！

OpenGLを搭載したネイティブベースな
クロスプラットフォームアプリ開発は
国産ではHerlockのみ！
つまり…

開発環境はブラウザのみで、動きのある
ダイナミックなアプリが作成可能！
ツール系を作れる
サービスは見た
ことあるけど、
他にはないね！

！

Flashからjsに
書き出して、動き
のあるアプリが
簡単に作れそう。

！


海外には確かにあ
るけど英語の障壁
が辛いもんね。

！
19

CASE4
他にも似たようなサービスあるけど？
製品

価格

主用途

簡易性パフォーマンス

導入コスト

言語

日本語
バランス
サポート

A社

◎ ツール

◎

×

○

JavaScript/HTML5

×

△

B社

△ ツール

○

△

○

JavaScript

△

△

C社

◎ ゲーム

△

◎

△

C++/JavaScript

×

△

D社

△ ゲーム

△

○

△

Lua（マイナー言語）

○

△

E社

× 3Dゲーム

△

◎

×

C#/JavaScript

○

△

○

○

○

JavaScriptのみ

○

◎

Herlock ○ ゲーム/ツール


20

国産の充実サポート。
国産だからこその安心サポートが充実
日本語ドキュメント
が充実

あ

WEB IDEのUIも
日本語対応

問い合わせも日本語で
OK！安心サポート


21

アイデアをすぐカタチに。
JavaScriptでハイパフォーマンスアプリ開発
JavaScriptで
簡単アプリ開発

シームレスな
ワークフロー

クラウド上での
開発と充実した
デバッグツール

✔JavaScript
×Objective-C
×Java

クロスプラット
フォーム

Android、iOSに
対応したアプリの
同時開発

ハイパフォー
マンス

JavaScriptで
OpenGLの描画
を可能に
22

Herlockでのアプリ開発の流れ
サインアップしてすぐアプリ開発が始められる

①サインアップ

②コーディング

④ビルド

①サインアップ
Herlockで無料登録
②コーディング
Web上のIDEを使用したコーディング
③デバッガーテスト
デバッガーを使用して実機テスト

③デバッガーテスト

④ビルド
クラウド上でネイティブアプリとしてビルド


23

充実したクラウドサービス
より便利、より簡単にするクラウド機能が充実
ユーザー管理

解析ツール
外部ストレージ

Push通知

課金システム

広告管理
PR

ネイティブ機能やバックエンド機能、クラウド機能などアプリ開発を
より簡単に、便利にする機能が充実する予定です。

24

ユーザ管理、課金システムについて
本来であれば…
ユーザ管理って？

ソーシャルゲームなどを作成した場合のユーザ管理、及び課金管理などは別
途サーバを立て、プログラムを実装しなければなりません。
サーバを立て
たりするのは
面倒だなぁ。

？

…

プログラムも
実装かー。
面倒だね。

…

Herlockなら…

管理サーバ及び課金APIをご提供！
※2014年2月予定

※規模により一部有料予定

サーバをこっち
で用意しなくて
いんだね！

！


APIも提供して
くれるんだ。
助かるよ。

！
25

Push通知について
例えば…
Pusu通知って
便利そうだけど…

本来であればPusu通知を実装する場合、別途サーバを立ててプログラムを
実装しなければなりません。

…
管理者及びプログラマー

サーバ

Herlockなら…

管理画面にて一括管理可能！
※2014年2月予定

※規模により一部有料予定

管理画面がある
んだ。それなら
できそうだね。

！


それならプログ
ラマーじゃなく
ても大丈夫そう。

！
26

これからも進化するHerlock。
Herlockロードマップ

β版無料提供中
Herlockではサンプルコードや、充実した日本語のドキュメントを提
供しています。ぜひHerlockにアクセスして、高機能の新しいクロス
プラットフォーム開発環境をお試しください！
http://herlock.do

27

お問い合わせ
お問い合わせ

herlock@sonicmoov.com
03-6675-3733


28

会社情報
会社名

所在地

〒162-0818東京都新宿区築地町4番地神楽坂テクノ
スビル 3F

主要取引先

•ニフティ株式会社
•株式会社サイバーエージェント
•株式会社インフォバーン
•ヤマハ株式会社
•株式会社ワンオブゼム
•株式会社NTTドコモ
•ソネットエンタテインメント株式会社
•日刊スポーツ新聞社
•株式会社ディーツーコミュニケーションズ
•株式会社CyberX
他

従業員数

66名 ※アルバイトを含む

株式会社ソニックムーブ

TEL

03-5206-7885
※営業のお電話はご遠慮ください。
※ゲームに関する不明点などのお問合せは、ゲーム
内のお問合せ窓口からお問合せください。こちらから
のお問合せについてはお答えしかねます、予めご了承
ください。

FAX

03-5206-7886

設立

平成14年3月20日

資本金

5000万円

代表取締役

大塚祐己

取引銀行

みずほ銀行

決済期

9月


29

Herlockサービス紹介

Recommended

Recommended

More Related Content

What's hot

What's hot (6)

Viewers also liked

Viewers also liked (20)

Similar to Herlockサービス紹介

Similar to Herlockサービス紹介 (20)

Recently uploaded

Recently uploaded (9)

Herlockサービス紹介