学生向けプログラミング入門 | 無料

学生向けにプログラミングを無料で解説。Java、C++、Ruby、PHP、データベース、Ruby on Rails, Python, Django

仕事売買アプリ

Rails7.1 | 仕事売買アプリ作成 | 25 | 仕事登録ビュー

仕事の内容を登録できるビューを作成します。

Rails7.1 | 仕事売買アプリ作成 | 24 | ステップ処理

仕事を登録する際、5ステップに分けて登録するよう実装を行います。 仕事コントローラーを編集していきます。

Rails7.1 | 仕事売買アプリ作成 | 23 | Fakerの利用

カテゴリーとテストユーザー登録に「faker」を利用します。 「Faker」は、Ruby on RailsといったWebアプリケーションフレームワークでよく使用される人工データ生成ライブラリの一つです。 Ruby on Railsプロジェクトでテストデータを作成したり、開発時に仮…

Rails7.1 | 仕事売買アプリ作成 | 22 | ビューの作成

Railsのビューは、Ruby on RailsというWebアプリケーションフレームワークで使用されるコンポーネントの1つです。 ビューはユーザーに対してデータを表示するための部分であり、通常HTMLやERB(Embedded Ruby)などのテンプレートエンジンを使用して、ウェブ…

Rails7.1 | 仕事売買アプリ作成 | 21 | コントローラー作成

Ruby on Railsのコントローラー(Controller)は、MVC(Model-View-Controller)アーキテクチャの一部です。 コントローラーは、アプリケーションを管理し、クライアントからのリクエストを受け取り、それに応じてモデルとビューとの間で情報を調整します。 …

Rails7.1 | 仕事売買アプリ作成 | 20 | モデル作成

Ruby on Railsの中で、「モデル(Model)」はMVC(Model-View-Controller)アーキテクチャの一部です。 モデルはアプリケーションのデータとデータベースとの間で中間層の役割を果たし、データの操作やアプリケーションの管理をします。 Railsモデルは通常、…

Rails7.1 | 仕事売買アプリ作成 | 19 | ページ作成

ユーザープロフィールページを作成していきます。 作成するページで使用するパラメーターは対応するコントローラーであらかじめ定義する必要があります。

Rails7.1 | 仕事売買アプリ作成 | 18 | Google認証

Google認証を実現するために、OmniAuthというGemを使用することが一般的です。 さらにGoogle Cloud PlatformでAPIキーを取得する必要があります。 まずはGoogle Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。

Rails7.1 | 仕事売買アプリ作成 | 17 | Facebook認証

ユーザーは既にFacebookアカウントを持っていることが多いため、新しいウェブサイトやアプリケーションに登録やログインする際に新しい資格情報を作成する必要がなく、手間が省けます。 これにより、ユーザーエクスペリエンスが向上し、新規ユーザー獲得が容…

Rails7.1 | 仕事売買アプリ作成 | 16 | カラムの追加

Ruby on Railsでデータベーステーブルに新しいカラムを追加する方法はいくつかありますが、マイグレーションを使用する方法が一番簡単です。 まず、ターミナルでコマンドを実行して新しいマイグレーションファイルを生成し、最後にマイグレーションを実行し…

Rails7.1 | 仕事売買アプリ作成 | 15 | Amazon S3

Amazon S3(Simple Storage Service)は、Amazon Web Services(AWS)のクラウドストレージサービスの1つです。 S3は、データの保存、バックアップ、アーカイブ、データの配信など、さまざまなデータストレージ関連の用途に使用されます。

Rails7.1 | 仕事売買アプリ作成 | 14 | Active Storageの利用

"Active Storage"(アクティブストレージ)は、Ruby on Rails(RoR)用のライブラリで、ファイルのアップロード、ストレージ、および管理をサポートするために設計されています。 Active Storageを使用することで、ユーザーがWebアプリケーションにファイル…

Rails7.1 | 仕事売買アプリ作成 | 13 | Font Awesomeの利用

Ruby on Railsで「Font Awesome」のアイコンを使えるようにします。 Font Awesomeは、Webデザイナーや開発者にとって非常に便利なアイコンライブラリです。 Font Awesomeには1,600以上のアイコンが含まれており、多くの異なるカテゴリーから選択できます。 …

Rails7.1 | 仕事売買アプリ作成 | 12 | Googleフォントの利用

Googleフォントは無料で利用できます。 商用プロジェクトや個人のウェブサイトにも適しており、予算に制約のある場合でも利用できます。 また、Googleフォントは、数百もの異なるフォントを提供しており、それらはさまざまなスタイルや用途に適しています。 …

Rails7.1 | 仕事売買アプリ作成 | 11 | ダッシュボード追加

ダッシュボードページを追加します。 ユーザーモデルに「about」「status」フィールドを追加します。

Rails7.1 | 仕事売買アプリ作成 | 10 | Gmailの利用

Gmailを使ってメールの送信をできるようにします。 アカウントの新規作成時にメールで認証を行ったりすることもできるようになります。

Rails7.1 | 仕事売買アプリ作成 | 09 | Notyの利用

Notyは、通知メッセージを表示するためのJavaScriptライブラリであり、Railsアプリケーションで使用することができます。

Rails7.1 | 仕事売買アプリ作成 | 08 | 日本語化

Ruby on Railsを日本語化するには、以下の手順を実行します。 Ruby on Railsは多言語対応が得意であり、多くの部分を簡単に翻訳できます。

Rails7.1 | 仕事売買アプリ作成 | 07 | ログイン機能の実装

deviceによるログイン機能をビューも含めて実装していきます。 まずはユーザーモデルに氏名の項目を追加します。

Rails7.1 | 仕事売買アプリ作成 | 06 | ナビゲーションバーの利用

Bootstrap5.3を利用して、ナビゲーションバーを設置します。 デザインはレスポンシブルデザインを意識して調整します。 レスポンシブデザイン(Responsive Design)は、ウェブデザインやウェブ開発の手法の一つで、異なるデバイスや画面サイズに対応するため…

Rails7.1 | 仕事売買アプリ作成 | 05 | deviceの利用

Ruby on Railsでログインを実装する時、「device」を活用すると素早く実装することができます。 deviseはユーザーの登録、ログイン、ログアウト、パスワードリセットなどの認証機能があり、Gメールの設定をすることで、セキュリティが向上します。 バージョ…

Rails7.1 | 仕事売買アプリ作成 | 04 | Bootstrap5.3の利用

Bootstrap5.3を利用する準備をします。 Bootstrap5.3を動かすために必要なパッケージをimportmap(インポートマップ)でインストールします。

Rails7.1 | 仕事売買アプリ作成 | 02 | Rails7.1のインストール

Ruby on Railsのバージョン7.1をインストールします。

Rails7.1 | 仕事売買アプリ作成 | 01 | 開発環境を整える

Ruby on Rails(通称Rails)は、ウェブアプリケーションの開発に使用するオープンソースのWebアプリケーションフレームワークです。 Rubyというプログラミング言語で記述されており、開発者に使いやすい環境を提供し、生産性を高めることを目的としています。…

Rails6.1 | 仕事売買アプリ作成 | 54 | 機密情報 ENVの設定

Ruby on Railsで開発したアプリケーションをherokuにデプロイする際、データベースのパスワードや他連携サービスの情報など、機密情報の取り扱いには注意が必要です。 ただ、開発環境と本番環境で機密情報の設定が違うため、アップデートを行う際に開発環境…

Rails6.1 | 仕事売買アプリ作成 | 53 | 本番環境のコールバック

このプロジェクトでコールバックによるリダイレクトを利用しているサービスは以下の3つです。 Google認証 FaceBook認証 Stripeコネクト

Rails6.1 | 仕事売買アプリ作成 | 52 | Heroku postgresの設定

Herokuでデータベースを利用する際は、料金がかかります。 動作のみを試す場合は一番安いプランのMINIプラン(月上限$5)でいいと思いますが、レコード数が1万行までに制限されるため注意が必要です。 次に安いBASICプラン(月上限$9)はレコード数が1千万行…

Rails6.1 | 仕事売買アプリ作成 | 51 | Herokuの接続とPush

いよいよ作成したアプリケーションをherokuへデプロイする時が来ました。 Herokuへの接続の確立、HerokuとGithubの接続、デプロイの方法等、順に解説していきます。 まず、HerokuのダッシュボードページでRubyよりも先にnodeをインストールするよう指定をし…

Rails6.1 | 仕事売買アプリ作成 | 50 | コンパイルテスト

HerokuにPushする前に、コンパイルテストを行い、エラーが出ないかどうか確認します。 ここでエラーが出れば、実際にHerokuにPushする際にも同じエラーが出ます。 以下のコマンドを実行してコンパイルテストを行います。

Rails6.1 | 仕事売買アプリ作成 | 49 | production.rbの設定

Ruby on Railsで開発したアプリケーションをデプロイする際、開発時にdevelopment.rbファイルに記述してきた設定を本番環境用設定ファイル「config\environments\production.rb」に書き写し、プラスして本番環境用設定を書き加える必要があります。 順を追っ…