IT・プログラミング Dual N Backアプリを作ってみた
概要 脳トレアプリとして有名なDual N Backをできる簡易アプリを作成してみました。 コード全体 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta...
IT・プログラミング
IT・プログラミング 
IT・プログラミング GASで画像ファイルをまとめてOCR処理しテキストを抽出する方法
この記事では、Google Apps Scriptを利用して、Google Drive内の画像ファイルにOCRを適用し、テキストを抽出する方法を説明します。 特に、手書きや印刷された文書が含まれる画像ファイルが多く、これらを自動的にテキスト...
IT・プログラミング GitHubで大きなファイルをプッシュしてしまったときの対処法
GitHubに誤って大きなファイルをプッシュしてしまうと、リポジトリの管理が煩雑になるだけでなく、GitHubのファイルサイズ制限（最大100MB）を超える場合はプッシュ自体が失敗することがあります。ここでは、大きなファイルをプッシュしてし...
IT・プログラミング Gooogle ColaboratoryでSeleniumを使う方法
SeleniumはPythonでブラウザ操作の必要な処理を行う際に非常に便利なライブラリです。 ローカルで使用する場合は、PCにchrome driverなどをインストールして使えます。 今回は、GoogleColab上で使う場合の設定方法...
IT・プログラミング Leafletで作成された地図ルートのKMLを出力するアプリ
多くのWebサイトで地図表示にLeafletというライブラリが使われています。 ここでは、そのLeafletで表示されたSVGパスのルート情報をKMLに書き出すアプリを作ったので、概要を紹介します。 構成 やり方はいろいろあると思いますが、...
IT・プログラミング サーバー容量がひっ迫してきたときの対処法
サーバーの容量がひっ迫してくると、すぐに容量を把握し、不必要なファイルを削除する必要があります。ここでは、サーバーのディスク容量を効率的に管理するための便利なコマンドをいくつか紹介します。 1. ディスク使用量の確認 df -h ディスクの...
IT・プログラミング Render.comでDockerを使う方法
無料でサーバーとして使える便利なRenderですが、いろいろとカスタマイズする場合、Dockerを使うのが便利です。 RenderはDockerに対応していたので、そのメモです。 Dockerを使う方法 Dockerを使うのは非常に簡単で、...
IT・プログラミング 簡単に地図を描画するライブラリLeafletの使い方
Leafletとは？ Leafletは、インタラクティブな地図を作成するためのオープンソースのJavaScriptライブラリです。軽量で、高速な動作を誇り、簡単に使えるため、地図関連のアプリケーションやウェブサイトで広く使用されています。L...
IT・プログラミング Leafletで地図上にSVG要素を描画する方法
Leafletについて Leafletは簡単に地図を描画できるライブラリです。 詳しくはこちらで紹介しています。 今回は、このLeafletでSVG要素を描画する方法を紹介します。 L.SVG 以下のHTMLは東京駅と新宿駅にマークをし、２...
IT・プログラミング 地図上のルート情報をKMLファイルに出力するPythonコード
Leafletを使って表示された ルートのサイトからKMLデータを取り出したかったので、そのPythonコードを書いてみました。 実行環境はGoogle Colabです。 SeleniumによるHTML取得 まずは、Seleniumで地図タ...