DEV Community: Benjamin Rancourt

Happy Holidays! 🎁

Benjamin Rancourt — Fri, 24 Dec 2021 00:15:00 +0000

I don't know about you, but I've been busy at work this week with the Apache Log4j vulnerability, trying to make sure our major system vendors had secured them properly! It tired me a little bit at the end of the day, so I didn't have the energy to write you a technical article this week! 😴

But wait, I still have two hours before 7.15 PM to write something pretty interesting... Well, I have no ideas so I'm going to take a break and show you what I bought for Christmas instead! 🎄

Merry Christmas to me! 🎅

These are two Samsung 27" monitors! As I now work remotely full time, I needed to have monitors with better resolutions, because the code was really small in my "New Latitude 7210 2-in-1 Business Detachable Laptop" or my previous monitors! 🔍

So far, these monitors seem ok. We'll see if it's still the case in the long term! 😬

And that ends this article! I hope to take advantage of the next few weeks to recharge my batteries! 🤖

Stay safe and happy holidays! 😷

How to Create a Chrome Extension to Edit Websites

Benjamin Rancourt — Fri, 26 Nov 2021 00:15:00 +0000

Context

Have you ever been on a website that you would like to have a different layout? Or that some functionalities were just missing and could simply be implemented?

You can choose to go to another similar site, but sometimes, there may be no suitable alternative and you are stuck with it... 😕

Imagine you were a developer for the company that maintains that website, you could simply improve it to suit your needs... Unfortunately, you are probably not an employee or you may be not allowed to change it... 🙁

Fortunately, there is something you can do and it's simpler than you think: you could create a Google Chrome extension. Continue to read this tutorial to learn how to. 🤓

What will you learn?

In this tutorial, in about five minutes, you should learn:

How to create a minimal Chrome extension
How to load it into your browser
How your extension can modify the HTML of a website

I'm pretty sure that in under 15 minutes, you'll have a simple Chrome extension working in your browser. Are you ready? 🙃

Example of a website you may want to alter

But before beginning, let's see a fictitious example of a case you would like to modify the DOM of a website, with the homepage of www.cinoche.com.

I really want to point out that I have nothing against this website, I just needed to have a concrete example of a website I could edit. As I love to watch movies, this site was one of the first websites I thought of. In fact, I ❤️ Cinoche.com. 😉

Screenshot of Cinoche.com.

You might not notice it, but there is a big space in the right section where the news are displayed. What is causing this incorrect layout? An advertisement was present but was removed by the uBlock Origin extension. Since it didn't remove the div parent, the flex layout no longer works... 😟

Create the manifest.json file

Inside an empty folder, create a manifest.json file with the content below. It's the file that gives the browser information about your extension (and the users if you publish it). This is the only required file that every browser extension needs to function.

{
  "manifest_version": 3,
  "name": "Make Cinoche Great Again",
  "version": "1.0.0"
}

The first version of the manifest.json file, where the three required attributes.

These attributes tell us:

manifest_version : the version of the manifest. 3 is the latest version available.
name : the name of our extension.
version : the version of our extension.

And we are done! All necessary code has been written! In our case, our extension is pretty useless for now, but we can go ahead and add it to Chrome! 😅

Load your extension into your browser

Now go to chrome://extensions and click on the " Load unpacked" button to select the directory of your custom extension. To see the three buttons, the "Developer mode" on the right must be enabled.

Screenshot of my chrome://extensions page, with only one extension.

You should now see your extension on the same page! Congratulation! 🥳

Your extension should now appear on the chrome://extensions page.

If you need to edit any file in the selected directory, you'll need to click on the update button to reload the extension into Chrome. Otherwise, your changes won't appear on your extension.

Now, let's see how we could add some functionalities to our extension. 😃

Inject a script to modify a website

Do you remember our example website? If you go there and open the DevTools (with F12), you can type this simple line of code to fix our bug:

document.querySelector('div.featured-box-right').remove();

In my example, it doesn't take a lot of code to improve our experience, right? 😆

If you have tried it, you have seen the layout has been arranged but, if you refresh the page, your changes wouldn't be saved... 😭

How could we inject our little script on each page of the website? Let's put the previous code inside a new file named cinoche.js. But now, we have to tell the extension that this code exists and needs to be injected on every page.

Reopen the manifest.json of your extension and add a content_scripts attribute that looks like:

{
  "content_scripts": [
    {
      "js": ["cinoche.js"],
      "matches": ["https://www.cinoche.com/*"]
    }
  ],

  // ...
}

This attribute tells our extension to inject a JavaScript file named cinoche.js (js) when the current URL matcheshttps://www.cinoche.com/*.

You should now have a file that looks like below:

{
  "content_scripts": [
    {
      "js": ["cinoche.js"],
      "matches": ["https://www.cinoche.com/*"]
    }
  ],
  "manifest_version": 3,
  "name": "Make Cinoche Great Again",
  "version": "1.1.0"
}

Note : you may have noticed that I've incremented its version. Doing this make it easier to know if your extension has been successfully reloaded and that you have the latest changes.

You may now reload your extension on chrome://extensions and come back to www.cinoche.com to see the final result:

Screenshot of Cinoche.com, after our extension has removed the empty div.

As our extension injects our script into every page of the domain, you should add protection to make sure your script doesn't fail:

const featureBoxRight = document.querySelector('div.featured-box-right');

if (featureBoxRight) {
  featureBoxRight.remove();
}

Our script now makes sure that the feature box exists before trying to remove it.

One last tip : the auto-injected script is equivalent to opening the DevTools and pasting it there. So, if there is any error or logs, you will see them in the console. 🤖

Conclusion

In this tutorial, you should have learned the basics to create a Chrome extension. If you want to learn more about that, you should read the official documentation on Chrome Developers.

There are a lot more attributes and customizations that you could add to your extension, but you'll learn them from me in another tutorial! 🧐

Good luck! ✌️

How to Install Manjaro

Benjamin Rancourt — Fri, 19 Nov 2021 00:15:00 +0000

Over the previous years, I had to install Manjaro a couple of times and to ease the process for the next time, I began to document more and more the command I typed. You will find below the procedure that I will try to follow the next time I want to install this distribution. 🤓

Warning : this procedure may be incomplete or may be not working on your setup. Follow it cautiously. 🚸

Create a bootable USB

Download the distribution on the official website, such as the XFCE edition
Insert a USB key into your computer
Open a terminal
Make yourself a superuser with sudo su
Take note of the path of the inserted USB key with fdisk -l
Burn the ISO on the USB key with dd bs=4M if=/home/ranb2002/Downloads/manjaro-xfce-21.1.6-minimal-211017-linux513.iso of=/dev/sda status=progress
Remove the USB key

BIOS configuration

Depending on your computer, you may need to activate the UEFI mode to be able to boot from your USB key:

Insert your USB key and restart the computer
Repeatedly press on ESC on your keyboard to enter the BIOS when your computer is booting
Activate the UEFI
Boot from the USB key

Installation

Just follow the instructions on your screen! 😉

Install applications

Some applications may exist only on the AUR repository. If it is not already activated, you can look at this tutorial to activate it with Package Manager.

#######################################
# (su) Multiple applications from AUR #
#######################################
# Switch to the super user
sudo su

# Make sure all installed applications are up to date
pacman -Syyu

# Install applications with pacman
pacman -S \
  noto-fonts-emoji \
  dnsutils \ 
  dockbarx \
  docker \
  firefox-beta-bin \
  firefox-nightly \
  google-chrome \
  google-chrome-beta \
  google-chrome-dev \
  gradle \
  gradle-doc \
  jdk11-openjdk \
  jetbrains-toolbox \
  nvm \
  sshfs \
  system-config-printer \
  teams \
  vim \
  vmware-horizon-client \
  vmware-keymaps \
  xfce4-dockbarx-plugin

exit

#######################################
# Node.js #
#######################################
# Finish the setup of NVM
echo 'source /usr/share/nvm/init-nvm.sh' >> ~/.bashrc
exec $SHELL

# Install the latest version of NVM
nvm install 16.13.0 && nvm use 16.13.0 && nvm alias default 16.13.0 && node --version

#######################################
# (su) Misc #
#######################################
# Switch to the super user
sudo su

# Disable Linux PC speaker beep permanently
echo "blacklist pcspkr" | tee /etc/modprobe.d/nobeep.conf

# Set ntp so that the clock is set to the correct time
timedatectl set-ntp true

#######################################
# (su) Docker #
#######################################
# Start Docker now
systemctl start docker

# Start Docker when starting the computer
systemctl enable docker

# Show the version of Docker (ex. Docker version 20.10.9, build c2ea9bc90b)
docker --version

# Add your user ID to the docker group to be able to manage it as non-root
usermod -a -G docker ranb2002

#######################################
# (su) Restart #
#######################################
# Restart the computer
shutdown --reboot

Generate SSH keys

# Generate SSH keys with ssh-keygen
ssh-keygen -t ed25519 -C "ranb2002-laptop"
ssh-keygen -t rsa -b 4096 -C "ranb2002-laptop"

# See the generated keys
cat ~/.ssh/id_ed25519.pub
cat ~/.ssh/id_rsa.pub

Git

# Check your settings
git config --list

# Set your identity
git config --global user.name "Benjamin Rancourt"
git config --global user.email benjamin.rancourt@email.com

# Set Vim as default editor for Git
git config --global core.editor vim

# Set some useful aliases (https://git-scm.com/book/tr/v2/Git-Basics-Git-Aliases)
git config --global alias.co checkout
git config --global alias.br branch
git config --global alias.ci commit
git config --global alias.st status

# https://www.stefanjudis.com/snippets/a-git-alias-to-show-a-detailed-git-branch-overview/
git config --global alias.zup "for-each-ref --sort='authordate:iso8601' --format='%(color:green)%(authordate:relative)%09%(color:white)%(refname:short) / %(contents:subject)' refs/heads"

## Unstage a file (git unstage fileA)
git config --global alias.unstage 'reset HEAD --'

## See the last commit easily (git last)
git config --global alias.last 'log -1 HEAD'

## Set the push default config to simple
git config --global push.default simple

## Add Git completion
cd ~ && wget https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.bash
echo "source ~/git-completion.bash" >> ~/.bashrc

## Add Git branch name to bash prompt
# Follow instructions on https://coderwall.com/p/fasnya/add-git-branch-name-to-bash-prompt

# TODO To document correctly
git config --global commit.gpgsign true

Upgrade

If you want to update applications and dependencies on your computer:

# Via pacman
# Switch to the super user
sudo su

pacman -Syu
pacman --sync --refresh --sysupgrade

# Or, via pamac
pamac update

Hopes it could also help you if you want this distribution! 😇

Au revoir UdeS!

Benjamin Rancourt — Fri, 12 Nov 2021 00:15:00 +0000

Après plus de cinq années à travailler pour le Service des technologies de l'information de l'Université de Sherbrooke, j'ai décidé dernièrement qu'il était temps pour moi d'aller relever de nouveaux défis dans une autre organisation de la région. Je terminerai donc mon emploi à l'Université le vendredi 19 novembre prochain. 🙂

Ce ne fut pas une décision facile et je sais déjà qu'il va y avoir un élément qui va me manquer : les relations que j'ai avec mes collègues. Juste en l'annonçant à ceux-ci, plusieurs me sont revenus avec des commentaires positifs et cela m'a fait encore plus réalisé comment ils vont me manquer. 🥲

Adieu également à mon bureau, qui ne sera prochainement plus autant décoré!

Heureusement pour moi, je suis sûr que nous aurons l'occasion de se recroiser à quelque part! Surtout que ce n'est pas les événements en TI qui manquent à Sherbrooke : Techno Drinks, Agile Sherbrooke et SociéTIC. 🥳

Ce sera bientôt un nouveau départ! 😇

Psst, pour ceux et celles se demandant où est-ce que je m'en va, je devrais bientôt être en mesure de vous le dire, j'attends prochainement ma lettre d'embauche officielle! 😉

How to migrate projects from Subversion to Git with svn2git 🦅

Benjamin Rancourt — Thu, 04 Nov 2021 23:15:00 +0000

Do you remember Subversion (also known as SVN)? 🤔 Unfortunately, there is still a few teams that still use it, but ultimately want to migrate them to a better option: Git. 🤖

If you still hesitate to take some time to do this migration, rest assured, it doesn't take too much time with a simple tool named svn2git.

What is svn2git?

svn2git is a small tool for migrating projects from Subversion to Git. It is useful to use it if you want to keep the full history of the project. All commits, as well their authors, dates and comments, will be kept for all branches, the trunk (main branch) and tags.

How to install it?

Depending on your operating system and the tools you are using, the command to install svn2git may differ. In my case, as I use Manjaro as my Linux distribution and the yay tool to install dependencies from AUR (Arch User Repository), I just have to type:

yay --sync ruby-svn2git

# or
yay -S ruby-svn2git

Voilà, it is now installed!

How to use it?

Preparation

Variables

To simplify the commands you are going to type, I suggest that first put together some information that you will need:

PROJECT_NAME : The name of your project, used to create a new empty folder, (like rabbit-cms)
SVN_PROJECT_URL : The URL of your old SVN repository (like svn+ssh://svn.benjaminrancourt.ca/projects)
GIT_PROJECT_URL : The URL of your new Git repository (it doesn't need to be created first) (like git@gitlab.com:ranb2002/rabbit-cms.git)

Once you have all the information, export them to your terminal so that you can use them as variables:

export PROJECT_NAME=rabbit-cms
export SVN_PROJECT_URL=svn+ssh://svn.benjaminrancourt.ca/projects/rabbit-cms
export GIT_PROJECT_URL=git@gitlab.com:ranb2002/rabbit-cms.git

Authors file

Before using the tool, you will also need to prepare a file named authors.txt which will contains all the information about the authors that have committed in your project (username, full name and email address). The file looks like below:

ranb2002 = Benjamin Rancourt <noreply@BenjaminRancourt.ca>
(no author) = Unknown user <unknown@BenjaminRancourt.ca>

If your project has a lot of collaborators, it may take a while to gather the necessary information. Fortunately, there is a command to list at least their usernames:

svn log "${SVN_PROJECT_URL}" --quiet | grep -E "r[0-9]+ \| .+ \|" | cut -d'|' -f2 | sed 's/ //g' | sort | uniq

It should produce a list of usernames, like:

outb3145
ranb2002

Use the list produced to complete your author's file (authors.txt) according to the previous

syntax. If you are unable to find the email address of a retired colleague (such as Joe Bloe), use a fictitious email such as Joe.Bloe@BenjaminRancourt.ca.

Export the SVN project

To make sure you don't commit unwanted files, I suggest you clone your SVN project into a new folder:

# Go to your Desktop directory, or elsewhere
cd ~/Desktop

# Make sure to copy the authors file here

# Create a new empty directory for your project
mkdir "${PROJECT_NAME}" && cd "${PROJECT_NAME}"

And finally, run the svn2git utility:

# Print the beginning date
date '+%Y-%m-%d %H:%M:%S'

# Run the svn2git with the authors file defined previously
time svn2git "${SVN_PROJECT_URL}" --authors ../authors.txt 

# Print the finishing date
date '+%Y-%m-%d %H:%M:%S'

As it can run for a while, I added the date commands and the time command to know how long it took. For some projects, it may take several hours, but it usually takes around fifteen minutes. ⏲️

Create the Git project

If there were no errors, you should now have a local Git repository for your project. 🎉 But, unless you are only working on your computer, you might want to push the code to your Git server.

# Add the Git repository as origin
git remote add origin "${GIT_PROJECT_URL}"

# Push all branches to the origin
git push --all origin

# Push all tags to the origin
git push --tags origin

Clean up

If you look at the tags created in GitLab or GitHub, you may see some incorrect tags. 🤨 You are probably going to want to delete them.

For example, if you have tags that look like VERSION@REVISION (like 1.26@19330), use the following command to remove them:

# Delete the remote tags
git push -d origin $(git tag -l "*@*")

# Delete the local tags
git tag -d $(git tag -l "*@*")

If you have other tags that you don't want, just adapt the regex used previously and run the new commands!

Conclusion

Hope this post helps you to get rid of Subversion once and for all. 😉

Objectifs SMARTIES

Benjamin Rancourt — Thu, 28 Oct 2021 23:15:00 +0000

Je suis présentement entrain de faire du ménage dans mes notes personnelles et je suis tombé sur mes notes relatives aux objectifs SMARTIES. Ayant constaté que ma source mène maintenant vers une page 404 (heureusement disponible sur WaybackMachine), j'ai décidé réapprendre le concept et de vous le présenter. En espérant que cela vous soit utile la prochaine fois que vous définirerez vos objectifs!

Mais avant de parler des trois dernières lettres ( IES ), revenons sur ce qu'est un objectif SMART.

S.M.A.R.T.

Plutôt que décrire de long en large un sujet qui a déjà été largement expliqué, voyons quelques définitions simples :

Spécifique : doit être précis tout en étant simple à comprendr e
Mesurable : être en mesure de le quantifier , de le qualifier ou de le mesurer
Atteignable : compte tenu du temps et des efforts à mettre, il est possible de le réaliser
Réaliste : doit être réaliste et donc atteignable avec les moyens à disposition
Temporel : avoir une échéance précise (date butoir) avec, éventuellement, des dates intermédiaires

Passons maintenant aux fameuses trois nouvelles lettres. 😀

I.E.S.

Intègre : être conforme aux valeurs que vous souhaitez véhiculer
Écologique : être en mesure de mesurer l'impact sur l' environnement (sens large) autour de soi
Senti : doit être motivant afin d'être enthousiaste face à sa réalisation

Certains organismes et certaines personnes ont également définis d'autres mots pour représenter ces trois lettres. Par exemple, Blue Bridge les définis comme étant :

Intégrateur : être bénéfique pour toutes les parties impliquées (employé, équipe et entreprise par exemple)
Évolutif : être en mesure de le faire évoluer en fonction de nouvelles données
Satisfaisant et valorisant : l'atteinte de l'objectif sera valorisant

Peu importe quels mots vous utiliser, le plus important est que vous choissize ceux qui vous interpellent le plus. Dans les cas des objectifs d'équipe, assurez-vous que tout le monde possède la même définition. 😅 De mon côté, je vais rester avec la première définition.

Voyons maintenant un exemple d'un objectif SMARTIES que je viens de me fixer dans le cadre de cette article. 🥳

Exemple

D'ici novembre 2022, je souhaite effectuer une deuxième présentation au Techno Drinks Sherbrooke sur un sujet qui m'intéresse.

J'aurais pu définir directement le sujet que je souhaites présenter afin d'être plus spécifique, mais afin qu'il soit plus évolutif pour correspondre à mes intérêts du moment, je n'ai pas spécifier le sujet.

Qu'en pensez-vous? Pensez-vous qu'il répond à tous les critères? 😛

Conclusion

La prochaine fois que vous aurez à fixer des objectifs, vous pourrez maintenant ajouter trois nouvelles dimensions à ceux-ci.

Bon succès! 😇

Sustainable Web Manifesto 📜

Benjamin Rancourt — Thu, 21 Oct 2021 23:15:00 +0000

À l'heure où le monde entier parle de plus en plus de l' urgence climatique , nous devons nous aussi, en tant que professionnels des technologies de l'information , voir de quelle façon nous pouvons contribuer à lutter contre les changements climatiques. 🖥️

C'est dans cette optique que je suis avec intérêt les nouvelles initiatives qui vont dans ce sens-là. Aujourd'hui, je souhaite vous parler d'une initiative débutée l'an dernier nommée : Sustainable Web Manifesto (en français : manifeste du Web durable).

Qu'est-ce qu'est le Sustainable Web Manifesto?

Initié par une agence londonienne soucieuse de son impact environnemental, Wholegrain Digital, le manifeste du Web durable est une réponse à l'augmentation de l'utilisation de données sur le Web. 🕸️

En effet, avec une infrastructure technologique constamment en évolution, les sites Web et les applications Web ont généralement tendance à utiliser de plus en plus de données. 📈

Nous devons donc nous questionner sur la place grandissante qu'occupe Internet dans les changements climatiques. Selon une comparaison effectuée par les auteurs du manifeste :

« Si Internet était un pays, il serait le 7^ème plus gros pollueur. ».

Cela peut paraître anodin, mais les données stockées sur des serveurs, les données transférées d'un réseau à l'autre et la puissance de calcul nécessaire pour traiter et afficher ces données ont toutes un point en commun : elles consomment de l' électricité. ⚡

Une infime quantité d'électricité est peut-être utilisée pour transmettre une simple page Web, mais lorsqu'on additionne toutes les utilisations partout sur la planète à chaque jour, cela commence à être une quantité gigantesque. 😵

Considérant que dans la plupart dans le monde, l'électricité est générée à plus de 84 % à partir d' énergies fossiles (pétrole, gaz naturel et charbon), nous pouvons donc affirmer qu'Internet contribue présentement à l'émissions de gaz à effet de serre... 😰

Cela fait un peu peur, n'est-ce pas? Heureusement, si tout le monde commence à suivre les six principes fondamentaux du manifeste, nous pouvons certainement contribuer à verdir le Web. 🐢

Quelles sont ses principes fondamentaux?

Propre

Les services que nous fournissons et les services que nous utilisons seront alimentés par des énergies renouvelables.

Efficace

Les produits et services que nous proposons utiliseront le moins d' énergie et de ressources matérielles possible.

Ouvert

Les produits et services que nous fournissons seront accessibles , permettront un échange ouvert d'informations et permettront aux utilisateurs de contrôler leurs données.

Honnête

Les produits et services que nous fournissons ne tromperont ni n'exploiteront les utilisateurs dans leur conception ou leur contenu.

Régénérateur

Les produits et services que nous fournissons soutiendront une économie qui nourrit les gens et la planète.

Résilient

Les produits et services que nous fournissons fonctionneront aux moments et aux endroits où les gens en ont le plus besoin.

Comment signer le manifeste?

Si vous ne l'avez pas déjà fait, vous pouvez signer le manifeste sur son site Web officiel. Celui-ci vous permet d'ajouter votre nom comme signataire et de déclarer votre engagement à créer un Internet durable.

Ensemble, nous pouvons faire une différence! 🤗

How to be notified when a new tag has been created on a Docker Hub repository 📧

Benjamin Rancourt — Thu, 14 Oct 2021 23:15:00 +0000

When I started creating my private architecture on Docker for my projects, I started having a lot of container images that I have to check from time to time to see if there was a new version. It was okay to do that with a small number of images, but as my architecture was just growing, it started to be a bit cumbersome for one person. 🤨

So I searched on the Internet to see if anyone has found a solution to my problem and, after a while, I fall on a small service named docker notify.

What is docker-notify?

Screenshot of the "docker notify" service.

As the name suggests, it allows you to subscribe to the updates of the containers you want to follow. To use this service, simply enter your email address into the email input and click on the "Sign up" button. You should receive a few seconds later an email containing a link, to log in to the service without a password. 🔑

The email you will receive to log in to your account.

After clicking on the link, you will arrive at the interface that will allow you to manage the containers you are following.

A screenshot of the container images I am currently following.

On the left, you can search the name of the image you want to follow and on the right, you can see the images you are currently subscribed to. To unsubscribe from an image, simply click on its name and it will be removed. And don't forget to click on the "Update" button, otherwise, none of your changes will be saved! 😜

When someone releases a new version of the containers you are following, you will receive an email as below containing the recently updated containers. 😍

The latest email that I have received, with three new updates.

Conclusion

Unfortunately, this service works only for Docker Hub, so you can not follow the containers published on the GitHub Container registry. I hope the maintainers of this service will support it soon but, in the meantime, we will have to follow them manually. 🤭

So, I hope this service will help keep your containers up to date! 🤗

Hacktoberfest 2021 🍂

Benjamin Rancourt — Thu, 07 Oct 2021 23:15:00 +0000

Pour une huitième année consécutive, l'Hacktoberfest est de retour! Qu'est-ce que c'est? L'Hacktoberfest est un événement virtuel visant à encourager les contributions dans la communauté des logiciels libres. L'événement est gratuit et est ouvert à tous , que vous soyez un développeur ou non. Il commençait le vendredi 1^er octobre et se terminera le dimanche 31 octobre, à l'Halloween. 🎃

L'événement propose un défi : créer quatre demandes de fusion de branches (pull requests ou merge requests) de qualité sur n'importe quel projet public (GitHub ou GitLab). Ces demandes doivent être faites sur des projets ayant le sujet hacktoberfest et comptent lorsqu'ils sont acceptés ou fusionnés.

Comment participer

Si vous souhaitez prendre part à l'événement, vous avez seulement besoin de :

Créer un compte gratuit sur GitHub ou sur GitLab (ou les deux), si vous en avez pas un déjà.
S'inscrire sur la page de l'événement, afin de suivre votre progrès. Vous pouvez vous enregistrer à n'importe quel moment entre aujourd'hui et le 31 octobre. 👻
Contribuer et effectuer quatre demandes de fusion, sur n'importe quel projet public (GitHub ou GitLab) .

Si vous avez des questions sur l'Hacktoberfest, vous pouvez jeter un coup d'œil sur leur foire aux questions, elle est très complète. 🙋

Récompenses 🏆

Si vous relevez le défi, DigitalOcean, une des compagnies derrière l'événement, vous récompensera pour votre contribution à la communauté open-source avec du swag : des autocollants et un beau t-shirt confortable comme ceux que j'ai reçus ces dernières années. 👕

Mes chandails des éditions 2017 à 2019.

Peu de temps après la fin de l'événement, tous les participants devraient recevoir un courriel pour choisir leur swag. Les participants auront la possibilité de choisir entre le t-shirt ou faire don d'un arbre dans la forêt de DigitalOcean sur Tree-Nation. 🌳

Si vous décidez de prendre le t-shirt, mais que vous souhaitez tout de même compenser vos émissions de carbone, vous pouvez tout de même planter un arbre vous-même sur Tree-Nation.

De plus, il est également possible que les autres compagnies promouvant l'événement (Appwrite, Intel et DeepSource) ajoutent quelques autocollants. 🧳 Vous pourrez les coller sur votre ordinateur. 😉

Afin de recevoir gratuitement votre swag, vous devrez fournir votre adresse postale. N'ayez crainte, les organisateurs l'utilisent uniquement pour vous envoyer votre colis! 📦

Buts personnels 🚩

L'an dernier, j'avais rajouté un peu de mes couleurs en me donnant des défis supplémentaires. Bien que j'avais réussi à tous les relever avec succès, je vais cette année me contenter d'écrire cet article et de relever le défi. 🤔

En effet, avec l'achat d'une maison et bientôt d'une nouvelle automobile, il ne me reste plus beaucoup de temps personnel... Je me reprendrai plus tard cette année! 😅

Et vous, pensez-vous relever le défi de l'Hacktoberfest 2021? 💪

Psst, si vous avez besoin d'utiliser la plateforme de DigitalOcean pour effectuer vos contributions et que vous n'avez pas encore de compte, vous pouvez utiliser mon lien de référence pour recevoir un crédit de 100 $ US. Celui-ci est bon pour 60 jours.

En retour, je vais recevoir 25 $ une fois que vous aurez dépenser le même montant. C'est une situation gagnante-gagnante. Merci! 😉

Best New Features in GitLab 14.2 and 14.3 ⛲

Benjamin Rancourt — Thu, 30 Sep 2021 23:15:00 +0000

Last month, on September 22, GitLab 14.3 was released. It made me realize that I forgot to check the releases notes for the previous version, 14.2. 😅

So, in this post, I'm going to address that by highlighting some of the new features and improvements that you might be interested in. 😬

GitLab 14.2

Use CI/CD variables in include statements in .gitlab-ci.yml

By allowing the use of variables inside the include keyword, it will open new ways to define CI/CD pipelines. An example is to allow updating of the template in multiple projects through the use of a variable as below.

include:
  project: 'my-group/ci-pipelines'
  ref: $PIPELINE_TEMPLATE_REF
  file: 'templates/main.yml'

An example of a variable inside the include keyword.

A DevOps engineer could just update the $PIPELINE_TEMPLATE_REF variable in the group CI variables and all projects would use the new version of the template. Incredible, right? 🤩

Stageless pipelines

One of the main features of this version is the ability to define a pipeline without stages. For some pipelines, this will also add clarity as the relationships between each job will be explicit , instead of being implicit. It should be easier now to introduce GitLab pipelines to newcomers. 🌚

For some pipelines, it doesn't make sense to define stages. In this one, all jobs are independent of each other.

This feature should make to way to remove completely stagesin GitLab CI. Long live to directed acyclic graphs!😀

Add pronunciation to GitLab profile page

I'm still don't know how to write the pronunciation, but at least I tried. 🤓

I don't know about you, but the number of people who mispronouncing my name is too high for my liking. 😅

This feature will be especially useful in helping us learn how to pronounce the names of newcomers. It's the least we can do, right? 👍

Display local time on user’s profile

I still have two hours before my bedtime and I'm currently writing this post. 😉

If you working with people in different time zones, it could help you not to wait for someone else to answer if it's late where they are. If it is past my bedtime at 10 PM, don't expect an answer from me, I should be sleeping. 😴

GitLab 14.3

Include GitLab CI/CD configuration based on conditions

By adding rules to the include keyword, we can now only define one .gitlab-ci.yml and include some of its parts if certain conditions are met.

# file: /templates/common.gitlab-ci.yml
variables:
  __TEMPLATES_COMMON_YML__ : true

# file: /templates/docker/build.gitlab-ci.yml"
include:
  - local: "/templates/common.gitlab-ci.yml"
    rules:
      - if: $ __TEMPLATES_COMMON_YML__

The build.gitlab-ci.yml file will include the other file only if the $ __TEMPLATES_COMMON_YML__ variable is evaluated to true.

I hope this will also allow us to include another template if the project contains some files.

Imagine, instead of manually updating each .gitlab-ci.yml file to add hadolint when a repository contains a Docker file, you could simply add your common pipeline and the repository pipeline would build itself! 😲

This is definitively something that I will be trying soon! ⌛

Use variables in other variables

Everyone loves inception, right? I'm sure this new functionality will also help us develop and maintain our pipelines as well. ♾️

job:
  variables:
    FLAGS: '-al'
    LS_CMD: 'ls "$FLAGS"'
  script:
    - 'eval "$LS_CMD"' # Executes 'ls -al'

An example from the documentation.

Support merging CI/CD rules arrays with !reference

I started to use the new !reference keyword after it was introduced, but I remember that I quickly ran into one of its limitations: we couldn't use it with the rules keyword. It is now a thing of the past! 🌟

.no_schedule:
  rules:
    - if: $CI_PIPELINE_SOURCE == "schedule"
      when: never
    - when: on_success

job1:
  image: alpine:latest
  rules:
    - !reference [.no_schedule, rules]
  script:
      - echo "run except schedules and tags"

An example that reported a syntax error in previous versions of GitLab.

So, that's it, the latest versions of GitLab have revealed us the new improvements. I look forward to trying them. 🤗

Upgrading from Java 11 to Java 17

Benjamin Rancourt — Thu, 23 Sep 2021 23:15:00 +0000

With the release of Java 17 on September 14, 2021, those who use only Long Term Support (LTS) versions will be thrilled to update their Java version! But to use the new functionalities that come with a new version, we must know what are they. 😉

The list below is the ongoing new features that I think will be useful to my colleagues or myself. It doesn't contain any advanced features (or deep), so if you want to know them, check all the release notes. 😘

Text indentation

Java 12 introduces a new String function: indent and as its name says, it helps to indent a string with spaces.

// From older versions
final String version = "Java 12";
final String release = " There is a new indent function.";
System.out.println(version);
System.out.println(release);

// Java 12 +
final String version = "Java 12";
final String release = "There is a new indent function.".indent(2);
System.out.println(version);
System.out.println(release);

Both versions will produce an output that looks like this:

Java 12
  There is a new indent function.

The output text from the previous lines of code.

Text Blocks

Since Java 15, multi-line strings , more know as Text Blocks in the Java world, are available.

// Before
final String description =
  "Une ou plusieurs exceptions sont survenues durant l'exécution de la passerelle."
  + NEW_LINE
  + NEW_LINE
  + " **Veuillez vérifier le bon fonctionnement de celle-ci et adaptez le code en conséquence.**";

// After
 final String description =
   """
     Une ou plusieurs exceptions sont survenues durant l'exécution de la passerelle.

     **Veuillez vérifier le bon fonctionnement de celle-ci et adaptez le code en conséquence.**
   """;

// Before
notes.add(
        " **" + note + "**" + NEW_LINE + ("```

" + getStackTrace(exception) + "

```") + NEW_LINE);

// After
notes.add(
  """
    **%s**
    %s
  """.formatted(note, getStackTrace(exception)));

It was one of the features that I was looking forward to, as it is available for a long time in JavaScript. 😎

It is much cleaner, right? 😉

Switch Expressions

For this one, I'm am not sure about the readability, but it could prove useful to know someday that there is a way to write succinct switch expressions in Java 14:

DayOfWeek dayOfWeek = LocalDate.now().getDayOfWeek();
boolean isTodayHoliday = switch (day) {
    case MONDAY, TUESDAY, WEDNESDAY, THURSDAY, FRIDAY -> false;
    case SATURDAY, SUNDAY -> true;
    default -> throw new IllegalArgumentException("What's a " + day);
};

Helpful NullPointerExceptions

Ever had a NullPointerException? Before Java 14, we needed to debug the code to know exactly what variable had caused the exception. Now, the log will be more precise and will say which variable caused the exception.

// Before
Exception in thread "main" java.lang.NullPointerException
at com.baeldung.MyClass.main(MyClass.java:27)

// After
java.lang.NullPointerException: Cannot store to int array because "a" is null

I can't wait to see the next time I run across this exception. 🤣

Conclusion

If you find other features that others and I should learn, let me know! 🤘

Do you plan to upgrade your Java applications to the latest LTS version?

Quelle extension de nom de domaine privilégier?

Benjamin Rancourt — Thu, 16 Sep 2021 23:15:00 +0000

Avec plus de 1 500 extensions de nom de domaine possible, il peut être difficile d'effectuer un choix parmi une aussi vaste sélection.

Heureusement, à moins que vous souhaitez vous distinguer à ce niveau là, vous pouvez choisir une des extensions les plus connues.

En effet, vos visiteurs sont généralement habitués de voir une extension comme .com, .ca, .org, .coop, .info ou une plus récente, .quebec. Toutefois, parmi celles-ci laquelle devriez-vous priviligier?

Voyons quelques points afin de vous aider à effectuer votre choix.

Longueur du nom de domaine

Une des différences entre toutes ces extensions est leur longeur. De 2 caractères pour le .ca, on passe à 5 caractères pour le .quebec. Bien que ce n'est que quelques caractères, il est important d'en tenir compte pour les personnes devant saisir manuellement l'adresse Web, particulièrement sur mobile.

Prix

Au niveau du prix, il n'y a pas tant de différence entre le .ca et le .com, le .ca étant seulement quelques dollars de moins que le .com. Par contre, le .quebec lui est beaucoup plus dispendieux! Au moment d'écrire ces lignes, ce dernier coûte plus de 3 fois le coût d'un domaine canadien! 😮

À moins que vous prévoyez enregistrer beaucoup de noms de domaine différents ou que vous soyez un particulier, je ne vous conseille pas de baser votre décision uniquement sur ce facteur.

Extension .ca

Un autre élément à tenir compte est que les domaines canadiens possèdent quelques particularités qui feront peut-être pencher la balance en leur faveur.

En effet, seuls les organismes et particuliers canadiens peuvent enregistrer un domaine .ca. L'extension est donc un bon indicateur d'une présence canadienne.

Les individus achetant un nom de domaine .ca obtiendront également gratuitement la protection d'identité. Si tel est votre cas, cela voudra dire qu'il ne sera pas possible de savoir publiquement que vous êtes titulaire du domaine exemple-secret.ca. ;)

L'heure de la décision

Au final, vous êtes libres de choisir l'extension qui vous attire le plus. Vous pouvez également réserver plusieurs noms de domaines différents et mettre en place des redirections permanentes vers le domaine que vous avez choisi.

Cela vous laissera la possibilité de revenir sur votre décision plus tard et d'inverser la redirection.

Pour en savoir plus

Si vous souhaitez en savoir davantage, je vous invites à consulter les 2 articles suivants. Ces derniers sont très bien écrits et peuvent vous apporter d'autres éléments intéressants pour influence votre décision.

.CA ou .com – quel TLD est le meilleur pour votre site Web ?, sur CIRA.ca
Le guide ultime pour trouver votre nom de domaine parfait, sur WHC.ca

Bonne réflexion!

P.-S. – Si vous cherchez un hébergement Web, un hébergement WordPress ou un certificat SSL, je vous recommande de regarder les offres de WHC.ca. 😉