플로델 오픈 웨더 ap API와 야후로!지쿠다 API로 날씨 가젯 만들기

일본어 프로그래밍 언어인 "Prodel"을 사용하여 데스크톱 날씨 가젯을 만들어 보십시오.
이번에는 무료로 사용할 날씨 웹API와 야후 알고리즘 33!디코더 API를 사용하여 지정된 장소의 날씨를 표시하는 도구를 만들어 보세요.
이 도구의 제작을 통해 Prodel에서 WebAPI를 호출하거나 JSON 형식의 데이터를 처리하는 방법을 소개합니다.

또한 전문 델과 개발 환경의 사용 방법에 대해서는 매뉴얼를 보십시오.

사용할 WebAPI


날씨WebAPIOpenWeatherMap를 이용한다.
날씨를 조사하고 싶은 장소를 지정하여 지정한 URL을 방문하면 해당 장소의 날씨 정보를 얻을 수 있다.
날씨 정보를 얻으려면 계정을 등록할 때 발행하는 API 키가 필요합니다.
2017년 1월 현재는 무료 계좌를 등록해 발행하는 API 키를 사용해 현재 날씨, 기온, 5일 후 예보를 받을 수 있다.먼저 Sign Up에서 계정을 등록하십시오.(등록 후 API 키를 사용하는 데 10분 정도 소요됨)

전문 델에서 WebAPI 호출하기


WebAPI는 대부분 웹 브라우저와 웹 서버가 데이터를 전송할 때 사용하는 HTTP REST를 사용합니다.Open Weather map과 그 뒤에 나오는 Yahoo를 시도해 보세요!지음부호기 API는 HTTP REST의 GET 방법을 사용해도 정보를 얻을 수 있습니다.
전문 델에서는 HTTP REST의 GET 방법을 호출하여 HTTP 종류의 취득 절차를 사용해야 한다.

날씨를 조사하다


우선 Open Weather Map을 사용해 로마자로 기재된 지명에서 그곳의 현재 날씨를 조사하는 프로그램을 만들어 본다.
Open WeatherMap에서 묻는 결과는 JSON으로 표시됩니다.따라서 전문 델에서는'웹 관련 기능 플러그인(Twitter/JSON)'을 사용해 JSON 형식을 처리한다.
웹 연결 기능 플러그인에는 "JSON 형식"종류가 있습니다.이 기능을 사용하면 JSON 형식의 문자를 Prodel에서 처리할 수 있는 정렬 또는 사전으로 변환하여 프로그램에서 사용할 수 있습니다.
다음 방송에서는 신주쿠(Shinjuku,jp) 날씨를 얻었다.
신주쿠 지역의 날씨.rdr
「Produire.Web.dll」を利用する
「http://api.openweathermap.org/data/2.5/weather?q=Shinjuku,jp&units=metric&APPID=xxxxxxxxxxxxxxxxxxxxxxxxxxx」をHTTPで取得して内容とする
JSON形式として内容を読み取ってWとする
Wの「weather」の1の「main」を報告する
「天気:[Wの「weather」の1の「main」]」を報告する
「現在:[Wの「main」の「temp」]℃」を報告する
※ APPID = "xxx···"부분은 계좌 등록 시 우편이나 로그인 후 페이지에서 확인할 수 있는 APPID로 교체
날씨 정보는 사전 형식으로 W 변수에 저장된다.

또한 API에서 가져온 JSON 형식의 소스 파일을 컨텐츠 변수로 작성하여 볼 수 있습니다.
필요한 정보를 저장하는 위치는 Open Weather Map 문서를 보거나 Prodel 디자이너의'조사 창'을 보면 알 수 있다.마지막으로'조사창구'를 소개한다.

일기


오픈 웨더맵에서 받은 JSON 형식의 결과에는 기상 상태, 기온, 일출, 일몰 등의 정보가 적혀 있었다.
날씨의 상태는 영어로 표기하고 날씨 상태 번호로 쓰여 있다.영어 표기는 사용하기 어려워 일기 상태 번호에 맞는 일본어 설명을 먼저 만들고, 취득 후에는 일기 상태 번호에 맞는 일본어 표기로 날씨를 표시한다.
날씨상태번호와 일본어 날씨표시의 대응으로 Open Weather Map의 API 문서에 적힌 내용을 야후!번역 번역으로 만들었어요.
다음 프로그램에서는'날씨 표시'라는 사전을 미리 만들었다.
그리고 방금 W 변수에 저장된 날씨 상태 번호에서 대응하는 일본어 표시를 얻습니다.
일기rdr
天気表記を代入する
「天気:[天気表記(Wの「weather」の1の「main」)]」を報告する

天気表記を代入する手順
    天気表記={
    200=「小雨による雷雨」,201=「雨による雷雨」,202=「豪雨による雷雨」,210=「小さい雷雨」,211=「雷雨」,
    212=「激しい雷雨」,221=「ぼろぼろの雷雨」,230=「小さい霧雨による雷雨」,231=「霧雨による雷雨」,232=「ひどい霧雨による雷雨」,
    300=「光度霧雨」,301=「霧雨」,302=「ひどい強さ霧雨」,310=「光度霧雨雨」,311=「霧雨雨」,
    312=「ひどい強さ霧雨雨」,313=「シャワー雨と霧雨」,314=「ひどいシャワー雨と霧雨」,321=「シャワー霧雨」,
    500=「小雨」,501=「穏やかな雨」,502=「ひどい強さ雨」,503=「非常にひどい雨」,504=「最大の雨」,
    511=「凍るような雨」,520=「光度シャワー雨」,521=「シャワー雨」,522=「ひどい強さシャワー雨」,531=「ぼろぼろのシャワー雨」,
    600=「小雪」,601=「雪」,602=「大雪」,611=「みぞれ」,612=「シャワーみぞれ」,
    615=「小雨と雪」,616=「雨と雪」,620=「小さいシャワー雪」,621=「シャワー雪」,622=「ひどいシャワー雪」,
    701=「霧」,711=「煙」,721=「もや」,731=「砂、塵旋風」,741=「霧」,
    751=「砂」,761=「ちり」,762=「火山灰」,771=「スコール」,781=「竜巻」,
    800=「晴天」,801=「ほとんど雲でない」,802=「千切れ雲」,803=「壊れた雲」,804=「曇った雲」,
    900=「竜巻」,901=「熱帯低気圧」,902=「ハリケーン」,903=「寒冷」,904=「高温」,
    905=「風が強い」,906=「ひょう」,951=「落ちつき」,952=「軽風」,953=「軟風」,
    954=「和風」,955=「疾風」,956=「雄風」,957=「強風、強風」,958=「強風」,
    959=「厳しい強風」,960=「嵐」,961=「暴風」,962=「ハリケーン」
    }
終わり

주소에서 위도 경도를 찾다


Open WeatherMap에서는 날씨를 조사하고 싶은 곳을'Shinjuku, jp'와 같은 영문으로 표기된 지명인지, 위도 경도인지 지정해야 한다.
그래서 일본어 지명으로 날씨를 조사하고 싶은 곳을 지정할 수 있도록Yahoo!디코더 API 일본어로 표기된 지명에서 위도경도를 얻어 그 위도경도로 날씨를 조사해 보려고 한다.
Yahoo!디코더 API도 개발자 네트워크에서 미리 응용 프로그램 ID를 가져와야 합니다.내가 가져온 야후의 관점!테스트용응용 프로그램 등록 어플리케이션 ID를 ID로 확인하십시오.
다음 절차에서 낫창고시의 위도 경도를 얻다.
낫 창고의 위도 경도.rdr
「Produire.Web.dll」を利用する
住所は、「鎌倉」
「https://map.yahooapis.jp/geocode/V1/geoCoder?query=[住所]&appid=XXXXXXXXXXXXXXXXXXXX&output=json」をHTTPで取得して内容とする
JSON形式として内容を読み取ってGとする
Lは、Gの「Feature」の1の「Geometry」の「Coordinates」を「,」で区切ったもの
「緯度:[L(2)] 経度:[L(1)]」を報告する
실행하면 낫창고의 위도 경도가 표시됩니다.주소를 바꾸면 결과의 위도 경도도 바뀐다.

지정한 주소의 날씨를 찾다


위도 경도의 정보를 오픈 웨더맵 API에 전달하면 일본어가 지정한 곳의 날씨를 조사할 수 있다.
낫 창고 날씨.rdr
「Produire.Web.dll」を利用する
住所は、「鎌倉」
「https://map.yahooapis.jp/geocode/V1/geoCoder?query=[住所]&appid=XXXXXXXXXXXXXXXXXXXX&output=json」をHTTPで取得して内容とする
JSON形式として内容を読み取ってGとする
Lは、Gの「Feature」の1の「Geometry」の「Coordinates」を「,」で区切ったもの

「http://api.openweathermap.org/data/2.5/weather?lat=[L(2)]&lon=[L(1)]&units=metric&APPID=xxxxxxxxxxxxxxxxxxxxxxxxxxx」をHTTPで取得して内容とする
JSON形式として内容を読み取ってWとする
「天気:[Wの「weather」の1の「main」]」を報告する
「現在:[Wの「main」の「temp」]℃」を報告する

데스크톱 가젯 디자인


이어서 나는 실제적으로 날씨 도구를 만들고 싶다.
전문 델의 개발 환경인'전문 델 디자이너'에서는 스타일리스트를 통해 화면을 디자인할 수 있다.
여기에 날씨 아이콘을 나타내는'그림'부품과 지명, 날씨, 현재 기온을 나타내는'라벨'부품을 붙인다.

일기 도구.rdr
「Produire.Web.dll」を利用する
住所は、「京都」
天気表記を代入する
メイン画面を表示する
待機する

メイン画面とは
    ウィンドウを継承する
    はじめの手順
        初期化する
        ーー貼り付けた部品に対する操作をここに書きます
    終わり
    初期化する手順
    ーー自動生成された手順です。ここにプログラムを書き加えても消える場合があります
    この内部領域大きさを{284,260}に変える
    この内容を「現在の天気」に変える
    気温ラベルというラベルを作る
        その位置と大きさを{47,205,68,24}に変える
        その内容を「ラベル3」に変える
        そのフォントを「メイリオ,12」に変える
        その移動順を4に変える
        そのドラッグドロップを×に変える
    天気状態ラベルというラベルを作る
        その位置と大きさを{46,181,68,24}に変える
        その内容を「ラベル2」に変える
        そのフォントを「メイリオ,12」に変える
        その移動順を3に変える
        そのドラッグドロップを×に変える
    天気アイコンピクチャーというピクチャーを作る
    天気アイコンピクチャーを初期化開始する
        その位置と大きさを{79,36,120,120}に変える
        その自動調整を「拡大縮小」に変える
        その移動順を1に変える
        そのドラッグドロップを×に変える
    天気アイコンピクチャーを初期化終了する
    ラベル1というラベルを作る
        その位置と大きさを{28,9,68,24}に変える
        その内容を「ラベル1」に変える
        そのフォントを「メイリオ,12」に変える
        その移動順を2に変える
        そのドラッグドロップを×に変える
    終わり
終わり

날씨 정보 표시


창 설계가 끝나면 Open Weather Map API를 통해 얻은 결과를 개별 태그로 설정하는 프로그램을 만듭니다.
여기서 메인 화면을 열 때 가장 먼저 수행하는'열 때의 절차'를 만들어 주소, 날씨 상태, 기온을 각 라벨에 설정한다.
일기 도구.rdr
メイン画面とは
//・・・・・つづきに
    開いた時の手順
        「https://map.yahooapis.jp/geocode/V1/geoCoder?query=[住所]&appid=xxxxxxxxxxxxxxxxxxxxxxxxxxx&output=json」をHTTPで取得して内容とする
        JSON形式として内容を読み取ってGとする
        Lは、Gの「Feature」の1の「Geometry」の「Coordinates」を「,」で区切ったもの
        場所名=Gの「Feature」の1の「Name」
        住所ラベルの内容は、場所名

        「http://api.openweathermap.org/data/2.5/weather?lat=[L(2)]&lon=[L(1)]&units=metric&APPID=xxxxxxxxxxxxxxxxxxxxxxxxxxx」をHTTPで取得して内容とする
        JSON形式として内容を読み取ってWとする
        天気状態ラベルの内容は、「[天気表記(Wの「weather」の1の「id」)]」
        気温ラベルの内容は、「現在気温:[Wの「main」の「temp」]℃」
    終わり
終わり

날씨 아이콘 보이기


마지막으로 '그림' 위젯에 날씨 상태를 아이콘으로 표시합니다.
아이콘 이미지Open WeatherMap에서 미리 준비한 이미지를 사용합니다.
그림 위젯은 URL을 이미지 읽기 원본으로 직접 지정하고 날씨 정보에서 아이콘 이미지의 번호를 얻으며 이 번호에서 이미지를 만드는 URL을 만들 수 있습니다.그림 위젯의 열기 단계에 따라 표시할 그림의 URL을 지정합니다.
일기 도구.rdr
メイン画面とは
    開いた時の手順
        //・・・・・つづきに
        天気アイコンURLは、「http://openweathermap.org/img/w/[Wの「weather」の1の「icon」].png」
        天気アイコンピクチャーへ天気アイコンURLを開く
    終わり
終わり

날씨 소도구의 완성


상기'일기 도구.rddr'의 각 프로그램을 연결한 다음에 위에 적힌'일기표 대입 프로그램'을 프로그램의 끝에 더하면 일기 도구가 완성된다.

WebAPI 결과를 설계 분석하는 방법


Open Weather ap API와 Yahoo가 탄생했습니다!디코더 API의 결과에는 이번 사용 이외의 정보가 많이 포함되어 있다.
이 정보들의 뜻은 웹API의 공식 문서에 쓰여 있지만 전문적인 디자인으로 간단하게 훑어보는 것도 괜찮다고 생각합니다.
WebAPI 결과를 JSON 형식으로 읽기 단계로 읽으면 그 결과는 Prodel의 정렬 또는 사전 유형에 저장됩니다.
전문 디자이너 중에서는 수행 과정에서'조사창'을 통해 변수의 내용을 확인할 수 있고, JSON 형식의 결과를 읽는 것도'조사창'의 트리에서 확인할 수 있다.
읽은 행에 중지 행(F9)과 같은 일시 중지 프로그램을 설정하여 조사 창을 열면 다음 화면에서 WebAPI 결과를 확인할 수 있습니다.

총결산


이번에는 날씨 웹API를 호출해 결과를 얻었을 뿐만 아니라 데스크톱 소도구를 실제로 활용해 봤다.
현재 다양한 웹 서비스가 REST 형식의 웹API로 제공되고 있는데, 웹API를 이용하여 가볍고 편리한 도구를 만들어 보는 것이 어떨까.

좋은 웹페이지 즐겨찾기