index.html

---
layout: default
title: 日本語版ガイド
---
<div class="hero">
  <h2>Rails Girls ガイド</h2>
  <p>Rails Girlsはより多くの女性がプログラミングに親しみ、アイデアを形にできる技術を身につける手助けをするコミュニティです。あなたの地域で、それぞれのRails Girlsを開催してください。あなた流の手引きで行ってもいいですし、ここのドキュメントを使ってRailsを勉強するだけでも構いません。もし、もっとRails Girlsに関わりたいと思ったら、<a href="http://groups.google.com/group/rails-girls-team">Rails Girls Teamメーリングリスト(英語)</a>にご参加ください。</p>
  <p class="hero-links">
    <a href="http://railsgirls.com">Rails Girls Official site</a><br/>
    <a href="http://guides.railsgirls.com/">Guides in English</a><br/>
    <a href="http://railsgirls.jp/">Guides in Japanese</a><br/>
    <a href="http://railspremierspas.humancoders.com/">Guides in French</a><br/>
    <a href="http://rgcn.github.com">Guides in Chinese</a><br/>
    <a href="http://rgua.github.com">Guides in Russian</a><br/>
    <a href="http://guides.railsgirls.com/guides-ptbr/">Guides in Brazilian-Portuguese</a><br>
    <a href="http://railsgirlslima.github.io/">Guides in Spanish</a><br/>
    <a href="http://railsgirls.tw/">Guides in Traditional Chinese</a><br/>
    <a href="http://railsgirlshh.github.io/">Guides in German</a><br/>
    <a href="http://guides.railsgirls.co.il/">Guides in Hebrew</a><br/>
    <a href="http://railsgirls.rug.lviv.ua/">Guides in Ukrainian</a><br/>
  </p>
</div>

<h2>日本で近日開催のイベント</h2>

<div id="container" class="row clearfix">
  <a href="http://railsgirls.com/tokyo.html" class="span4 event" style="background: url(http://railsgirls.com/images/railsgirls-sq.png) 0px -70px / 100% no-repeat;">
    <div>
      <h3>Tokyo, Japan<small>18-19 May 2018</small></h3>
    </div>
  </a>
</div>

<h2>Rails Girls にようこそ!</h2>
<ul class="home">
  <li>
    <a href="guide">
      <i>★</i>
      <h3>Rails Girls イベントを開催するには</h3>
      <p>はじめてRails Girlsを開催するときに便利な情報です。Rails Girlsの概要や開催手順などの解説があります。</p>
    </a>
  </li>

  <li>
    <a href="install">
      <i>1</i>
      <h3>Railsインストールガイド</h3>
      <p>Ruby on Railsで、何かのアプリを作ろうと思ったら、まずは開発環境を作りましょう。あなたのコンピュータにどのようにインストールするかを解説します。(OS X, Windows, Linux対応)</p>
    </a>
  </li>

  <li>
    <a href="app">
      <i>2</i>
      <h3>はじめてのRailsアプリ</h3>
      <p>はじめてのRuby on Railsアプリを作るまでの手順を説明します。</p>
      <p><a href="http://railspremierspas.humancoders.com/">フランス語版</a>, <a href="http://rgcn.github.io">中国語版</a>, <a href="http://railsgirlshh.github.io/">ドイツ語版</a>, <a href="http://guides.railsgirls.co.il/">ヘブライ語版</a>の解説もあります。</p>
    </a>
  </li>

  <li>
    <a href="github">
      <i>3</i>
      <h3>GitHub であなたのアプリのコードを公開しよう</h3>
      <p>他の人々があなたのコードに触れるようにするために、コードを GitHub に置いてみましょう。</p>
    </a>
  </li>

  <li>
    <i>4</i>
    <h3>あなたのアプリをインターネットに公開しよう</h3>
    <p>あなたのアプリをインターネットに公開する方法です。私達は公開するためのサービスを沢山使う事ができます。以下のサービスの中から選んでください</p>
    <p><a href="heroku">Heroku</a> | <a href="openshift">OpenShift</a> | <a href="engineyard">Engine Yard</a> | <a href="anynines">anynines</a> | <a href="trucker">Trucker</a></p>
  </li>

  <li>
    <a href="commenting">
      <i>5</i>
      <h3>あなたのアプリにコメント出来るようにしましょう</h3>
      <p>あなたのアプリを見た人がコメントする方法を紹介します。</p>
    </a>
  </li>

  <li>
    <a href="design">
      <i>6</i>
      <h3>bootstrap を使ってモダンなデザインにしましょう</h3>
      <p>bootstrap のような CSS フレームワークの適用の仕方を紹介します。</p>
    </a>
  </li>

  <li>
    <a href="thumbnails">
      <i>7</i>
      <h3>Carrierwave を使って画像をリサイズしよう</h3>
      <p>Carrierwave を使って画像をリサイズする方法を紹介します</p>
    </a>
  </li>

  <li>
    <a href="devise">
      <i>8</i>
      <h3>Deviseによる認証を追加してみよう</h3>
      <p>Deviseを使うと簡単に素早くログインと登録機能を追加できることを解説します。</p>
    </a>
  </li>

  <li>
    <a href="gravatar">
      <i>9</i>
      <h3>Gravatarでプロフィール写真を追加する</h3>
      <p>プロフィール写真を設定する方法を紹介します。</p>
    </a>
  </li>

  <li>
    <a href="design-html-css">
      <i>10</i>
      <h3>HTML と CSS を使ってアプリをデザインしよう</h3>
      <p>HTML と CSSを使ってアプリのデザインをさらによくする方法を紹介します。</p>
    </a>
  </li>

  <li>
    <i>11</i>
    <h3>Continuous Deployment</h3>
    <p><a href="testing-rspec">Test your application with RSpec</a> | <a href="continuous-travis">CD with Travis (and anynines)</a> | <a href="continuous">CD with Codeship (and Heroku)</a></p>
  </li>
  <li>
    <a href="sinatra-app">
      <i>12</i>
      <h3>Build a voting app in Sinatra</h3>
      <p>Guide to building your first app using the Sinatra framework</p>
    </a>
  </li>

  <li>
    <a href="diary-app">
      <i>13</i>
      <h3>Build a diary app in Ruby on Rails</h3>
      <p>Guide to building your first app using Ruby on Rails</p>
    </a>
  </li>

  <li>
    <a href="backend-with-active-admin">
      <i>14</i>
      <h3>Add a back-end to your app (admin pages)</h3>
      <p>Guide to how you can add an admin back-end to manage your app with Active Admin</p>
    </a>
  </li>
</ul>

<hr />

<h2>Learning more with Rails Girls</h2>
<ul class="home">
  <li>
    <a href="bundlerfordevelopment">
      <i>1</i>
      <h3>How to Set Up Bundler for Development</h3>
      <p>Instructions for a development environment with Bundler.</p>
    </a>
  </li>

  <li>
    <a href="ruby-game">
      <i>2</i>
      <h3>Write a little game in Ruby!</h3>
      <p>Guide of Instructions for a game development with Ruby.</p>
    </a>
  </li>

  <li>
    <a href="sinatra">
      <i>3</i>
      <h3>Web Fundamentals Tutorial</h3>
      <p>Get a deeper understanding of what's going on under the hood</p>
    </a>
  </li>

  <li>
    <a href="test-driven-development">
      <i>4</i>
      <h3>Test Driven Development</h3>
      <p>Practice your Ruby skills while learning TDD</p>
    </a>
  </li>

  <li>
    <a href="ruby-atm">
      <i>5</i>
      <h3>Ruby ATM</h3>
      <p>Focus on your Ruby skills - level 2!</p>
    </a>
  </li>
</ul>

<h2>Let's have more fun with RailsGirls</h2>
<ul class="home">
  <li>
    <a href="how-to-continue-with-programming">
      <i>1</i>
      <h3>イベントの後: どのようにプログラミングを続けて行くか</h3>
      <p>プログラミングを学び続けて行くためのガイドです。</p>
    </a>
  </li>

  <li>
    <a href="remote">
      <i>2</i>
      <h3>リモートのペア作業をやってみよう!</h3>
      <p>もしあなたの周りに助けてくれる人がいないとき、インターネットを使って誰かが助けてくれるかもしれません</p>
    </a>
  </li>

  <li>
    <a href="coach">
      <i>3</i>
      <h3>Rails Girlsのコーチになるには?</h3>
      <p>Rails Girls のコーチになるためのQ&Aです。</p>
    </a>
  </li>

  <li>
    <a href="guide-to-the-guide">
      <i>4</i>
      <h3>RailsGirls ガイドのガイド</h3>
      <p>Rails アプリケーションの裏側についてのガイドです。</p>
    </a>
  </li>

  <li>
    <a href="http://rails-girls-map.herokuapp.com/#">
      <i>5</i>
      <h3>Rails Girls around the world</h3>
      <p>An app built by Jessica to show RG around the world. Add your chapter!</p>
    </a>
    </a>
  </li>

  <li>
    <a href="touristic-autism_intro">
      <i>6</i>
      <h3>Touristic Autism-friendly Spots App</h3>
      <p>Allow authenticated users (using devise) to describe touristic places, comment and rate them from their autism-friendliness. To support autistic adults during their travelling.</p>
    </a>
  </li>

  <li>
    <a href="contributing">
      <i>?</i>
      <h3>あなた流のやり方を教えて！</h3>
      <p>Rails Girlsではあなた流の手引きを募集しています。<a href="http://github.com/railsgirls/railsgirls.github.com">Github リポジトリ(英語)</a>に追加できるので、ここで解説している手順にしたがって作ってください。</p>
    </a>
  </li>
</ul>

<hr />

<h2>RailsGirls Japan オリジナルガイド</h2>

<p>以下のガイドは RailsGirls Japan のオリジナルコンテンツです。</p>

<ul class="home">
  <li>
    <a href="getting-started-jp">
      <i>1</i>
      <h3>Rails Girls イベントを開始させる手順</h3>
      <p>自分の街で、Rails Girlsを開催したい方向けの参考ガイドです。</p>
    </a>
  </li>

  <li>
    <a href="https://github.com/railsgirls-jp/railsgirls-jp.github.com/wiki/Troubleshooting">
      <i>2</i>
      <h3>トラブルシューティング</h3>
      <p>ワークショップ中に起こったトラブルとその解決方法をまとめています。コーチ向け。</p>
    </a>
  </li>
</ul>