あゆ

IT・プログラミング

Render.comでDockerを使う方法

無料でサーバーとして使える便利なRenderですが、いろいろとカスタマイズする場合、Dockerを使うのが便利です。 RenderはDockerに対応していたので、そのメモです。 Dockerを使う方法 Dockerを使うのは非常に簡単で、...
IT・プログラミング

サーバー容量がひっ迫してきたときの対処法

サーバーの容量がひっ迫してくると、すぐに容量を把握し、不必要なファイルを削除する必要があります。ここでは、サーバーのディスク容量を効率的に管理するための便利なコマンドをいくつか紹介します。 1. ディスク使用量の確認 df -h ディスクの...
IT・プログラミング

Leafletで作成された地図ルートのKMLを出力するアプリ

多くのWebサイトで地図表示にLeafletというライブラリが使われています。 ここでは、そのLeafletで表示されたSVGパスのルート情報をKMLに書き出すアプリを作ったので、概要を紹介します。 構成 やり方はいろいろあると思いますが、...
IT・プログラミング

Gooogle ColaboratoryでSeleniumを使う方法

SeleniumはPythonでブラウザ操作の必要な処理を行う際に非常に便利なライブラリです。 ローカルで使用する場合は、PCにchrome driverなどをインストールして使えます。 今回は、GoogleColab上で使う場合の設定方法...
ブログ

WordPressの地図にKML/GPXのGPSルートファイルを表示する Google Drive

これまでの記事で、GPSルートを表示するテンプレートやショートコードを作成しました。 今回は、GoogleDriveなど外部に保存したGPSファイルにアクセスできるようにしたいと思います。 CORSエラー そのまま外部サイトに保存したファイ...
ブログ

WordPressの地図にKML/GPXのGPSルートファイルを表示する2

以下の記事では、GPSルートファイルをアップロードする形式で、表示する方法を紹介しました。 今回は、Wordpressのサーバー上にアップロード済みのファイルを表示するショートコードを作成したいと思います。 事前準備 表示したいファイルを事...
ブログ

WordPressの地図にKML/GPXのGPSルートファイルを表示する

WordPressで地図にKML/GPXファイルを表示する WordPressで、KMLやGPXファイルを地図上に表示する方法を紹介します。ここでは、Leafletを使用して地図を表示し、ファイルアップロードと地図の範囲調整を行うページテン...
IT・プログラミング

地図上のルート情報をKMLファイルに出力するPythonコード

Leafletを使って表示された ルートのサイトからKMLデータを取り出したかったので、そのPythonコードを書いてみました。 実行環境はGoogle Colabです。 SeleniumによるHTML取得 まずは、Seleniumで地図タ...
IT・プログラミング

Leafletで地図上にSVG要素を描画する方法

Leafletについて Leafletは簡単に地図を描画できるライブラリです。 詳しくはこちらで紹介しています。 今回は、このLeafletでSVG要素を描画する方法を紹介します。 L.SVG 以下のHTMLは東京駅と新宿駅にマークをし、2...
IT・プログラミング

簡単に地図を描画するライブラリLeafletの使い方

Leafletとは? Leafletは、インタラクティブな地図を作成するためのオープンソースのJavaScriptライブラリです。軽量で、高速な動作を誇り、簡単に使えるため、地図関連のアプリケーションやウェブサイトで広く使用されています。L...