도쿄도 건축물 환경 계획서의 데이터로 물건 사이트를 만들어 봤어요.

나는 원래 이 집을 좋아했지만 도쿄도 건축물 환경계획서의 데이터가 좋아서 그것을 바탕으로 이 사이트를 만들었다.
생성:
https://placeof.app

개요

  • 도쿄도 건축물환경계획서의 홈페이지에 실린 물건 데이터를 일람화하여 조회하기 편리하도록 한다.
  • 상세 페이지에서도 국토수치 정보와 국토지리원 등의 지도 정보
  • 를 볼 수 있다
  • 집을 통과한 사람과 사는 사람이 투고할 수 있는 사진
  • 이 물건의 구조물의 규격정보, 지도정보, 거주편안정보를 조합하여 감각이 좋은 물건 사이트를 만들고 싶다
  • 도쿄도 건축물 환경 계획서?


    도쿄도의 신축 아파트 등 환경에 관한 정보가 공개되는 제도.원래는 환경 분야의 어떤 요구에 따라 만들어진 제도였지만 환경 분야든 다른 분야든 매우 상세한 주택 규격 정보를 실었다.
    도쿄도 건축물 환경 계획서 사이트:
    https://www7.kankyo.metro.tokyo.lg.jp/building/area_select.html
    이 정보에 익숙해지면 건축지'신건축'에 실린 물건의 규격 정보가 부족해진다. 정말 불가사의한 느낌!?그래서 나는 먼저 지도 정보와 이 데이터를 조합해서 보고 싶다.
    새 구성 정보의 예:
    https://data.shinkenchiku.online/articles/SK_2018_02_078-0/
    밀라노의'보스코 버티컬어'와 맨해튼의'원 맨해튼 스퀘어'등 세계적으로 유명한 주택 중개업소 홈페이지에도 주택 규격 정보가 자세히 기재되지 않았다.
    (참조)
    가장 좋아하는 사이트:
    https://www.jamesedition.com/real_estate/milano-italy/exclusive-apartment-inside-the-bosco-verticale-11290346
    가장 좋아하는 사이트:
    https://www.serhant.com/new_developments?tab=current&building_id=41

    프로비저닝


    Nuxt.js+Typerscript+Firestore로 만들었습니다.일단 정적 사이트이기 때문에 SSG가 만든 것을 Firebase Hosting(ISR 일을 하고 싶지만 잘 안 되면 클라우드 런으로 옮겨 SSR을 진행할 계획)이다.
    지도 정보는 OpenLayers에서 그려집니다.리플렛이랑 할 수 있는 거랑 많이 다르진 않지만 묘사 속도가 좀 빠른 것 같아.
    도쿄도에서 나온 데이터 취득 부분에는 GCP의 클라우드 태스크와 클라우드 펀션이 사용됐다.
    검색 부분은 n-gram 데이터로 Firestore를 사용합니다.만약 복잡한 총결산 조회를 사용하지 않는다면, 나는 지금 이렇게 하면 된다고 생각한다.검색 결과 수가 아쉬움을 표할 수는 없지만, 워낙 검색 결과 수가 많아서 기존 부동산 사이트도 사용하기 어려울 것 같아 당분간 좋다.

    덮어쓰다


    도쿄도데이터 디렉토리 열기에 데이터가 없어 일단 쓰레기 처리부터 했다.
    도쿄도의 서버에 부담을 주지 않기 위해 클라우드 타츠에 몇 분에 한 번 정도 뛸 수 있도록 설정해 클라우드 스토어를 확보하면 된다.
    세척 처리가 매우 번거롭기 때문에 같은 일을 해보고 싶은 사람이 있다면 모든 데이터를 먼저 얻는 것이 좋다고 생각합니다.

    지도 정보


    ↑에서 얻은 물건 데이터 주변의 지도 정보 상상tophap처럼 오픈레이어스로 위험지도 등을 표시했다.지도 페이지

    도로 정보


    이사 후 좋은 거리는 도로 보수의 느낌을 주기 때문에 주변의 도로 정보를 더욱 쉽게 볼 수 있도록 하고 싶다.
    https://qiita.com/frogcat/items/3d795c5cbe026c372bf4
    '지리원 지도 Vector(가칭) 실험 제공'의 데이터를 참고하여'도로의 방향'과'너비 3m 이상의 도로'등을 가시화하였다.개인적으로는'4m 이상의 길'이라는 데이터를 원하지만 여러 가지 일을 거쳤는데 3m 이상의 데이터만 있는 것 같다.
    어쨌든 이 사업을 통해 도로 정비 상황을 통해 그 자치체를 더 깊이 알게 된 느낌이다.나는 모르는 곳으로 이사할 때의 일을 가정해서 이것저것 방법을 생각해 보고 싶다.

    메이지 시기의 데이터


    국토지리원 자료를 보니'메이지 시대의 습지'이 재미있어 지도에도 추가됐다.
    이 지도 타일은 PNG 타일로 발송되며, 이벤트를 클릭할 때 정보를 팝업하기 위해 아래를 참고하여 추가 처리되었습니다.
    https://gsj-seamless.jp/labs/datapng/gridpngtile.html
    메이지 시절 수치가 그 도시를 엉뚱하게 설명해 주기 때문에 계속해서 다양한 메이지계 수치를 추가하려고 한다.

    용도 지역, 땅값, 학구


    용도지역, 땅값, 학군 등의 정보일람표를 보고 싶어'국토지도 정보 다운로드 서비스'에서 적절히 취득했다.그때 큰 도움이 된 건 이쪽 통합 DL 키트였어요.
    https://qiita.com/mits003/items/2c8c77514a09aee99cc0
    이 데이터를 타일 형식의github 페이지로 보내려면 다양한 가공 작업이 필요합니다.그러나 현지 맥은 하룻밤을 써도 끝내지 못해 몇 가지 실례를 빌려 다음과 같은 일을 했다.곰곰이 생각해보면 GCP에서 일하기 때문에 클라우드 스토어에 그대로 복사해서 그 공개 권한을 바꾸면 좋겠지만 잠시 이런 느낌을 받았습니다.
    //google cloud storageにコマンド一つでアクセスするためにもろもろ設定
    gcloud init
    
    //https://cloud.google.com/compute/docs/disks/local-ssd
    //ローカルSSDをマウント
    lsblk 
    sudo mkfs.ext4 -F /dev/nvme0n1
    sudo mkdir -p /mnt/disks/workspace
    sudo mount /dev/nvme0n1 /mnt/disks/workspace
    sudo chmod a+w /mnt/disks/workspace
    echo UUID=`sudo blkid -s UUID -o value /dev/disk/by-id/google-local-ssd-0` /mnt/disks/workspace ext4 discard,defaults,nofail 0 2 | sudo tee -a /etc/fsta
    b
    
    //必要なパッケージをインストール
    sudo apt-get update && sudo apt-get install git make g++ libsqlite3-dev zlib1g-dev python3-pip wget unzip libnss3
    
    //tippecanoneはローカルビルド
    git clone https://github.com/mapbox/tippecanoe.git
    cd tippecanoe
    make -j
    sudo make install
    
    //nodeインストール
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
    source ~/.bashrc
    nvm install v14.18.2 //ship2jsonのnodeのversionは16系だと動かなかった
    nvm use v14.18.2
    
    //ship2json 
    npm install -g shapefile
    
    //google cloud storageから国土数値情報のダウンロードファイルを持ってくる
    gsutil cp gs://{BUCKET_NAME}/{FILE_NAME} {OUT_PUT_DIR}
    
    //shapeファイルをgeojsonにする
    find . -name "~~*.shp" -print0 | xargs -0 -I {} shp2json --encoding SHIFT-JIS {} >> geojson/~~.geojson
    
    //geojsonからタイルを作る
    tippecanoe --drop-densest-as-needed --maximum-tile-bytes=10000000 --no-tile-compression -z19 -Z10 -e ${OUTPUT_DIR} -l ${LABEL} geojson/*.geojson
    
    //作ったタイルをgithubにpush
    for d in */ ; do
        for n in "$d"*; do
            echo "$n"
            git add "$n"
            git commit -m "$n"
            git push origin master
    	//git prune 
        done         
    done
    
    ElasticSearch라면 타일로 바로 배포할 수 있어 편리할 수 있습니다.https://qiita.com/Kanahiro/items/5a05baf4f8d1ebc5e2c2

    좋은 웹페이지 즐겨찾기