shimmyShow Webアプリ開発ブログ

プログラミングスクールTECH::CAMPを73期を卒業し、紙媒体で実施されている教育の根本を変えていくためのサービスを開発中。当ブログを読めば誰でも当該サービスを開発できるようにするため軌跡を記録中。

【第1章】オンライン教科書サービス作成【新しいアプリの立ち上げ】

目的

紙媒体のテキストを用いて行われている学校教育や社会人の社内外研修、資格取得の講義などをオンラインへ移行し、紙媒体から脱却する。 スマートデバイス(PC、スマートフォンタブレット)さえあれば、小中高大学の5教科のテキスト、社内外研修テキストなどあらゆる教科書をいつでも閲覧できるようにするアプリケーションを開発する。 当該章では上記機能を備えたアプリケーションの雛形を作成する。

新しいアプリケーションの立ち上げ

新しくアプリケーションを立ち上げる時には、rails newコマンドを実行する。
ターミナル

rails _5.2.3_ new "online_text" -d mysql
cd online_text
bundle install

bundle install 実行後、下記内容が表示されていれば正常に雛形作成ができている。
ターミナル表示

Bundle complete! 18 Gemfile dependencies, 78 gems now installed.
Use `bundle info [gemname]` to see where a bundled gem is installed.

データベース作成

アプリケーションに紐づくデータベースを作成する時には、rails db:createコマンドを実行する。
ターミナル

cd online_text
rails db:create

rails db:create実行後、下記内容が表示されていれば正常にデータベースが生成されている。
ターミナル表示

Created database 'online_text_development'
Created database 'online_text_test'

サーバーを立ち上げてアプリケーションの雛形が作成されているか確認

正常にアプリケーションが作成できているか、サーバーをrails sコマンドで立ち上げて確認する

cd online_text
rails s

rails s実行後、下記URLへアクセスし、下画面が表示されていれば雛形作成ができている。
URLhttp://localhost:3000/

f:id:erwinmarvin:20200914204539j:plain
新規アプリケーション作成成功時画面

gitへの登録

GitHub Desktopを用いてコミットしプッシュする。
GitHub Desktopの導入は別記事に記載する。
githubを用いて開発するメリットについては別記事に記載する。
当該アプリケーション開発は細かくgithubにコミットし、開発のいつ時点でエラー等が発生しているかなどトレースができる状態を保持することとする。