マガジンのカバー画像

プログラミング

13
シビックテックの活動の核となるプログラミングの記事をまとめています。
運営しているクリエイター

記事一覧

Googleスプレッドシートで逆ジオコーディングする方法

Googleスプレッドシートで逆ジオコーディングする方法

住所や場所から、位置情報に変換することを逆ジオコーディングと言います。

今回は、Googleスプレッドシートから逆ジオコーディングする方法を紹介します。

使用したAPI東京大学空間情報科学研究センターが提供する「CSVアドレスマッチングサービス」を使用させていただきました。

手順1.スプレッドシートを用意する。

2.変換元列を決める

↑の画像の場合だと、B列が該当します。

3.変換先列

もっとみる
タイルレイヤーのURLをまとめてみた!

タイルレイヤーのURLをまとめてみた!

WEBアプリでマップを載せる時に、xyzタイルやベクトルタイルを使うのですが、いつも配信するWEBサーバーのURLを忘れてしまって、探すのに苦労する、というお恥ずかしい話なのですが、せっかくなので、ここにまとめることにしました!

OpenStreetMap地理院地図国土地理院ベクトルタイル提供実験CARTOその他ここのサイトは超分かりやすかったです!

【JavaScript】配列の扱い方をまとめてみた!

【JavaScript】配列の扱い方をまとめてみた!

WEBアプリ開発において、JavaScriptで配列を扱うことが多いので、一通り、まとめてみた!

1. 配列の作成と要素の追加

// 配列の作成let arr = [];// 要素の追加arr.push(1); // [1]arr.push(2, 3); // [1, 2, 3]

2. 配列の要素にアクセス

let arr = [10, 20, 30];// インデックスで要

もっとみる
【GitHub Actionsでつまづいたことメモ】権限設定の変更を忘れないように!

【GitHub Actionsでつまづいたことメモ】権限設定の変更を忘れないように!

WEBでのスクレイピングに、自動化させるために、GitHub Actionsを使っています。

久しぶりに、設定しようとしたら、うまくいかず、エラーが出てつまづいたので、メモとして残します。

Unable to access : 403 Error403 Errorとなり、Denoのプログラムが権限で弾かれることに…

設定変更すれば、すぐに改善されました!

権限の設定変更デフォルトは、Rea

もっとみる
【Excel VBA】シートの連続コピー

【Excel VBA】シートの連続コピー

Excelを使っていて、こんなことはありませんか?

日々の受付件数を集計するブックを作成するのに、1日のシートと同じシートを2日〜31日まで、まとめて作成したい!

手動でやろうとすると、一つ目のシートを右クリックして、複写して、シート名を変えて…

はい、手間だと思います。

このVBAコードは、シートを一括で複写してくれます!

ソースコードSub Copy()Dim i As Intege

もっとみる
【JavaScript】fetchでスクレイピングして外部ドメインのデータを取得しよう!

【JavaScript】fetchでスクレイピングして外部ドメインのデータを取得しよう!

スクレイピングとは?
コロナ禍において、磨いていたスキルがあります。

スクレイピングと言われる技術です。

厚生労働省や内閣府が公開しているオープンデータを取得することで、僕の開発しているアプリに組み込むようにしていました。

この場合、自分のWEBサーバーから外部のWEBサーバーにアクセスし、情報を取得していることになります。

クロスドメインの制約
通常、これはクロスドメインの制約により、不

もっとみる
Denoって知ってますか?

Denoって知ってますか?

Denoの誕生した背景あなたは、Deno(ディノ)を知っていますか?

Denoは、Node.jsを開発したRyan Dahlさんによって作られたV8 JavaScriptエンジンをベースとしたJavaScript/TypeScriptランタイムです。

Ryan Dahlさんは、JSConf EU 2018において「Node.jsに関する10の反省点」を言及しました。以下はその時の講演動画です。

もっとみる
Denoで外部ドメインのCSVファイルをJSONファイルに変換する

Denoで外部ドメインのCSVファイルをJSONファイルに変換する

今日は、外部ドメインのCSVファイルをJSONファイルに変換する作業をやってみます。

なぜ、このスキルが必要なのか?

国、自治体のオープンデータでJSONファイルを提供されているときは、クライアントサイドのJavaScriptからfetchで情報を取得することは容易です。ただし、現状、JSONファイルで提供されているデータはほんの僅かです。

行政機関もCSVファイルだと提供しやすい(PDFが

もっとみる
マークダウン記法をまとめてみた!

マークダウン記法をまとめてみた!

GitHubのReadMeやHugoでブログを書くときなど、マークダウンの記述をするときがあるので、よく使うものを覚え書きしてみる。(ちなみにnoteもマークダウン対応しています。)

見出し# 見出し1## 見出し2### 見出し3

番号付きリスト1. リスト1    1. リスト1_1    1. リスト1_21. リスト2

引用> Hello, World!> > こんにちは、ひとしです

もっとみる
【JavaScript】fetchで外部ドメインのXMLファイルを取得する

【JavaScript】fetchで外部ドメインのXMLファイルを取得する

今回はfetchを使って、外部ドメインのXMLファイルを取得してみます。

以前の記事は↓こちら

JSONファイルの時は、fetchで読み込んでjson()でパース(解析)すれば簡単に取得できました。

なるほど!XMLファイルだから、おそらくxml()でパースすれば•••

って、できんのかい!!!汗

text()やjson()はありますが、xml()はない模様。ちょっと、つまずいたのでNo

もっとみる
モーダルウィンドウを実装できるAPIを作ってみた!(jQuery不要)

モーダルウィンドウを実装できるAPIを作ってみた!(jQuery不要)

モーダルウィンドウとは?WEBアプリを開発する上で、ポップアップ画面をお洒落に表示しようと思うと、使用したくなるのが、モーダルウィンドウ!

具体的には、以下のような画面のことです↓

今まで、開発する度にCSSやらJavaScriptやらを書いていたのですが、手間だなと思ったので、CDNで配信しちゃいました。

使い方1.CDN読み込み

<link rel="stylesheet" href=

もっとみる
【python】CSVからgeoJSONファイルに変換する

【python】CSVからgeoJSONファイルに変換する

CSVファイルを地図に載せたいなと思っていたのですが、ネットだと色々な変換サービスだったり、QGISを使えばできると思います。

それぞれのサービスを立ち上げるのが面倒(ごめんなさい!汗)な性格な僕にとって、簡単に変換するツールが作れないかと思いまして、開発してみました。

ソースコードimport csvimport jsonimport os# ファイル名を取得filepath = "./to

もっとみる
富士山の3Dビューで躓いたので、まとめてみる

富士山の3Dビューで躓いたので、まとめてみる

QGISを用いて、富士山の3Dビューを作ろうと思ったけど、データのダウンロードや操作方法を間違えると上手くいかないことが分かったので、まとめてみる。

データのダウンロード基盤地図情報から、DEMファイルをダウンロードする。真ん中の数値標高モデルを選択する。

山なので等高線が知りたい。よって、10mメッシュの地形図の等高線を選択する。

地図上でメッシュを選択する。富士山を探して、今回は4つのD

もっとみる