La mise en œuvre d'aujourd'hui

①　controller users tweet ②　model　user(devise) tweet ③ Introduction de haml scss ④ Créer une vue teww t index

Introduction des polices Web Google Web Fonts

Cette fois, j'ai utilisé Google Web Fonts pour en faire une police à la mode.

Méthode d'introduction

Cette fois, nous décrirons la méthode d'introduction avec scss.

1 Trouvez la police que vous souhaitez utiliser

Recherchez la police que vous souhaitez utiliser parmi les polices Google. Google Web Fonts Onglet en haut à droite

link href = "https://fonts.googleapis.com/css2?family=Anton&display=swap" rel = "copiez l'URL de la feuille de style.

2 Charger dans SCSS

`app/assets/stylesheets/application.scss`


@import url(https://fonts.googleapis.com/css?family=Anton);

Vous pouvez désormais utiliser Anton avec la famille de polices dans SCSS.

3 Utilisé pour SCSS.

`app/assets/stylesheets/modules/_tweets.scss`


font-family: 'Anton', sans-serif;

Ensuite, la police Anton est appliquée au support d'étude ci-dessous.

Mise en garde

La plupart des polices google du site ci-dessus ne prennent pas en charge le japonais, de sorte que le japonais n'est souvent pas appliqué. J'ai perdu environ 40 minutes sans remarquer que seul le japonais était appliqué lol

Cette fois, je l'ai chargé dans application.scss, mais il existe d'autres méthodes d'installation.

Site de référence

Utilisons Google Web Fonts

L'idée d'aujourd'hui

Incorporer une vidéo dans la fonction de publication

Incluez votre propre vidéo de sortie de ce que vous avez appris aujourd'hui sur la fonction de publication (sortie)

Contexte

De nos jours, il semble qu'il existe peu de vidéos que vous pouvez apprendre en regardant des vidéos telles que YouTube et en sortie sur Twitter. Comme vous pouvez le deviner au fil du temps, SNS est une expression textuelle ➯ texte + photo (instagram) ➯ vidéo (transmission individuelle par youtube), et je sens que l'époque est en vidéo. Sur la base du fait qu'il est possible d'envoyer plus personnellement que maintenant, dans le support d'étude d'application personnelle, je voudrais pouvoir sortir la vidéo à la fonction de publication. La meilleure étude est de dire quelque chose aux gens. Je pense que l'option de la vidéo est d'élargir la gamme de sortie.

[RUBY] Production d'applications personnelles 2 Introduction de la police WEB