Railsアプリケーションを開発している場合、ユーザーエンゲージメントを促進するためにプロジェクトにスタイルを追加することに興味があるかもしれません。[Bootstrap]を追加することです。これは、Webプロジェクトをレスポンシブかつモバイル対応にするプロセスを簡素化するように設計されたHTML、CSS、およびJavaScriptフレームワークです。BootstrapをRailsプロジェクトに実装することにより、レイアウト規則とコンポーネントをアプリケーションに統合して、サイトとのユーザーインタラクションをより魅力的にすることができます。bundlerを使用してJavaScriptおよびCSSアセットを提供する既存のRailsプロジェクトにBootstrapを追加します。目標は、ユーザーが対話してサメに関する情報を共有できる視覚的に魅力的なサイトを作成することです。[アプリケーションのランディングページ]前提条件このチュートリアルを実行するには、次のものが必要です。18.04を実行しているローカルマシンまたは開発サーバー。+」で設定されたファイアウォールが必要です。18.04での初期サーバー設定]チュートリアルを参照してください。[Node.js]およびhttps://www.npmjs.com/[npm]。このチュートリアルでは、Node.jsバージョンとnpmバージョンを使用します。18.04にインストールするためのガイダンスについては、https://www.digitalocean.com/community/tutorials/how-to-install-node-の*「PPAを使用してインストールする」セクションの手順に従ってください。18.04にNode.jsをインストールする方法]。Railsをインストールする方法]。このチュートリアルでは、Ruby、rbenv、およびRailsを使用します。*に従って、SQLiteがインストールされました。GitHubアカウント]から複製することです。Railsアプリケーション]。5プロジェクトにhttps://stimulusjs.org/[Stimulus.js]を追加する方法を説明しました。https://github.com/do-community/rails-stimulus.git`++`ディレクトリに移動します:cdプロジェクトコードを使用するには、まずGemfileにリストされているプロジェクトの依存関係をインストールする必要があります。次のコマンドを使用して、必要なgemをインストールします。[Yarn]依存関係をインストールします。5プロジェクトはwebpackでアセットを提供するように変更されているため、JavaScriptの依存関係はYarnによって管理されるようになりました。+`ファイルにリストされている依存関係をインストールして検証する必要があることを意味します。次のコマンドを実行して、これらの依存関係をインストールします。+`ディレクトリに既にインストールされているファイルが削除されていないことを確認します。次に、データベースの移行を実行します。db:migrate移行が完了したら、アプリケーションをテストして、期待どおりに動作することを確認できます。ローカルで作業している場合は、次のコマンドでサーバーを起動します。s開発サーバーで作業している場合は、次を使用してアプリケーションを開始できます。次のランディングページが表示されます。`ルートに移動します。+`ビューは次のようになります。[新しいサメの作成]アプリケーションが機能していることを確認するために、デモ情報を追加できます。*フィールドに「Scary」を入力します。[ホオジロザメの追加][サメを作成]ボタンをクリックして、サメを作成します。[サメを見る]これで、プロジェクトに必要な依存関係がインストールされ、その機能がテストされました。次に、Railsアプリケーションにいくつかの変更を加えて、ユーザーがサメ情報アプリケーション自体に移動する前にメインのランディングページにアクセスできるようにします。on`ビューを設定します。これは、ユーザーをメインアプリケーションに誘導するために機能しますが、将来アプリケーションを開発し、他の機能や機能を追加することにした場合は、あまり望ましくありません。`コントローラーに設定されるようにアプリケーションを再編成できます。+`ビューが含まれます。そこから、アプリケーションの他の部分にリンクできます。`]コマンドを使用できます。+`ビューが必要であることを指定します。`ファイル(アプリケーションのルート宣言を指定するファイル)のルートビューを変更する必要があります。+`に設定されているためです。