index.html

---
layout: default
title: 日本語版ガイド
---
<div class="hero">
  <h2>Rails Girls ガイド</h2>
  <p>これらのガイドは、女性がテクノロジーやアイディアを形にする方法を理解するためのツールやコミュニティを提供するため作られています。自分のイベントを運営したり、新しいガイドを提案したり、あるいは単にRailsを学ぶために使うこともできます。もっとRails Girlsに関わりたいと思ったら、<a href="https://groups.google.com/group/rails-girls-team">Rails Girls Teamメーリングリスト(英語)</a> に参加してください。</p>
  <p>Rails Girlsのイベントについてもっと知りたいですか？: <a href="http://railsgirls.com">Rails Girlsのイベント</a></p>
  <p><em>コーチだったり、ワークショップを企画しようとしていますか？こちらを見てみてください: <a href="#guides-guides">Rails Girlsのガイド</a></em></p>
  <p class="hero-links">
    <h2>Guides in other languages</h2>
    <ul>
      <li><a href="https://railsgirls.com">Rails Girls Official site</a><br/></li>
      <li><a href="https://guides.railsgirls.com/">Guides in English</a></li>
      <li><a href="https://railspremierspas.humancoders.com/">Guides in French</a></li>
      <li><a href="https://rgcn.github.io">Guides in Chinese</a></li>
      <li><a href="https://rgua.github.io">Guides in Russian</a></li>
      <li><a href="https://guides.railsgirls.com/guides-ptbr/">Guides in Brazilian-Portuguese</a></li>
      <li><a href="https://railsgirlslima.github.io/">Guides in Spanish</a></li>
      <li><a href="https://railsgirls.tw/">Guides in Traditional Chinese</a></li>
      <li><a href="https://railsgirlshh.github.io/">Guides in German</a></li>
      <li><a href="http://railsgirls.rug.lviv.ua/">Guides in Ukrainian</a></li>
    </ul>
  </p>
</div>

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

<div id="container" class="row clearfix">
  <!-- ↓直近で開催予定のイベントページがまだない場合 -->

  <div class="span12" style="padding-bottom: 2em;">
    coming soon..
  </div>

  <!-- ↑直近で開催予定のイベントページがまだない場合 -->
</div>

Rails Girls Japanの<a href="https://twitter.com/RailsGirlsJapan">X(旧Twitter)</a>や<a href="https://www.instagram.com/railsgirlsjapan/">Instagram</a>では、日本国内で開催するRails Girlsイベント情報などをお知らせしています！

<h2>Rails Girls にようこそ!</h2>
<p>これらはRails Girlsのワークショップの主なガイドです。ここから始めて順番にガイドを進めてください。</p>
<ul class="guides-list">
  <li>
    <a href="/start">
      <span class="guide-icon" data-icon="1"></span>
      <h3>はじめに</h3>
    </a>
    <p>ここからRails Girlsガイドを始めましょう！</p>
  </li>

  <li>
    <a href="/tools">
      <span class="guide-icon" data-icon="2"></span>
      <h3>ツールについて知ろう</h3>
    </a>
    <p>ワークショップでどのツールを使うのか、それらがどこにあるのかを学びましょう。</p>
  </li>

  <li>
    <a href="install">
      <span class="guide-icon" data-icon="3"></span>
      <h3>Railsインストールガイド</h3>
    </a>
    <p>Ruby on Railsでアプリや他の何かを作ろうと思ったら、いくつかのソフトウェアと開発環境をあなたのコンピュータにセットアップする必要があります(macOS, Windows, Linux)。</p>
  </li>

  <li>
    <a href="app">
      <span class="guide-icon" data-icon="4"></span>
      <h3>はじめてのアプリを作る</h3>
    </a>
    <p>Ruby on Railsではじめてのアプリを作るためのガイドです。</p>
  </li>

  <li>
    <a href="/html-and-css">
      <span class="guide-icon" data-icon="5"></span>
      <h3>HTMLとCSSを使ってアプリをスタイリングしよう</h3>
    </a>
    <p>HTMLとCSSを使って、新しく作ったアプリのデザインを改善してみましょう。</p>
  </li>

  <li>
    <a href="/new-page">
      <span class="guide-icon" data-icon="6"></span>
      <h3>アプリに新しいページを追加しよう</h3>
    </a>
    <p>自分のコンテンツでアプリのページを増やしましょう。</p>
  </li>

  <li>
    <a href="/new-homepage">
      <span class="guide-icon" data-icon="7"></span>
      <h3>あなたのアプリに新しいホーム画面を追加しよう</h3>
    </a>
    <p>あなたのアプリのホーム画面をカスタマイズしましょう。</p>
  </li>

  <li>
    <a href="/uploads">
      <span class="guide-icon" data-icon="8"></span>
      <h3>画像アップロード機能を追加しよう</h3>
    </a>
    <p>画像アップロード機能を追加して、アプリをよりビジュアル的にしてみましょう。</p>
  </li>

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

  <li>
    <a href="/deployment">
      <span class="guide-icon" data-icon="10"></span>
      <h3>あなたのアプリをインターネットに公開しよう</h3>
    </a>
    <p>
      あなたのアプリをインターネットに公開する方法です。私達は公開するためのサービスを沢山使う事ができます。以下のサービスの中から選んでください<br>
      <a href="/deployment/fly-io">Fly.io</a> | <a href="digitalocean">DigitalOcean</a> | <a href="heroku">Heroku</a> | <a href="openshift">OpenShift</a> | <a href="engineyard">Engine Yard</a> | <a href="anynines">anynines</a>
    </p>
  </li>

  <li>
    <a href="/design">
      <span class="guide-icon" data-icon="11"></span>
      <h3>HTML と CSS を使ってアイデアのページをデザインしてみよう</h3>
    </a>
    <p>デザインを追加してプロが作ったようなウェブサイトにしてみましょう。</p>
  </li>

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

  <li>
    <a href="thumbnails">
      <span class="guide-icon" data-icon="13"></span>
      <h3>画像のサムネイルを作ってみよう</h3>
    </a>
    <p>CarrierWave を使って画像をリサイズする方法を紹介します</p>
  </li>

  <li>
    <a href="/testing-rspec">
      <span class="guide-icon" data-icon="14"></span>
      <h3>RSpecでアプリをテストしよう</h3>
    </a>
    <p>自動で実行するテストを作成し、アプリが期待通りに動作することを確認します。</p>
  </li>
</ul>

<h2 id="other-guides">さらに詳しく学ぶには</h2>
<p>Rails Girlsガイドでもっとたくさんのことを学びましょう。順序に決まりがあるわけでありません。面白そうなガイドを選んで挑戦してみましょう！</p>
<ul class="guides-list">
  <li>
    <a href="/ruby-intro">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Rubyの概要</h3>
    </a>
    <p>Rubyという言語がどのようになっていて、どのように動作するのかを学びます。Rubyの仕組みがまだわからない方はこちらを読んでください。</p>
  </li>

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

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

  <li>
    <a href="sinatra-app">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Sinatraを使って初めての投票アプリを作ってみよう</h3>
    </a>
    <p>Sintraフレームワークを使って初めてのアプリを作成するガイドです。</p>
  </li>

  <li>
    <a href="diary-app">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Ruby on Railsで初めての日記アプリを作る</h3>
    </a>
    <p>Ruby on Railsを使ったアプリケーションの作成について解説します。</p>
  </li>

  <li>
    <a href="backend-with-active-admin">
      <span class="guide-icon guide-icon-other"></span>
      <h3>アプリにバックエンドを追加しよう(管理画面)</h3>
    </a>
    <p>Active Admin でアプリを管理するために、管理用バックエンドを追加する方法のガイドです。</p>
  </li>

  <li>
    <a href="ruby-game">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Rubyで簡単なゲームを作ってみよう！</h3>
    </a>
    <p>Rubyでゲーム開発を行うための紹介ガイドです。</p>
  </li>

  <li>
    <a href="sinatra">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Web基礎チュートリアル</h3>
    </a>
    <p>内部で何が起こっているのか、より深く理解しましょう。</p>
  </li>

  <li>
    <a href="test-driven-development">
      <span class="guide-icon guide-icon-other"></span>
      <h3>テスト駆動開発</h3>
    </a>
    <p>TDD を学ぶことを通して、Rubyの技術を磨きましょう。</p>
  </li>

  <li>
    <a href="testing-shoulda-matchers">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Shoulda Matchersでテストを簡潔にしよう</h3>
    </a>
    <p>Shoulda Matchersを使ってRSpecのテストを簡潔にしてみましょう。</p>
  </li>

  <li>
    <a href="ruby-atm">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Ruby ATM</h3>
    </a>
    <p>次のレベルを目指してあなたのRuby力に重点を置いてみましょう。</p>
  </li>

  <li>
    <span class="guide-icon guide-icon-other"></span>
    <h3>デプロイメント (アーカイブ)</h3>
    <p>
      - <a href="continuous-travis">Travis（およびanynines）を使用した継続的デプロイ</a><br>
      - <a href="continuous">Codeship（およびHeroku）を使用した継続的デプロイ</a><br>
      - <a href="passenger">Phusion Passengerでアプリのデプロイを準備しよう</a><br>
    </p>
  </li>

  <li>
    <a href="touristic-autism_intro">
      <span class="guide-icon guide-icon-other"></span>
      <h3>自閉症に優しい観光地のアプリを作ろう</h3>
    </a>
    <p>(デバイスを用いて)認証されたユーザーが、自閉症に優しいかどうかという観点から、観光地の説明やコメント、評価をできるようにします。自閉症の成人を旅行中に支援するのが目的です。</p>
  </li>
</ul>

<hr />

<h2>Rails Girlsでもっと楽しもう</h2>
<ul class="guides-list">
  <li>
    <a href="how-to-continue-with-programming">
      <span class="guide-icon guide-icon-other"></span>
      <h3>イベントの後: どのようにプログラミングを続けて行くか</h3>
    </a>
    <p>プログラミングを学び続けて行くためのガイドです。</p>
  </li>

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

<h2 id="guides-guides">Rails Girlsのガイド</h2>
<ul class="guides-list">
  <li>
    <a href="guide">
      <span class="guide-icon guide-icon-meta"></span>
      <h3>Rails Girls イベントを開催するには</h3>
    </a>
    <p>はじめてRails Girlsを開催するときに便利な情報です。Rails Girlsの概要や開催手順などの解説があります。</p>
  </li>

  <li>
    <a href="coach">
      <span class="guide-icon guide-icon-meta"></span>
      <h3>Rails Girlsのコーチになるには?</h3>
    </a>
    <p>Rails Girls のコーチになるためのQ&Aです。</p>
  </li>

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

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

<hr />

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

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

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

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