[RUBY] [Rails6] Créer une nouvelle application avec Rails [Débutant]

Aperçu

Hello, Qiita！！ Cet article porte sur "Le processus de création d'une nouvelle application avec Rails 6". Depuis Rails6, de jolis paquets tels que webpack et yarn apparaîtront ~~ Je ne comprends pas ~~. Je pense qu'il y a beaucoup de gens qui sont dépendants de la construction d'un environnement (je suis un exemple). J'ai pu créer l'environnement avec Docker, mais comme ma compréhension de Docker est trop approximative, je publierai sur le processus dans l'environnement local.

Au fait, je suis un débutant qui a récemment commencé à créer des applications RoR. Veuillez regarder avec des yeux chaleureux. : rincé:

J'ai également publié un article sur Rails 5, donc si vous êtes intéressé, veuillez consulter ici.

Conditions préalables

• OS: MacOS
• Version Ruby: 2.7.1
• Version des rails: 6.0.3
• Base de données: MySQL
• Gestion des versions Ruby: rbenv
• IDE: VisualStudioCode

Nous allons créer une application dans l'environnement ci-dessus! : des lunettes de soleil:

Créer une nouvelle application avec Rails

Sur le terminal rbenv local 2.7.1 Après avoir exécuté rails _6.0.3_ new app_name -d mysql -B Éxécuter.

Qu'est-ce que tu fais

• rbenv Déclaration d'exécution de la commande
• local 2.7.1 Spécifiez la version de Ruby utilisée dans ce projet (ver.2.7.1 cette fois)
• rails Déclaration d'exécution de la commande rails
• _6.0.3_ Spécifiez la version de ruby (ver.6.0.3 cette fois)
• new Nouvelle commande de création d'application
• app_name Définition du nom de l'application que vous souhaitez créer
• -d mysql Spécifiez la base de données que vous souhaitez utiliser (mysql cette fois)
  
• -B Instructions pour ignorer «l'installation du bundle»

Pour l'utilisation et le mécanisme de rbenv, veuillez vous référer à l'article suivant car il est facile à comprendre. _ Comment utiliser et comment fonctionne rbenv - Qiita _

Fichiers intégrés à l'application

Si vous faites rails new sur le terminal comme ci-dessus, de nombreux dossiers et fichiers seront créés. (Le même contenu que Rails 5 est omis.)

Fichiers ajoutés à partir de Rails 6

Babel.config.js

node_modules

yarn.lock

Yarn est un gestionnaire de packages Node.js (JavaScript) développé conjointement par Facebook, Google, etc. ↑ Je ne savais pas, c'est incroyable (pas de vocabulaire): innocent:

Yarn lui-même est également un package de modules Node.

À l'origine, Node.js a un gestionnaire de packages appelé npm (Node Package Manager), mais comparé à npm, Yarn est

• L'installation du module de nœud est très rapide --Il existe une fonction qui crée la même version, peu importe qui la fait (fonction de verrouillage de version) --Sécurité
• La sortie de ligne de commande est simple et facile à voir

Il présente les caractéristiques suivantes.

Rails a un gestionnaire de packages Gem appelé Bundler, mais c'est comme sa version JavaScript.

javascript/webpack

• javascript

Avant rails5, le dossier javascript était placé sous app / assets. Dans rails6, c'est sous app.

• webpack

À partir du fichier spécifié, webpack connecte les fichiers à la manière d'un ver, en s'appuyant sur l'instruction d'importation, et génère un fichier JavaScript combiné.

Ce processus de regroupement est appelé un bundle. Et l'outil de regroupement s'appelle bundler.

Le fait semble être que "les fonctions de base sont combinées dans un seul fichier JavaScript".

installation de gemmes

La description des rails dans le Gemfile,

Gemfile

~
gem 'rails', '6.0.3'
~

Corrigez-le avec la version que vous souhaitez utiliser (ver.6.0.3 cette fois).

J'ai sauté l'installation de gem avec la commande -B plus tôt, donc sur le terminal bundle install Éxécuter.

Démarrez le serveur

Commençons réellement le serveur! Sur le terminal rails s Éxécuter.

Qu'est-ce que tu fais

• rails server Instructions pour connecter l'application Rails créée par la commande rails new au serveur dans l'environnement local

• rails server _ peut être _rails s _ mais OK _: ok_hand:

Si le journal suivant s'affiche sur le terminal, la connexion avec le serveur est terminée!

Use Ctrl-C to stop

Vérifions-le sur le navigateur! Accédez à [localhost: 3000](http: // localhost: 3000)!

J'ai pu me connecter au serveur! : métal:

À la fin

Merci d'avoir regardé jusqu'à la fin. Au cours de mes recherches, j'ai appris que Ruby est un langage de script et Javascript est un langage d'interprétation. Alors que j'explore l'histoire des langages de programmation, je suis profondément ému par le fait que divers langages et cadres sont l'accumulation de la sagesse humaine. : en pensant:

Aussi, à l'avenir, j'aimerais écrire un article sur la façon d'ajouter des fonctions à l'aide de diverses gemmes.

Si vous avez des questions concernant cet article, veuillez nous en informer.

Récemment, je me sens désagréable avec l'acné au masque, alors je pense que les soins de la peau sont également importants. : masque:

À la prochaine! : walking_tone1:

Site référencé

Gérez complètement JS et CSS avec webpack dans l'environnement Rails Comprendre les bases de Webpack et Babel Samurai blog