-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
313 lines (309 loc) · 17.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<meta name="author" content="www.heartrails.com" />
<meta name="description" content="ハートレイルズは、新規事業の立ち上げに伴うウェブサービス、スマホアプリの企画、開発、運用に特化した開発会社です。Ruby on Rails や React、Swift や Kotlin を得意としています。" />
<meta name="keywords" content="HeartRails,ハートレイルズ,Ruby on Rails,Node.js,React,Vue.js,Swift,Kotlin,Elixir,Go,AWS,GCP,開発,受託開発" />
<meta property="fb:app_id" content="521857061194105" />
<meta property="og:image" content="http://heartrails.github.io/images/index-og.jpg" />
<link rel="alternate" hreflang="ja" href="https://heartrails.github.io/">
<link rel="alternate" hreflang="en" href="https://heartrails.github.io/en/">
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:300" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<title>HeartRails - ハートレイルズ - Ruby on Rails や React、iOS／Android 開発に長けた、新規事業に特化した開発会社</title>
<script src="javascripts/common.js"></script>
</head>
<body>
<div id="pagetop"></div>
<nav class="header">
<div class="header-container">
<div class="header-navbutton">
<button type="button" class="header-navbutton-button collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="header-navbutton-button-bar"></span>
</button>
<h1 class="brand">
<a href="/">HeartRails</a>
</h1>
</div>
<div id="navbar" class="header-navbar collapse">
<ul class="header-navbar-bar">
<li class="header-navbar-nav">
<a href="#philosophy" data-toggle="collapse" data-target="#navbar.in">フィロソフィー</a>
</li>
<li class="header-navbar-nav">
<a href="#credo" data-toggle="collapse" data-target="#navbar.in">クレド</a>
</li>
<li class="header-navbar-nav">
<a href="#tool" data-toggle="collapse" data-target="#navbar.in">ツール</a>
</li>
<li class="header-navbar-nav">
<a href="#culture" data-toggle="collapse" data-target="#navbar.in">カルチャー</a>
</li>
</ul>
<div class="language">
<span class="selected">日本語</span>
<span><a href="/en/">English</a></span>
</div>
</div>
</div>
</nav>
<div class="contents-wrap">
<div class="page">
<div class="h2-wrap" style="background-image: url('./images/index.jpg');">
<h2 class="en">Design a future that will empower different lifestyles.</h2>
</div>
<div id="philosophy" class="section">
<div class="container">
<div class="container-contents">
<div class="container-inner">
<h3 class="h3-center">フィロソフィー<span class="sub">Philosophy</span></h3>
<dl class="list-description">
<dt>理念</dt>
<dd>
<p class="title-sub">多様な生き方を支える未来をつくる</p>
<p>
ハートレイルズは、人それぞれの価値観や生き方を尊重し、<br class='hidden-xs' />
デザインと技術の力で、多様な生き方を支える未来をつくります。<br />
<br />
ハートレイルズは、人がそれぞれの意思で選択的に生きられるように、<br class='hidden-xs' />
その選択肢となり得るライフスタイルを模索、提案し、<br class='hidden-xs' />
また、提案しようと試みる人を支援することで、<br class='hidden-xs' />
世の中の既成の枠組みにとらわれない変化を生み出し、人の可能性を広げます。
</p>
</dd>
</dl>
<dl class="list-description">
<dt>目標</dt>
<dd>
<p class="title-sub">世界で最も信頼される開発会社になる</p>
<p>
ハートレイルズは、ハートレイルズだけではなし得ない大きな変化を<br class='hidden-xs' />
共に生み出すために、関わる人全てが全幅の信頼を寄せる会社を目指します。<br />
<br />
ハートレイルズは、速く、上手く、良いサービスをつくります。<br />
良いサービスをつくり続けることで信頼を積み重ね、<br class='hidden-xs' />
その信頼を糧にさらに良いサービスをつくり、理念を果たします。
</p>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div id="credo" class="section section-gray">
<div class="container">
<div class="container-contents">
<div class="container-inner">
<h3 class="h3-center">クレド<span class="sub">Credo</span></h3>
<dl class="list-description">
<dt>行動指針</dt>
<dd>
<ul class="list-arrow">
<li>プロフェッショナルとしての自負を持って働く</li>
<li>他責ではなく自責を前提に考える</li>
<li>HRT （謙虚、尊敬、信頼） を忘れない</li>
<li>変わること、変えることを恐れない</li>
<li>同じ失敗を二度と繰り返さない</li>
<li>自分や周りの人の健康を大切にする</li>
<li>よく学び、よく遊ぶ</li>
</ul>
</dd>
</dl>
<dl class="list-description">
<dt>開発指針</dt>
<dd>
<ul class="list-arrow">
<li>自律的に協働する</li>
<li>問題設定が正しいかどうかまず見極める</li>
<li>手段に固執せず目的を重視する</li>
<li>QCD のバランスを常に意識する</li>
<li>定型業務は自動化する</li>
<li>DRY、KISS、YAGNI、コードレビュー</li>
<li>情報と状況の見える化にこだわる</li>
</ul>
</dd>
</dl>
<dl class="list-description">
<dt>顧客対応指針</dt>
<dd>
<ul class="list-arrow">
<li>顧客との間に上下関係はない、対等な関係を前提に考える</li>
<li>顧客は私達を信頼し期待している、その顧客のために全力を尽くす</li>
<li>顧客と協働する、指示をこなすだけでなく、共に考え、提案し、期待以上の結果に導く</li>
<li>顧客とのコミュニケーションを諦めない、妥協しない、互いに納得のいくまで話し合う</li>
<li>顧客のビジネスに対して当事者意識を持つ、顧客の成功が私達の成功につながる</li>
</ul>
</dd>
</dl>
<dl class="list-description">
<dt>採用指針</dt>
<dd>
<ul class="list-arrow">
<li>忙しくても、人が足りなくても、妥協しない</li>
<li>なるべく多くのスタッフとの面談、技術試験 （2 週間 ～） を経るようにする</li>
<li>共に気持ち良く働けそうかどうかを重視する</li>
<li>細かい技巧よりも本質的な素養を持っているかどうかを重視する</li>
<li>一度不採用となった人、一度退職した人の再応募をそれ以外の人と区別しない</li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div id="tool" class="section">
<div class="container">
<div class="container-contents">
<div class="container-inner">
<h3 class="h3-center">ツール<span class="sub">Tool</span></h3>
<dl class="list-description">
<dt>コミュニケーション</dt>
<dd>
<ul class="list-arrow">
<li>Slack （チャット）</li>
<li>Google Apps （メール、ドキュメント、カレンダー）</li>
<li>Zoom、appear.in （会議）</li>
<li>GitHub （ソースコード管理、タスク管理）</li>
</ul>
</dd>
</dl>
<dl class="list-description">
<dt>開発／インフラ</dt>
<dd>
<ul class="list-arrow">
<li>Jenkins、CircleCI （デプロイ管理）</li>
<li>Ruby on Rails、koa／Node.js （サーバーサイドフレームワーク）</li>
<li>React、Vue.js （フロントエンドフレームワーク）</li>
<li>Swift、Kotlin （iOS、Android OS）</li>
<li>Scala、Elixir、Go （注目言語）</li>
<li>AWS、GCP （インフラ）</li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div id="culture" class="section section-gray">
<div class="container">
<div class="container-contents">
<div class="container-inner">
<h3 class="h3-center">カルチャー<span class="sub">Culture</span></h3>
<dl class="list-description">
<dt>リモート</dt>
<dd>
<ul class="list-arrow">
<li>リモートワークを前提にする<br />（異なる場所、異なる時間で働くことを許容する）</li>
<li>リモート勉強会<br />（隔週 ～、持ち回りで各自の学びを共有する）</li>
<li>リモート部活動<br />（随時 ～、英語部、料理部、マイクラ部、筋肉部など）</li>
</ul>
</dd>
</dl>
<dl class="list-description">
<dt>習慣</dt>
<dd>
<ul class="list-arrow">
<li>オフライン合宿<br />（年 2 回 ～、たまには顔を合わせる）</li>
<li>振り返りミーティング<br />（定期 ～、個人、会社の OKR、KPT を話し合う）</li>
<li>海外進出のための英語<br />（一部のミーティングは英語で、English Only Day など）</li>
<li>プライベートを大切にする<br />（飲み会や行事はなるべく業務時間内に催す）</li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="container-contents">
<div class="container-inner">
<h3 class="h3-center">採用情報</h3>
<ul class="list-arrow">
<li><a href="./wanted/designer">UI／UX に妥協しない、こだわり抜くデザイナーを大募集！</a></li>
<li><a href="./wanted/engineer">開発を一生の仕事にしたいエンジニアを大募集！</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="to-pagetop">
<a class="to-pagetop-link" href="#pagetop"><span class="icon-arrow-top"></span></a>
</div>
<div class="contact">
<div class="container">
<div class="contact-left">
<p>
受託開発、システム提供 （アプライアンス、SaaS／ASP）、データ提供のご依頼は、お問い合わせよりお願いいたします。
まずは、綿密なヒアリング、コンサルテーションを通じて、ご依頼の内容に合わせたご提案を差し上げます。
</p>
</div>
<div class="contact-right">
<p class="text-center">
<a class="button button-contact" href="https://www.heartrails.com/contact/">
お問い合わせ
</a>
</p>
</div>
</div>
</div>
<div class="sns">
<div class="container">
<ul class="sns-list">
<li class="sns-blog">
<a href="http://www.heartrails.com/">公式サイト</a>
</li>
<br class='sp' />
<li class="sns-facebook">
<a href="https://www.facebook.com/HeartRails"><i class="icon-sns-facebook"></i></a>
</li>
<li class="sns-twitter">
<a href="https://twitter.com/heartrails"><i class="icon-sns-twitter"></i></a>
</li>
<li class="sns-qiita">
<a href="http://qiita.com/organizations/heartrails"><i class="icon-sns-qiita"></i></a>
</li>
<li class="sns-blog">
<a href="http://techblog.heartrails.com/">技術ブログ</a>
</li>
</ul>
</div>
</div>
<div class="footer-links">
<div class="footer-widget">
<div class="widget-facebook">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FHeartRails%2F&tabs&width=500px&height=214&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=1075439855810052" width="500px" height="214" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<div class="widget-twitter">
<a class="twitter-timeline" data-lang="ja" data-width="240" data-height="214" href="https://twitter.com/heartrails">Tweets by heartrails</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class="footer-share">
<ul>
<li class="share-hatena">
<a href="http://b.hatena.ne.jp/entry/www.heartrails.com/" class="hatena-bookmark-button" data-hatena-bookmark-layout="basic-label-counter" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</li>
<li class="share-twitter">
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</li>
<li class="share-facebook">
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FHeartRails&width=103&layout=button_count&action=like&show_faces=false&share=false&height=21&appId=1075439855810052" width="103" height="21" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</li>
</ul>
</div>
</div>
<div class="footer-copyright">
<p>Copyright (C) HeartRails Inc. All Rights Reserved.</p>
</div>
</div>
</div>
</body>
</html>