[JAVA] J'ai créé une extension Chrome qui affiche un graphique sur la page Amedas

Extension "Amedos"

sks1.png

Chrome Web Store GitHub

Ce que tu peux faire

kako.png

Comment faire

Graphique: Chart.js

Chart.js | Open source HTML5 Charts for your website

Je l'ai utilisé pour dessiner un graphique.

Rechercher des données météorologiques passées: créer un tableau de correspondance

** Le numéro de la station Amedas et le code de la station pour la recherche des données météorologiques passées sont différents **, il était donc nécessaire de les associer.

Vous pouvez trouver le numéro de station à ce point à partir de l'URL de la page de données d'observation toutes les heures sur l'heure. La liste peut être téléchargée au format csv depuis Meteorological Agency | About Amedas.

D'autre part, comme il n'y a pas de mécanisme pour voir le code de la station de la recherche de données météorologiques passées dans la liste dans la mesure où j'ai cherché, j'ai fait la liste en ** grattant ** par Python.

Le code de l'observatoire est représenté par une combinaison de «prec_no» et «block_no». Agence météorologique | Recherche de données météorologiques passées Depuis la source, vous pouvez voir la liste de prec_no.

prec.png

Vous pouvez voir block_no à chaque lien.

block.png

J'ai fait une liste en grattant ces pages. J'ai utilisé Beautiful Soup pour gratter et l'ai opérée sur Jupyter Lab.

Beautiful Soup Documentation — Beautiful Soup 4.9.0 documentation

Après cela, la table de correspondance est complétée par une jonction interne des deux tables. Il y a deux clés, le bureau préfectoral de promotion et le nom de l'observatoire. Je l'ai sorti au format json et l'ai importé.

Raison et impression de faire

Mon hobby est de regarder les Amedas régulièrement, et surtout l'été dernier, les disques sont mis à jour pour que je ne me lasse jamais de les regarder. En regardant plusieurs fois la page Amedas et en la comparant avec la température d'hier et en voyant comment la température baisse quand il pleut, j'ai décidé de le faire parce que je pensais que ce serait plus intéressant s'il y avait un graphique. fait. Il existe également des sites tels que Japan Meteorological Association qui tracent des graphiques en utilisant les données de l'Agence météorologique, mais il vaut mieux les voir directement. J'ai pensé.

C'était presque la première fois que l'on touchait au javascript, sans parler de faire une extension d'un navigateur, mais c'était devenu un mécanisme pour en faire un simple très facilement. Quand il a été terminé, j'ai pensé que je le posterais sur Qiita pour la première fois, ce qui m'a également motivé. Le temps de production était de 13 heures sans travail d'application et temps de création d'article Qiita.

Site de référence

Web API | MDN

J'ai essayé de dessiner un graphique avec Chart.js --Qiita Belle soupe en 10 minutes - Qiita Scraping with JavaScript --HANAUTA INC. La création d'une extension Chrome minimale qui n'est pas exposée au monde extérieur peut être effectuée en moins d'une heure-Qiita

Recommended Posts

J'ai créé une extension Chrome qui affiche un graphique sur la page Amedas
J'ai créé une application Android qui affiche Google Map
J'ai créé un modèle de détection d'anomalies qui fonctionne sur iOS
J'ai fait un générateur de réseau neuronal qui fonctionne sur FPGA
[IOS] J'ai créé un widget qui affiche la tendance de Qiita dans Pythonista3. [Python]
Mémo qui a fait un graphique pour animer avec intrigue
J'ai créé un robot LINE qui envoie des images recommandées tous les jours à l'heure
J'ai créé un Linebot qui m'informe des sites d'évacuation à proximité sur AWS
[Python] J'ai créé un script qui coupe et colle automatiquement les fichiers du PC local sur un SSD externe.
J'ai fait un graphique de nombres aléatoires avec Numpy
J'ai créé une VM qui exécute OpenCV pour Python
J'ai créé un environnement Python3 sur Ubuntu avec direnv.
〇✕ J'ai fait un jeu
J'ai créé un installateur Ansible
Création d'une méthode pour sélectionner et visualiser automatiquement un graphique approprié pour les pandas DataFrame
Une histoire qui a trébuché lorsque j'ai créé un bot de chat avec Transformer
unixtime ← → J'ai essayé de créer une classe qui effectue facilement la conversion datetime
J'ai fait une putain d'application qui ne te laisse pas sauter
J'ai fait un modèle VGG16 en utilisant TensorFlow (en chemin)
J'ai fait une minuterie pomodoro dure qui fonctionne avec CUI
J'ai créé un plug-in qui peut faire "Daruma-san tombé" avec Minecraft
J'ai créé un robot Line qui devine le sexe et l'âge d'une personne à partir de l'image
J'ai créé un serveur Xubuntu.
J'ai fait un texte Python
J'ai fait un robot discord
J'ai essayé de créer un environnement serveur qui fonctionne sous Windows 10
J'ai fait un package qui peut comparer des analyseurs morphologiques avec Python
J'ai installé Taiga.IO sur CentOS7 (j'ai fait un script pendant que j'y étais)
J'ai créé un programme qui résout la recherche d'erreur en quelques secondes
J'ai créé un robot Twitter qui marmonne le Pokémon capturé par #PokemonGO
J'ai créé une IA qui recadre joliment une image en utilisant Saliency Map
[Python] J'ai créé une visionneuse d'images avec une fonction de tri simple.
J'ai fait un shuffle qui peut être réinitialisé (inversé) avec Python
J'ai fait une commande lo qui est plus utile que ls
J'ai fait un bot mou qui m'informe de la température
J'ai fait un programme qui calcule automatiquement le zodiaque avec tkinter
[python] J'ai créé une classe qui peut écrire rapidement une arborescence de fichiers
J'ai créé un script POST pour créer un problème sur Github et l'enregistrer dans le projet
[Python] J'ai créé un robot qui me dit la température actuelle lorsque j'entre un nom de lieu sur LINE