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">
  <a href="https://railsgirls.com/tokyo.html" class="span4 event" style="background:url(/images/events/RailsGirlsTokyo15th-banner.png) 0px 0px / 100% no-repeat;">
    <h3>Rails Girls Tokyo 15th<small>2023/04/07〜2023/04/08</small></h3>
  </a>

  <a href="/events/nagasaki" class="span4 event" style="background:url(/images/nagasaki-1st.png) center -10px / 50% no-repeat;">
    <h3>Rails Girls Nagasaki 1st<small>2023/04/14〜2023/04/15</small></h3>
  </a>
</div>

Rails Girls Japanの<a href="https://twitter.com/RailsGirlsJapan">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>Style the idea pages using HTML and CSS</h3>
    </a>
    <p>Let's add some design to make it look like a professional website.</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>Carrierwave を使って画像をリサイズしよう</h3>
    </a>
    <p>Carrierwave を使って画像をリサイズする方法を紹介します</p>
  </li>

  <li>
    <a href="/testing-rspec">
      <span class="guide-icon" data-icon="14"></span>
      <h3>Test your application with RSpec</h3>
    </a>
    <p>Make sure your app works like expected by writing tests that can run automatically.</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>Introduction to Ruby</h3>
    </a>
    <p>Learn how the Ruby language looks and works. Read this if you don't know how Ruby works yet.</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>Build a diary app in Ruby on Rails</h3>
    </a>
    <p>Guide to building your first app using Ruby on Rails</p>
  </li>

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

  <li>
    <a href="ruby-game">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Write a little game in Ruby!</h3>
    </a>
    <p>Guide of Instructions for a game development with Ruby.</p>
  </li>

  <li>
    <a href="sinatra">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Web Fundamentals Tutorial</h3>
    </a>
    <p>Get a deeper understanding of what's going on under the hood</p>
  </li>

  <li>
    <a href="test-driven-development">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Test Driven Development</h3>
    </a>
    <p>Practice your Ruby skills while learning TDD</p>
  </li>

  <li>
    <a href="testing-shoulda-matchers">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Simplifying tests with Shoulda Matchers</h3>
    </a>
    <p>Simplify your RSpec tests with Shoulda matchers.</p>
  </li>

  <li>
    <a href="ruby-atm">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Ruby ATM</h3>
    </a>
    <p>Focus on your Ruby skills - level 2!</p>
  </li>

  <li>
    <span class="guide-icon guide-icon-other"></span>
    <h3>Deployment (archive)</h3>
    <p>
      - <a href="continuous-travis">CD with Travis (and anynines)</a><br>
      - <a href="continuous">CD with Codeship (and Heroku)</a><br>
      - <a href="passenger">Prepare your app for deployment with Phusion Passenger</a><br>
    </p>
  </li>

  <li>
    <a href="touristic-autism_intro">
      <span class="guide-icon guide-icon-other"></span>
      <h3>Touristic Autism-friendly Spots App</h3>
    </a>
    <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>
  </li>
</ul>

<hr />

<h2>Let's have more fun with 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">Guides about Rails Girls itself</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>