Techno-magis

Je suis entré sur le marché du travail en septembre 2008 alors un stage dans une entreprise qui n'a certainement pas me prendre Prizee était sur le déclin, donc au bout de 4 mois, j'avais peu d'espoir de pourvoir continuer. Je me suis mis à chercher du travail et en période de crise en prend un peu tout et n'importe quoi. Surtout quand a le droit à zéro aide. [...]

Je suis passé récemment sous Apache eCharts, et j’ai eu quelques petits problèmes.

Si vous voulez que votre site soit compatible dans un iframe, mais que ça soit juste si le parent présente la bibliothèque iframe-resizer, il y a une solution assez simple :

En JavaScript vanilla :

<script>
window.addEventListener('message', e => {
    if (
        String(e.data).startsWith('[iFrameSizer]') &&
        !document.body.classList.contains('into-container')
    ) {
        var script = document.createElement('script');
        script.src = '**CHEMIN À CHANGER**/iframeResizer.contentWindow.min.js';
        document.head.appendChild(script);
        document.body.classList.add('into-container');
    }
});
</script>

En TypeScript :

window.addEventListener('message', (e: MessageEvent) => {
    if (
        String(e.data).startsWith('[iFrameSizer]') &&
        !document.body.classList.contains('into-container')
    ) {
        var script = document.createElement('script');
        script.src = '**CHEMIN À CHANGER**/iframeResizer.contentWindow.min.js';
        document.head.appendChild(script);
        document.body.classList.add('into-container');
    }
});
 

Note la classe “into-container” permet de changer le CSS de la page pour l'adapter au changement de mode.

Comme j'ai zéro mémoire, je me fais un petit mémo pour la réinstaller de mon site. Cela inclus la modification du hosts, l'installation de packages, la configuration des virtuals host dans Apache, la correction de problème de droit d'accès, et le problème lié à la mise en place de la base de données.

Je voulais juste virer les données GPS de certaines photos.

Il faut juste installer :

sudo apt-get install libimage-exiftool-perl

Pour voir les données EXIF d'un fichier:

exiftool photo.jpg

Supprimer toutes les données GPS :

exiftool -gps:all= *.jpg

Les fichiers non modifiés reste présente avec _original à la fin

Pour supprimer toutes les données EXIF c'est tout aussi simple :

exiftool -all= *.jpg

Il est possible d'utiliser Base64 avec Nativescript sans passer par un package, en utilisant directement celui du système :

    // for Android
 
    base64Encode(string: string): string {
        const text = new java.lang.String(string);
        const data = text.getBytes('UTF-8');
        return String.fromCharCode(...Array.from(android.util.Base64.encode(data, android.util.Base64.DEFAULT));
    }
 
    base64Decode(string: string): string {
        const text = new java.lang.String(string);
        const data = text.getBytes('UTF-8');
        return String.fromCharCode(...Array.from(android.util.Base64.decode(data, android.util.Base64.DEFAULT)));
    }

    //iOS
 
    base64Encode(string: string): string {
        const text = NSString.stringWithString(string);
        const data = text.dataUsingEncoding(NSUTF8StringEncoding);
        const base64 = data.base64EncodedStringWithOptions(0);
        return base64;
    }
 
    base64Decode(string: string): string {
        const decodedData = NSData.alloc().initWithBase64EncodedStringOptions(string, 0);
        const decodedString = NSString.alloc().initWithDataEncoding(decodedData, NSUTF8StringEncoding);
        return `${decodedString}`;
    }

Pendant mes vacances, j'avais besoin de renommer mes photos par lot et en prenant bien soin de respecter l'ordre alphabétique des noms de fichier de base. Je n'ai pas trouvé de solution simple. En grattant un peu sur la toile et en combinant plusieurs trucs, je suis arrivé à ça :

ls -1 *.jpg | awk -F_ '{print $(NF-1) " " $0}' | sort | cut -d' ' -f2- | rename -v 's/.*/our $i;if(!$i){$i=1;} sprintf("xxxxxx_%02d.jpg", $i++)/e'

• *.jpg : le filtre de recherche (à changer si ce n'est pas des images).
• xxxxxx_%02d.jpg : le nom final des fichiers, avec "%02d" pour le nombre de chiffre pour le compteur. Ici ça sera xxxxxx_01.jpg,xxxxxx_02.jpg, etc.

J'en avais un peu marre d'aller chercher le backup à chaque fois pour le mettre dans un dossier de sauvegarde. Alors, j'ai fais un tout petit script pour faire le backup et aller le récupérer pour le copier là où je veux.

J'ai écrit ce petit script :

#!/bin/bash
 
echo ">backup : gitlab"
gitlab-rake gitlab:backup:create
gitlab_folder='/var/opt/gitlab/backups/'
backup_folder='/my/backup/folder/'
gitlab_file=`ls -got ${gitlab_folder} | grep \.tar$ | head -1 | awk '{print $7}'`
echo ">copie : ${gitlab_folder}${gitlab_file}"
cp "${gitlab_folder}${gitlab_file}" $backup_folder
chown user:user "${backup_folder}${gitlab_file}"

Remplacez '/my/backup/folder/' par votre dossier de sauvegarde et user:user par vos droits.

Maintenant je n'ai plus qu'à faire :

sudo ./monscript.sh

Il est possible de débugger en JS la valeur de tout élément en remplaçant cette valeur par un getter et un setter de la façon suivante :

inputElement._value = inputElement.value;
 
Object.defineProperty(inputElement, 'value', {
	get: function () {
		return this._value;
	},
	set: function (p) {
		this._value = p;
	}
});

Ça fait un petit moment que je n'ai rien publié ici. Mais ça va peut-être changer. Je travaille depuis quelque temps sur Angular/Material2 en TypeScript, et je pense que je commence à avoir une belle expérience dessus. Tout ce que j'ai fait est pour l'instant dans un cadre privé, sauf 2 projets :

• select2-component : un Select2 dont je me suis occupé d'améliorer la partie Angular et rendre l'élément compatible (graphiquement) avec un formulaire Material2.
• walkthrough : une sorte de guide logiciel pour Angular. Ça me permet d'expérimenter un projet complet avec support de repository NPM, etc. (désolé pour mon anglais tout pourri)

Maintenant, je me dis que mon prochain projet pourrait être avec cette techno. Et pourquoi pas essayer du nodeJS avec, mais je m'avance un peu vite. J'ai déjà beaucoup à faire sur un autre site qui reste assez minimaliste côté JS.