仕事売買アプリ
Google認証を実現するために、OmniAuthというGemを使用することが一般的です。 さらにGoogle Cloud PlatformでAPIキーを取得する必要があります。
ユーザーは既にFacebookアカウントを持っていることが多いため、新しいウェブサイトやアプリケーションに登録やログインする際に新しい資格情報を作成する必要がなく、手間が省けます。 これにより、ユーザーエクスペリエンスが向上し、新規ユーザー獲得が容…
Ruby on Railsでデータベーステーブルに新しいカラムを追加する方法はいくつかありますが、マイグレーションを使用する方法が一番簡単です。 まず、ターミナルでコマンドを実行して新しいマイグレーションファイルを生成し、最後にマイグレーションを実行し…
Amazon S3(Simple Storage Service)は、Amazon Web Services(AWS)のクラウドストレージサービスの1つです。 S3は、データの保存、バックアップ、アーカイブ、データの配信など、さまざまなデータストレージ関連の用途に使用されます。
"Active Storage"(アクティブストレージ)は、Ruby on Rails(RoR)用のライブラリで、ファイルのアップロード、ストレージ、および管理をサポートするために設計されています。 Active Storageを使用することで、ユーザーがWebアプリケーションにファイル…
Ruby on Railsで「Font Awesome」のアイコンを使えるようにします。 Font Awesomeは、Webデザイナーや開発者にとって非常に便利なアイコンライブラリです。 Font Awesomeには1,600以上のアイコンが含まれており、多くの異なるカテゴリーから選択できます。 …
Googleフォントは無料で利用できます。 商用プロジェクトや個人のウェブサイトにも適しており、予算に制約のある場合でも利用できます。 また、Googleフォントは、数百もの異なるフォントを提供しており、それらはさまざまなスタイルや用途に適しています。 …
ダッシュボードページを追加します。 ユーザーモデルに「about」「status」フィールドを追加します。
Gmailを使ってメールの送信をできるようにします。 アカウントの新規作成時にメールで認証を行ったりすることもできるようになります。
Rails6.0を利用していた時、notyはyarnを使ってインストールていましたが、application.scssからのスタイルシート読み込みが本番環境のRails6.1でできなくなってしまったので、CDN経由で読み込ませることにします。 本番環境では動きませんが、念の為yarnで…
Ruby on Railsを日本語化するには、以下の手順を実行します。 Ruby on Railsは多言語対応が得意であり、多くの部分を簡単に翻訳できます。 RailsはI18n(Internationalization、国際化)をサポートしています。
deviceによるログイン機能をビューも含めて実装していきます。 まずはユーザーモデルに氏名の項目を追加します。 ユーザーテーブルにfull_nameフィールドを追加します。
Bootstrap5.3を利用して、ナビゲーションバーを設置します。 デザインはレスポンシブルデザインを意識して調整します。 レスポンシブデザイン(Responsive Design)は、ウェブデザインやウェブ開発の手法の一つで、異なるデバイスや画面サイズに対応するため…
Ruby on Railsでログインを実装する時、「device」を活用すると素早く実装することができます。 deviseはユーザーの登録、ログイン、ログアウト、パスワードリセットなどの認証機能があり、Gメールの設定をすることで、セキュリティが向上します。
Bootstrap5.3を利用する準備をします。 Rails6.1では、Bootstrap4までしか対応していません。 そこで、まずはBootstrap4を実装し、その後、CDN経由でBootstrap5が動くように実装します。 Bootstra4を動かすために必要なパッケージをYarnでインストールしま…
インストールしたRails6.1を使ってアプリケーションを作成します。 アプリケーション名は「GigHub」とします。
Ruby on Railsのバージョン6.1をインストールします。
Ruby on Rails(通称Rails)は、ウェブアプリケーションの開発に使用するオープンソースのWebアプリケーションフレームワークです。 Rubyというプログラミング言語で記述されており、開発者に使いやすい環境を提供し、生産性を高めることを目的としています。…