<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Ayame.O on Medium]]></title>
        <description><![CDATA[Stories by Ayame.O on Medium]]></description>
        <link>https://medium.com/@ayame-o-13?source=rss-b4a6d6b116a9------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*hiCP2JjeJSs-f5uV0i18pw@2x.jpeg</url>
            <title>Stories by Ayame.O on Medium</title>
            <link>https://medium.com/@ayame-o-13?source=rss-b4a6d6b116a9------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 07:17:24 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@ayame-o-13/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[それってあなたの感想ですよね？をなくす統計の重要性]]></title>
            <link>https://ayame-o-13.medium.com/%E3%81%9D%E3%82%8C%E3%81%A3%E3%81%A6%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E6%84%9F%E6%83%B3%E3%81%A7%E3%81%99%E3%82%88%E3%81%AD-%E3%82%92%E3%81%AA%E3%81%8F%E3%81%99%E7%B5%B1%E8%A8%88%E3%81%AE%E9%87%8D%E8%A6%81%E6%80%A7-d101f6f5fb60?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/d101f6f5fb60</guid>
            <category><![CDATA[logical-thinking]]></category>
            <category><![CDATA[statistics]]></category>
            <category><![CDATA[data-analysis]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Tue, 05 May 2026 12:38:30 GMT</pubDate>
            <atom:updated>2026-05-05T12:38:30.628Z</atom:updated>
            <content:encoded><![CDATA[<h3>SNS上の「見える世界」には大きな偏りがある</h3><p>現代において、SNS上で我々が見ている世界は<br><strong>現実とかけ離れている</strong>という事態がしばしば発生する。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zNlUrzOKapC56MYxQ6S3hQ.avif" /></figure><p>その理由は大きく2つある。</p><p>１つ目はフィルターバブル現象について。<br>これはSNS上に表示される投稿が、<strong>自分の興味に最適化される</strong>というものだ。</p><p>SNSのアルゴリズムが、ユーザーの過去の行動（いいね、閲覧履歴など）から好みを分析し、ユーザーの注目を浴びる情報を優先的に表示する。</p><p>２つ目は、エコーチェンバーについて。<br>こちらはユーザーの心理が大きく起因している。</p><p>似た興味関心を持つ<strong>閉鎖的なコミュニティ</strong>の中で、自分と同じ意見を持つユーザー間でのみ情報交換が行われ、<strong>特定の主張が増幅される</strong>という現象だ。</p><p>他にも、SNS利用者自体が均質ではないという<strong>母集団の偏り</strong>もある。</p><p>これらが引き起こす見える情報の偏りは、捉え方を誤ると非常に危険だ。</p><h3>そもそも人間は主観的な生き物である</h3><p>「実際のところ人は感情をもとに判断を下し、その後で論理的な理由を探す」という心理学の有名な法則がある。</p><p>どうやら我々の脳は、主観的に判断するよう進化してきたらしい。</p><p>判断において、正確さより早さを優先した結果、このような脳の作りになったと思われる。</p><p>では、どうやって人間は客観的に物事を判断しているのだろうか？</p><p>読者の頭にもいくつか思い浮かぶものがあると思うが、世の中には、1個人の主観で決められないことに溢れている。</p><h3><strong>データを見て、統計的手法を用いる</strong></h3><p>「それってあなたの感想ですよね？」<br>というひろゆき氏の発言から、主にネット上で流行ったこのフレーズ。</p><p>この発言の意図は、相手の意見や主張が主観的な「感想」であり、客観的な根拠に欠けることを指摘している。</p><p>これに対抗する最も再現性のある手法が、データを見て、<strong>統計的に優位であることを証明する</strong>だ。</p><p>まずデータ(数値)を見るだけで、おおよその規模感がわかる。</p><h4>■アイスクリーム屋の売上の話</h4><p>ある日、バイトのAさんが言います。<br>A「昨日、めっちゃお客さん来てました！アイスが大人気です！」</p><p>さらにバイトのBさんは言います。<br>B「いや、そんなに来てないですよ。私の感覚では普通でしたよ」</p><p>このように時に人の感想は異なる。</p><p><strong>◆ ① まずデータ(数字)を見る</strong><br>・昨日の来店客数： 120人<br>・過去1ヶ月の平均： 100人<br>・標準偏差： ±15人</p><p>これだけで…<br>120人は「まあまあ多いけど、めっちゃ多いとは言えない（平均＋20人なので、ざっくり1.3σ）</p><p>Aさんの「めっちゃ多い」は誇張、<br>Bさんの「普通」はちょっと控えめ。<br>と実態が即座にわかる。</p><p><strong>◆ ② 検定を行い、統計的に有意か検証する</strong><br>t検定を始め、様々な検定が存在するが、<br>ここでは検定を通して、<strong>統計的に有意である</strong><br>🟰偶然だけで起きたとは考えにくい</p><p>を証明することができる。</p><blockquote>ここで注意したいよくある誤解<br>❌ 有意＝重要<br>❌ 有意＝大きな効果<br>❌ 有意＝経営判断に使える</blockquote><p>有意性は「偶然ではなさそう」というだけで、<br>ビジネスの現場では<strong>効果量の大きさや経済的インパクト</strong>を見る方が重要な場合がよくあるということを添えておく。</p><h3>これから社会人になる学生に向けて</h3><h4>初めて論文(卒論)を書く学生へ</h4><p>論文において、以下のような結論の書き方は多くの指摘をもらうだろう。</p><blockquote>この施策をやってみたが効果があった</blockquote><p>まるで感想のようなこの文章は、<br>具体的にどこが悪いのかまとめてみた。</p><p>■考えられる指摘事項<br>1️⃣ 何がどれくらい増えたのか不明<br>2️⃣ 比較対象が不明<br>3️⃣ 偶然の可能性が排除されていない<br>4️⃣ 再現性がない</p><p>上記の場合、理想的な論文の結論は以下のようになる。主観を除いて統計を用いる。</p><blockquote>本施策を初めて実施した今年の売上は、過去5年間の平均より〇〇円多く、対応のないt検定の結果、有意水準5%で統計的に有意な増加が認められた（p &lt; 0.05）。</blockquote><p>特に文系の学生においては、なかなか授業で統計学を学ぶ機会が少ないかと思う。</p><p>しかし統計学は文系・理系問わず<br>皆んなが学ぶべき領域だと私は思っている。</p><p>なぜなら、<strong>統計学は最強の学問</strong>だから。<br>本ブログのタイトル「それってあなたの感想ですよね？」にも対抗できる。</p><h4>これから社会人になる学生へ</h4><p>会社員になると年初に目標を立てろ！<br>と指示を受けて、今期のKGIやKPIというものを考えねばならぬ時がある。</p><p>そんな時に「仕事を一生懸命頑張る」みたいなKPIを書くと、おそらく上司から総攻撃を受けるだろう。</p><p>でも大丈夫。<br>実際のところ、<strong>このように書く大人は世の中に沢山いる</strong>。</p><p>そこであなたが新人には珍しい非の打ち所がないKPIを設定したら、上司から一目置かれるはずだ。</p><p>ちなみに会社員が立てるKPIのサンプルは、職種や職位ごとにたくさんネット上に転がっている。</p><p>会社では年初の目標だけでなく、<br>日々の進捗報告からプロジェクトの最終報告など、ほとんどの場面で主観ではなく定量的な報告が求めらる。</p><h4>統計学のおすすめの教材をご紹介</h4><p>最後に個人的にわかりやすくて、芯をついてると思った教材を紹介する。</p><p>①YouTube「ヨビノリ」<br>[確率統計シリーズ](<a href="https://youtube.com/playlist?list=PLDJfzGjtVLHmx7qMP410-9gx0weC9d90X&amp;si=WUdOzhmnYCCyAMb8">https://youtube.com/playlist?list=PLDJfzGjtVLHmx7qMP410-9gx0weC9d90X&amp;si=WUdOzhmnYCCyAMb8</a>)</p><p>②栗原伸一（著）入門 統計学 第2版<br>こちらは論文のテーマを決めたら、ぜひ一読をおすすめしたい。どんな方法でデータを収集すべきかを事前に知ることができる。</p><p>統計的手法を用いて、物事を論じられるようになると社会に出ても多くの場面で活躍します。</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=d101f6f5fb60" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[地図で人道支援？HOTというコミュニティのご紹介]]></title>
            <link>https://ayame-o-13.medium.com/%E5%9C%B0%E5%9B%B3%E3%81%A7%E4%BA%BA%E9%81%93%E6%94%AF%E6%8F%B4-hot%E3%81%A8%E3%81%84%E3%81%86%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3%E3%81%AE%E3%81%94%E7%B4%B9%E4%BB%8B-de1e54b4a7f6?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/de1e54b4a7f6</guid>
            <category><![CDATA[openstreetmap]]></category>
            <category><![CDATA[humanitarian]]></category>
            <category><![CDATA[mapping]]></category>
            <category><![CDATA[maps]]></category>
            <category><![CDATA[open-data]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Mon, 01 Dec 2025 11:15:31 GMT</pubDate>
            <atom:updated>2025-12-01T11:15:31.791Z</atom:updated>
            <content:encoded><![CDATA[<h3>地図データはすべての人に届くべきだ</h3><p>私たちは当たり前に地図を日常で使っている。</p><p>「ここから最寄り駅まで、徒歩何分かな」<br>「あの場所までどの経路が最適かな」</p><p>もし自分の暮らす町の地図データがなかったら、<br>もし初めて行く異国の地の地図データがなかったら、<br><strong>私たちはどこまで遠くに出かけること</strong>ができるだろう。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Hq1v_siBhTogqfcZ" /></figure><h3>誰でも自由に使えるオープンな地図は当たり前ではない</h3><p>その昔、地図というものは国家や権力者によって厳しく管理され、軍事・商業上の機密情報として扱われていた時代があった。</p><p>国内の有名な話で、<br>伊能忠敬らが作った初めての日本地図「大日本沿海輿地全図」（通称「伊能図」）は当初、幕府の機密情報として管理され、一般人に公開されていなかった。</p><p>もちろんそれは軍事的な理由からだ。</p><p>しかし皆さんもご存知の通り<br>現在では公共の利益が重視されて、技術の発展と共に、地図データや衛星写真は広く一般に公開されるようになった。</p><p>その中でも自由でオープンな地図の代名詞が「<strong>OpenStreetMap</strong>」だ。<br>2004年に作られた本地図は、Wikipediaに以下の通り紹介されている。</p><p>「<a href="https://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%97">オープンストリートマップ</a>（英語: OpenStreetMap、OSM）は、自由に利用でき、なおかつ編集機能のある世界地図を作る<strong>オープンコラボレーションプロジェクト</strong>である。地図データはオープンデータベースライセンス（ODbL）1.0のもと再利用可能である」</p><h3>多くの民間地図は独占的である</h3><p>多くのユーザーがいるGoogleマップについて、<br>ここで少しOpenStreetMapとの違いに触れておきたい。</p><p>Googleマップは、データがGoogleによって独占的に管理されており、地図データの利用に関してはライセンスや著作権の制約がある。</p><p>つまり大きな違いとしては、<strong>データへのアクセスが制限される</strong>こと、<strong>商用利用には料金が発生する</strong>ことだ。</p><p>一方で、OpenStreetMapは、世界中の有志（マッパー）が地図データを共同で作成・編集し、コミュニティの力で地図が作られている。</p><p>さらに地図データの利用、改変、再配布は誰にでも許可されており、商用利用も無料で、多くの企業がOSMのデータを活用している。</p><p>一世をふうびしたポケモンGOなどの位置情報ゲームの背景地図としても、OpenStreetMapは広く使われている。</p><h3>Humanitarian OpenStreetMap Team</h3><p>Humanitarian OpenStreetMap Teams（通称、<strong>HOT</strong>）は、大規模災害や紛争が発生した際、オープンでフリーな地図であるOpenStreetMapを活用して、<strong>被災地の地図作成を支援する国際的なコミュニティ</strong>である。</p><p>被災地の迅速な地図作成を通して、救助活動に必要な情報を提供する。</p><p><strong>マッピングを通じて、間接的に人々の命を救うことに貢献する</strong>と言っても過言ではない、とても意義のある活動だ。</p><p>日本ではあまり実感が湧きにくいのだが、世界にはまだまだ地図データが不足している地域が多く存在する。<br>災害発生リスクが高く、データが不足しているエリアを事前にマッピングすることもある。</p><h4>被災地の地図データが整備されるって、そんなに大切なことなの？</h4><p>そんな疑問が湧くのも当然だ。</p><p>18歳からHOTのコミュニティ活動の一環である被災地のマッピングを行ってきた私も、過去に何度か、このような疑問を抱いたことがあった。</p><p>現にこの記事を見ている多くの人は、実際にコンゴ民主共和国の難民キャンプまで物資を届けたり、ハイチやネパールでの大地震後、即座に現地救護へ出向いていない。</p><p>しかしこれらの救助活動を実際に行う<strong>国境なき医師団</strong>や<strong>赤十字社</strong>から、<strong>HOTが作成した被災地の地図データは大いに役立った</strong>との声をもらっている。</p><p>考えてみて欲しい。<br>異国の僻地でネットも繋がらない、最適な経路なんて誰も知らない、現地の被害状況が正確にわからない。</p><p>そんな状況下で、<br>「地図を紙に印刷することは著作権違反です」<br>「データは当社が一元管理しており、対象エリアの地図データは20年前のものです」<br>なんていう民間の地図を頼りにできるだろうか。</p><h3>HOTのコミュニティについて</h3><p>Humanitarian OpenStreetMap Team（HOT）の成り立ちは、2010年のハイチ地震まで遡る。</p><p>2010年1月、ハイチで大地震が発生した時、世界中のOpenStreetMapのマッパーがオンラインで集まり、被災地の地図を迅速に作成した。<br>そしてこの地図データが、援助活動を行う団体にとって重要な情報源となったのである。</p><p>ハイチでの成功を受けて、ボランティアグループは同年8月に「Humanitarian OpenStreetMap Team」として米国の非営利団体（NPO）として正式に組織化された。</p><p>設立から15年の月日が経った現在、<a href="https://www.hotosm.org/our-work">マッピングされたエリアは世界中に拡大している</a>。</p><p><a href="https://www.hotosm.org/hots-vision-and-values.html">HOTのビジョン</a>は以下の通り、オープンな地図データが利用できること、そして誰もがアクセスでき、かつ貢献できることを掲げている。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WsjW2J2VszjXmgRooB-Mtw.png" /></figure><h3>私も地図で人道支援したい！</h3><p>もしこの記事を読んで、<br>少しでもそんな気持ちが沸いてくれたならば<br>一緒にマッピングしよう！HOTコミュニティの仲間になろう！</p><p>初めてOpenStreetMap編集をする人は、<a href="https://learnosm.org/ja/hot-tips/">OSMビギナーズガイド</a>を参考にしたり、OpenStreetMap Japanコミュニティのメンバーが営むマッピングパーティに参加することでマッピングスキルを向上できる。</p><p>既にマッパーの方はぜひこの機会に一度、HOTの<a href="https://tasks.hotosm.org/explore?omitMapResults=1">Tasking Manager</a>から地図で人道支援を行うという最初の一歩を踏み出してみて欲しい。</p><p>パソコン1台さえあれば、自分のスキルを生かして国際的な人道支援に協力できる。</p><p>そんな素敵な体験を通して、世界で最もオープンでフリーな地図データの作成・普及に貢献してくれる仲間を心より待っている。</p><blockquote>投稿者: HOT Voting member, Ayame Otsuki<br><a href="https://www.hotosm.org/people/ayame-otsuki/">https://www.hotosm.org/people/ayame-otsuki/</a></blockquote><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=de1e54b4a7f6" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[画像解析で予測精度を上げる方法まとめ]]></title>
            <link>https://ayame-o-13.medium.com/%E7%94%BB%E5%83%8F%E8%A7%A3%E6%9E%90%E3%81%A7%E4%BA%88%E6%B8%AC%E7%B2%BE%E5%BA%A6%E3%82%92%E4%B8%8A%E3%81%92%E3%82%8B%E6%96%B9%E6%B3%95%E3%81%BE%E3%81%A8%E3%82%81-e89b2d3cbe7e?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/e89b2d3cbe7e</guid>
            <category><![CDATA[image-classification]]></category>
            <category><![CDATA[deep-learning]]></category>
            <category><![CDATA[ai]]></category>
            <category><![CDATA[neural-networks]]></category>
            <category><![CDATA[data-analysis]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Thu, 01 May 2025 12:46:46 GMT</pubDate>
            <atom:updated>2025-05-01T12:49:58.310Z</atom:updated>
            <content:encoded><![CDATA[<h3>汎化性能とは</h3><p>汎化性能とは未知のデータに対する予測性能のこと。</p><p>モデル構築では訓練データだけでなく、未知のデータに対する予測精度が重要だ。</p><p>モデルが訓練データに過剰に適合してしまうと、かえって未知のデータに対する予測精度が落ちてしまうことがある。いわゆる<strong>過学習</strong>だ。</p><p>本記事では、画像解析において</p><p>予測精度および汎化性能を上げる一般的な方法を以下にまとめる。</p><h3>①データ分割</h3><p>最もスタンダードな方法がまず「データの分割」することだ。</p><p>元データを<strong>学習用</strong>と<strong>評価用</strong>を２つのデータセットに分けて、評価用データを擬似的に未知のデータとする手法だ。</p><p>モデル作成用にはこの学習データだけ用いて、評価用データは精度を評価するためだけに利用する。</p><p>一般的には学習用データが7〜8割で、評価用データが2〜3割程度。</p><h3>②データ拡張</h3><p>そもそも元データのバリエーションが少ない場合は、データ拡張（Data Augmentation）が有効的だ。</p><p>データ拡張とは例えば、元の画像を回転、反転、リサイズ、変形、切り取りすることでデータのパターンを増やすといった手法だ。</p><p><strong>様々なパターンの画像</strong>を利用して学習することで、モデルの精度向上が見込める。</p><h3>③誤差と評価指標の算出</h3><p>精度を示す指標として<strong>損失関数</strong>(誤差関数)を用いて、モデルが出力した結果と実際の答えの誤差を測る。</p><p>未知のデータに対するモデルの誤差（損失関数を利用して算出される値）を小さくしていくことが、今回のメイントピックと言える。</p><p>また誤差が小さくても、正解率が悪ければ精度の高いモデルとは言えない。</p><p>モデルの予測精度を確認するときは、誤差の大きさと、<strong>評価関数</strong>を用いて正解率なども一緒に確認することが重要である。</p><p>なおそれぞれ算出した誤差の大きや評価の値を縦軸に、繰り返した回数を横軸とった曲線を学習曲線と言い、精度の可視化において最も一般的な方法だ。</p><p>【代表的な損失関数】</p><ul><li>回帰　：MSE（二乗誤差）</li><li>２値分類：Binary Cross Entropy</li><li>３値以上の分類：Categorical Cross Entropy</li></ul><p>【代表的な評価関数】</p><ul><li>正解率：Accuracy</li><li>適合率：Precision</li><li>再現率：Recall</li><li>F値</li></ul><h3>④活性化関数の選択</h3><p>ニューラルネットワークでは複数のニューロンから、あるニューロンへの入力は全結合などの線形変換処理によって1つの数値にまとめられる。</p><p><strong>活性化関数</strong>(Activation function)は、その値(あるニューロンにおける入力の合計)から次のニューロンへ値を出力する時に「どのような値にするか」を決定する関数で、非線形な関数とすることが多い。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/700/1*XDTNQR18wkl-HonMxoCAKA@2x.jpeg" /></figure><p>作成するモデルにおいて、どの活性化関数を選ぶかは、学習の効率化やタスクに適した出力を得るために非常に重要である。</p><p>【代表的な活性化間数】</p><ul><li>ステップ関数</li><li>シグモイド関数</li><li>ReLU関数</li><li>ソフトマックス関数</li></ul><h3>⑤層の追加</h3><p>ニューラルネットワークのうち、中間層が２つ以上のものをディープラーニング(深層学習)と呼ぶ。</p><p>そして一般的に層を深くすることでより表現力の高いモデルが作れると言われてる。</p><p>CNNの層を追加する時は、畳み込み層とプーリング層を順に追加する。</p><h3>⑥オプティマイザーの選択</h3><p>オプティマイザー(最適化アルゴリズム)は、モデルの収束具合を最適化させるための関数で、様々な種類がある。</p><p>代表的な<strong>勾配降下法</strong>というオプティマイザーは、目的となる関数を最小化(最大化)するパラメータを探索する手法である。しかし欠点として、試行を繰り返して最適値を探索するため、パラメータが多いと計算に時間がかかってしまう。</p><p>【勾配降下法の式】</p><pre>更新後の値　＝ 更新前の値 – 学習率(0~1の値) × 勾配の値</pre><p>【代表的なオプティマイザー】</p><ul><li>最急降下法(GD)</li><li>確率的勾配降下法(SGD)</li><li>ミニバッチ確率的勾配降下法</li><li>Momentum</li><li>AdaGrab</li><li>Adam</li></ul><h3>⑦学習率の調整</h3><p>モデルにおいて、学習率は<strong>モデルの収束に大きく関係</strong>する。</p><p>学習率とは各パラメータを変更させる幅のことで、ハイパーパラメータとも呼ばれる。</p><p>学習率は手動で設定する必要があり、この学習率を調整することがモデルチューニングでは重要となる。</p><p>学習率を高くしすぎると収束しなくなり、学習率を低くしすぎると収束までに膨大な時間がかかってしまうため、適切な値を探す必要がある。</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e89b2d3cbe7e" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[データ分析がもたらす価値を考えてみた]]></title>
            <link>https://ayame-o-13.medium.com/%E3%83%87%E3%83%BC%E3%82%BF%E5%88%86%E6%9E%90%E3%81%8C%E3%82%82%E3%81%9F%E3%82%89%E3%81%99%E4%BE%A1%E5%80%A4%E3%82%92%E8%80%83%E3%81%88%E3%81%A6%E3%81%BF%E3%81%9F-1c2f18724c8e?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/1c2f18724c8e</guid>
            <category><![CDATA[data-driven]]></category>
            <category><![CDATA[data-science]]></category>
            <category><![CDATA[data]]></category>
            <category><![CDATA[open-data]]></category>
            <category><![CDATA[data-analysis]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Sun, 15 Dec 2024 10:26:57 GMT</pubDate>
            <atom:updated>2024-12-15T10:33:34.363Z</atom:updated>
            <content:encoded><![CDATA[<p><strong>データ分析</strong></p><p>それは収集した大量の情報から、</p><p>人間が解読可能なよう情報を要約する行為だ。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/752/1*_7X5M9gYDm_1y7LpGlE_bA@2x.jpeg" /></figure><h3>思い込みを捨てて事実を見よう</h3><p>私は現在、データ分析を生業にしている。</p><p>正確にはデータサイエンティストという職業になるので、システム周りを担当することもある。</p><p>この仕事を志したきっかけに「<strong>FACTFULNESS</strong>」という本が大きく影響している。</p><p>この本のタイトル、ファクトフルネスとは「先入観や思い込みを捨てて、事実(データ)に基づいて世界を見よう」と言う意味で、</p><p>著者のハンス・ロスリング氏が作った造語だ。</p><p>話が少し脱線するが、このハンス氏は本当に愉快でおもしろいひとだ。彼の<a href="https://youtu.be/hVimVzgtD6w?si=-WZ_yKN0QH9hgoq9">TEDトークの演説</a>は最高なのでぜひ見てみてほしい。</p><p>たとえ高学歴な人でも先入観があり、世界の真実に関する簡単なクイズに対して<strong>チンパンジー以下</strong>の正答率だと笑って語るシーンが私のお気に入りだ。</p><p>この本からは本当に多くを学んだ。</p><p>特に以下の2点は常に私の心に残っている。</p><p>•<strong>データを基に事実を捉えることの重要性</strong></p><p>•<strong>先入観や思い込みで物事を捉えることの危険性</strong></p><p>人間が抱える思い込みは、ときに本能からきてしまうことがあり非常に厄介だ。</p><h3>世界人口のうち極度の貧困にある人は何割か？</h3><p>ここで１つ具体例をあげよう。</p><p>&lt;質問&gt;</p><p>世界の人口のうち、極度の貧困にある人の割合は、過去20年間でどう変わっただろうか？</p><p>A. 約2倍になった</p><p>B. あまり変わっていない</p><p>C. 半分になった</p><p>この問いの答えは、本ブログの1番下に書いた。</p><p>ここでは人間のネガティブ本能がかき立てられ、不正解者が多く見られる。</p><p>それはまさにテレビ番組でショッキングなトピックを扱うと視聴率が良くなるので、そのような内容ばかり報道するこの世の中が証明している。</p><p>それらのニュースや記事やテレビ番組を視聴することで、我々人間はいとも簡単に<strong>世界は悪くなっている</strong>と勘違いしてしまうのだ。</p><h3>データが真実を教えてくれる</h3><p>データ分析をしていると、しばしばよく期待を裏切られる。</p><p>もちろんそれは良いことだ。</p><p>絶対にこれが原因だ！って思っていたのだが、データはそれを物語っていない。</p><p>むしろ別の(本来の)原因を教えてくれたりする。</p><p>その瞬間、私は「またやられた！」と楽しくなってしまう。なぜならそれは自分の思い込みに気づくことができた証拠だから。</p><p>この思想には、知ったかぶりもプライドも忖度も何も役に立たない。</p><p>だからこそ「<strong>曇りなき眼</strong>」で見定めることができるのだ。</p><p>※曇りなき眼はもののけ姫に出てくる言葉です。</p><h3>数字は嘘をつかないが嘘つきは数字を使う</h3><p>データ分析には注意点がある。</p><p>それは都合の良いデータだけを選んだり、グラフの目盛りを操作して過大評価を得ようとする輩がいると言うことだ。</p><p>時には無知がゆえに、悪気なくやってしまう人もいるのでさらに注意が必要だ。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/335/1*KPo52xJg-3BXYeK-1yyPyg@2x.jpeg" /></figure><p><a href="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/397581/72c4f9da-a76c-2ae4-e7f1-ba6a9832cb0e.jpeg">こちら</a>の記事の画像です。</p><p>このグラフは典型的なNGパターンだ。</p><p>グラフの原点は原則、0でなければならない。</p><p>しかしこれは差を誇張させるために、故意に原点がいじられている。</p><p>このように嘘つきが数字を悪用するパターンを知っておくと、騙されにくくなる。</p><p>データ分析の素養があると、武器になるだけでなくこのように<strong>盾</strong>にもなりうるのだ。</p><h3>データ分析がもたらす価値をまとめる</h3><p>最後にタイトルに記載したデータ分析がもたらす価値をまとめておこう。</p><p>①主観ではなく事実を基に物事を捉えられる</p><p>②根拠が明確になり、他者への説明が楽になる</p><p>③今まで思いつかなかった視点が得られる</p><p>④人間の本能を悪用するメディアから身を守れる</p><p>⑤数字を悪用する嘘つきから身を守れる</p><p>■とりわけビジネスの場で生きる価値</p><p>⑥最も効率よく意思決定できる</p><p>⑦パーソナルデータを活用して個別化した施策をうてる</p><p>⑧施策の効果検証ができる</p><p>⑨過去のデータを活用して未来を予測できる</p><p>⑩データドリブンな経営で競争優位性を得られる</p><p>おそらく全部は挙げられていないと思うが、</p><p>こんなところだろうか。</p><p>後半の⑥〜⑩は説明足らずでイメージが湧かないと思うが、1つ1つ解説すると長くなってしまうので今回は省略させていただく。</p><p>データ分析は適切な活用によって、多くの分野で<strong>大きな価値</strong>を生み出すことは間違いない。</p><p>– – –</p><p>私はこのデータの価値を「自然と人間の共存」に生かしていくのが人生のテーマだ。</p><p>国境を越えてグローバルな取り組みを促す。</p><p>そんな仕事ができるよう邁進していきたい。</p><p>– – –</p><p>質問の答えは以下です。</p><p>C. 半分になった</p><p>– – –</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=1c2f18724c8e" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[OpenStreetMapとの衝撃的な出逢いを思い返す]]></title>
            <link>https://ayame-o-13.medium.com/openstreetmap%E3%81%A8%E3%81%AE%E8%A1%9D%E6%92%83%E7%9A%84%E3%81%AA%E5%87%BA%E9%80%A2%E3%81%84%E3%82%92%E6%80%9D%E3%81%84%E8%BF%94%E3%81%99-87be15c357f7?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/87be15c357f7</guid>
            <category><![CDATA[open-data]]></category>
            <category><![CDATA[maps]]></category>
            <category><![CDATA[openstreetmap]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Sat, 07 Dec 2024 10:03:56 GMT</pubDate>
            <atom:updated>2024-12-07T10:12:10.628Z</atom:updated>
            <content:encoded><![CDATA[<p>2015年4月、ネパールで大地震がおきた</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0xbe9-C-WlLnPfhQ1QGhkw@2x.jpeg" /></figure><h3>異国でもそこにいるのは同じ人間</h3><p>当時、私は大学に入学したばかり</p><p>慣れない大学生活に戸惑いながらも、自分で受ける授業を選択できるということに大きな喜びを感じていた。</p><p><strong>「私はなんて恵まれてるんだろう」</strong></p><p>大学に通わなかった/通えなかった友達を横目に少しの罪悪感と、18歳で就職を選べなかった自分の未熟さに不甲斐ない気持ちも確かにあった。</p><p>そんな時、ネパールで大地震がおきた。</p><p>私は3.11のことを思い出していた。14歳だった私は、当たり前に何もできなかった。</p><p>現地で人の命を救うこともできないし、ましてやお金がないので寄付すらもできない。</p><p>そもそも寄付にどのくらいの価値があるかも全くわからなかった。</p><p>しかし私はもう18歳で大学生になった。</p><p>中学生の時より少し大人になったのだ。</p><p>3.11の時は海外からたくさんの寄付や物資を日本はいただいた。さらに物だけではなく、<strong>たくさんの祈りや人命救助への願い</strong>をもらっていたことを私は知っていた。</p><p>それは15歳でNZに行った時、近所の外国の人と会話している時、あとはメディアを通しても知ることができた。</p><h3>次は私たちがお返しする番だ</h3><p>そう意気込んでみたのはいいが、18歳でお金も知識も人脈も何もない私に何ができる？</p><p>そんな葛藤を抱きながら学内ホームページをぼーっと見ていた時、転機は訪れた。</p><p><strong>「誰でもできる地図づくりを通してネパールを支援しませんか？」</strong></p><p>正確なタイトルは覚えていないが、こんな感じのメッセージが掲載されていた。</p><p>私は半信半疑な思いで、その地図づくりを教えてくれるという教授の呼びかけに応じた。</p><p>そこには教授にしては比較的若そうな人と、さらにその隣には大学生か？ってぐらい若そうな２人が前に座っていた。</p><p>呼びかけに応じた数人の学生達は自分のパソコンを持ってその２人を見ていた。</p><p>ちなみに私は数週間前に、ローンを組んで買った初めてのパソコン、MacBookを使う場面が来た！と内心ワクワクだった。</p><p>この時に出会った教授が、のちに私の恩師となる古橋先生だった。（隣にいた大学生はたむけんさんでした）</p><p>古橋先生は淡々と<strong>OpenStreetMap</strong>の編集の仕方をその場でレクチャーしていた。</p><p>本当に淡々と説明していたのだが、CrisisMappingという活動の目的を話す時それまで関わってきた先生とはどこか違う、<strong>自分の意思</strong>が声にのっかっていた気がした。</p><p>それは1時間弱の出来事で、まだなんだかよくわかっていなかったけれど</p><p>「お金がなくても、<strong>時間とパソコンさえあれば国境を越えて人の役に立つことができる</strong>。私にもやれることがある。」と、初めて身を持って体験したわけである。</p><h3>Crisis Mappingという活動</h3><p>そもそも聞き馴染みがない読者に向けて、OpenStreetMapの解説からしよう。</p><p>世の中にはたくさんの地図があるが、その中でもOpenStreetMap(略してOSM)は特別な地図だ。</p><p>どこが特別なのかというと主に次の2点</p><p>・誰でも無料で利用できるように公開されている</p><p>・世界中の有志作業者(マッパー)が地図を編集/作成している</p><p>※なおOSMの地図データはマッパーが追加したもの以外にも、政府や企業から提供されているデータも含まれている。</p><p>それゆえにOSMはしばしば、<strong>地図のWikipedia</strong>なんて表現をされたりもする。</p><p>Crisis Mappingの意味は</p><p>「自然災害等の危機的状況下で、その現場の状況がわかる地図を作り、世の中に発信することを目指す。」ということだが</p><p>災害発生時、私達はこのOSM上に地物データを描いている。</p><p>ここでちょこっと私たちの活動紹介</p><p>先ほど登場した古橋先生が作った「<a href="http://crisismappers.jp/">NPO法人クライシスマッパーズ・ジャパン</a>」という団体がある。</p><p>ここでは災害発生時、迅速に空撮画像を撮りマッパーに展開する災害ドローン救助隊「<a href="https://dronebird.org/">DRONE BIRD</a>」と言った取り組みもしている。</p><h3>志のある卒業生の集まる場を作る</h3><p>私は約２年前から先生が育てた学生のうち、志ある卒業生の集まる場を作ろうとしている。</p><p>私の身近にいた信頼できる２人を誘い、今は３人で活動中。これから少しずつ仲間を増やしていく予定だ。</p><p>地図づくりの活動は孤独だ。だからこそ仲間を作り、お互いに刺激し合う関係が必要だと考えた。</p><p>そして我々若い世代が自発的に動くサイクルを作りたい。</p><p>もしこのブログを読んでいる古橋研究室の在学生/卒業生がいたら、以下条件を確認してほしい。そして良いなと思ったらぜひ<strong>仲間になろう！</strong></p><ul><li>期待する人物像</li><li>①古橋研究室を卒業して社会人を1〜2年以上経験していること</li><li>②自分の知識やスキルをチームに還元する意思があること</li></ul><p>私達はもう学生ではない。</p><p>己の専門性や経験値を磨き、社会に還元するフェーズにきている。</p><p>これからもテクノロジーが持つ可能性を信じ、かつそれを国境を越えて社会に活かす方法を考えていきたい。</p><p>OpenStreetMapとの衝撃的な出逢いを、次の行動へ繋げていきます。</p><p>– – – – – – – – – – –</p><p>読了ありがとうございました。</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=87be15c357f7" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[東京都オープンデータハッカソンに初参加した話]]></title>
            <link>https://ayame-o-13.medium.com/%E6%9D%B1%E4%BA%AC%E9%83%BD%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%83%87%E3%83%BC%E3%82%BF%E3%83%8F%E3%83%83%E3%82%AB%E3%82%BD%E3%83%B3%E3%81%AB%E5%88%9D%E5%8F%82%E5%8A%A0%E3%81%97%E3%81%9F%E8%A9%B1-c743abc1020d?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/c743abc1020d</guid>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Wed, 04 Dec 2024 09:41:06 GMT</pubDate>
            <atom:updated>2024-12-04T09:42:54.386Z</atom:updated>
            <content:encoded><![CDATA[<h2>東京都オープンデータハッカソンに初出場した話</h2><p>東京都オープンデータハッカソンに初出場してきました！感想や学びをぽろぽろ書きます</p><p>ちなみにハッカソンは大学生1年生の時に1回だけ出場経験あり（その時は何もできず苦い思い出だ)</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*185Y1EDzK0rtigT-7XuSJQ@2x.jpeg" /></figure><h3><strong>そもそもハッカソンとは？</strong></h3><p>「エンジニアやデザイナーがそれぞれの技術やアイデアを持ち寄り、短期間に集中してアプリケーションなどを開発し、成果を競う開発イベント」</p><p>個人的な見解だが、最近は非エンジニア参加型のハッカソンが増えているイメージ。</p><h3>ほんなら東京都オープンデータハッカソンの意義は？</h3><p>「東京都は、社会課題を解決する手段として、オープンデータとテクノロジーを活用した<a href="https://odhackathon.metro.tokyo.lg.jp/">都知事杯オープンデータ・ハッカソン</a>を今年度も開催します。」</p><p>と公式サイトに記載があるとおり、東京都が抱えている社会課題に対して何か解決/改善するアイディアを出し合おうと言った企画だ。</p><p>どうやら今年(2024年)は4度目らしく、さらに年々規模は拡大しているとのこと。</p><p>このイベントのキーワードは「<strong>オープンデータ</strong>」</p><p>東京都が整備しているオープンデータを使うというのがこのハッカソンの制約かつ魅力だ。</p><h3>では東京都が整備したオープンデータとはどんなものか？</h3><p>[<a href="https://portal.data.metro.tokyo.lg.jp/">東京都オープンデータカタログサイト</a>]と言うものがあるらしいので早速見てみよう。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0ybwTY6m1-iAczWXXmahUQ@2x.jpeg" /></figure><p>・土地利用現況調査GISデータ</p><p>・浸水予想区域図</p><p>・東京消防庁 消火栓及び防火水槽等</p><p>・東京都防災マップ避難所・避難場所一覧データ</p><p>（アクセスランキングから抜粋）</p><p>さらにカテゴリー別にデータが整理されており、「まちづくり」「観光」「医療」と言った具合に興味のあるテーマからも探せそうだ。</p><p>実際にデータの中身を見てみよう。試しに都内の公衆トイレのデータを集めてみた。</p><p>そこで気づいた。</p><p><strong>「あれ、市区町村でデータセットが分かれてる」</strong></p><p>ちょっとしたサプライズ。</p><p>そうか、データは市区町村単位で集められてるケースも多いんだな。</p><p>そもそも東京都オープンデータカタログと言ってるくらいなので、全国ではなく<strong>東京都</strong>のデータしかないのか。</p><p>普段は国際機関や気象庁などのデータを扱うことが多い私にとっては、行政のデータの特徴を知るきっかけとなった。</p><h3>地域の課題解決に大切な視点</h3><p>私は学生の頃、「国際協力には<strong>グローバルな視点</strong>と<strong>ローカルな視点</strong>、どちらも欠かせない重要な視点だ」と何度も聞かされた。</p><p>今回のハッカソンでは東京都の課題について考えるのだが、私はどうしても<strong>外の視点</strong>と<strong>中の視点</strong>、両方から東京の課題を考えてみたかった。</p><p>今年のハッカソンでは、初めて都の職員の方が課題を提示している。</p><p>今まではハッカソン参加者が独自に課題を設定するパターンのみだったようだ。</p><p>とは言え、私は疑問に思った。</p><p><strong>職員の人は本当に東京の課題を認識しているだろうか？</strong></p><p><strong>実際に都民にヒアリングしたのだろうか？</strong></p><p>職員の方を疑いたいわけではない。</p><p>しかし個人的には、課題の設定は何よりも面白い作業だと思うので、自分たちで決めたかった。</p><p>そして私は都民ではない。だからこそ、東京の課題を的確に当てられる自信がないと思った。</p><p>私達のチームは課題の抽出にもデータを使った。</p><p>データには質的/量的データと大きく2種類に分けられる。</p><p>人間が抱える要望や課題の抽出には、この質的データであるアンケートやインタビューといった情報が役に立つ。</p><p>都民が回答している場合は<strong>内の視点</strong>。</p><p>観光客、もっと言えば海外からの観光客が回答している場合は<strong>外の視点</strong>になる。</p><p>他のチームでは、チームメンバーが抱えている身近な課題や、データを扱う人だからこそ気がつく課題などあらゆる方法で考えられており興味深かった。</p><h3>最後に感想</h3><p>総じて、楽しかった。</p><p>チームの仲間とたくさん考えて、何か一つのアイディアを形にする。その営みが楽しかった。</p><p>そしてこのような機会を用意してくれた運営スタッフには感謝です。</p><p>私達は職場の仲間で出場した。それゆえに新しい出会いは特になかったが、言いたいことを遠慮せずに言える。</p><p>そんな環境と仲間に恵まれ、約9年ぶりのハッカソンは良き思い出となりました。</p><p>もし、ハッカソンに参加するか悩んでいる方がいたら「とりあえず参加してみたら?」とは言えないが、<strong>周りに恵まれたら楽しいものになるかもしれない</strong>。</p><p>そんな期待を胸に参加してみても良いかも。</p><p>– – – -</p><p>読了ありがとうございました。</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c743abc1020d" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[効率の良い建物データの追加とは]]></title>
            <link>https://medium.com/furuhashilab/%E5%8A%B9%E7%8E%87%E3%81%AE%E8%89%AF%E3%81%84%E5%BB%BA%E7%89%A9%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E8%BF%BD%E5%8A%A0%E3%81%A8%E3%81%AF-c709620263e1?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/c709620263e1</guid>
            <category><![CDATA[pwa]]></category>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[report]]></category>
            <category><![CDATA[rotation]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Sat, 05 Jan 2019 16:19:44 GMT</pubDate>
            <atom:updated>2023-11-10T10:03:12.306Z</atom:updated>
            <content:encoded><![CDATA[<p>今回のブログは卒業制作のPWAにおいて、効率よく地図上に建物を追加するためにどのような入力方法が良いかを検討し、ポリゴンの回転機能を追加したお話。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*EMbjXCOBoMtdkbsfHYuP_g.png" /><figcaption><a href="https://furuhashilab.github.io/BCr.map/">https://furuhashilab.github.io/BCr.map/</a></figcaption></figure><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FxKyEekRcIKU%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DxKyEekRcIKU&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FxKyEekRcIKU%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/d9d3d2297890b3d79722350379ed8c27/href">https://medium.com/media/d9d3d2297890b3d79722350379ed8c27/href</a></iframe><p>私はこの卒業制作で作ろうと試みたPWAは、OpenStreetMap(以下OSM)のスマートフォン用編集ツールである。実際にOSMにデータをアップロードさせるところまで完成はできなかったが、エディタとして、編集ツールとして、建物データを追加するときの効率の良い入力方法を考えた。</p><p>JOSMはPC用のエディタだが、建物追加のプラグインがある。JOSMの建物追加プラグインでは、建物は４角形に表示され、道路に平行に建物を追加することはできるが、回転はできない仕様である。</p><p>私はこれと、建物の多くは四角形なことが多いという点に着目して、２クリックで４角形のポリゴンを追加し、ドラックでそのポリゴンを移動、また角の端っこの丸い点をドラックすれば拡大・縮小、辺の真ん中からとび出てる丸い点には回転機能を加えた。</p><p><strong>建物は全て四角形とは限らない！</strong>と反論する方もいるだろう。<br>しかし今回の私の目的としては、データの精度を向上させるものではなく。現場にいながらスマホを片手で持ちながら、自分の現在地と比較して簡単に建物を追加できるエディタの開発を試みた。</p><p>回転を加えるためにまたしても他者が開発した良いものを発見できたので、せっかく三角関数を勉強しなおしたのだが、<a href="https://github.com/w8r/Leaflet.Path.Transform">Leaflet.Path.Transform</a>を使わせてもらった。どうやって組むんだ〜ってネットで調べていたらこれにであった。</p><p>実装方法はこのjs (<a href="https://github.com/w8r/Leaflet.Path.Transform/blob/master/src/Path.Transform.js">https://github.com/w8r/Leaflet.Path.Transform/blob/master/src/Path.Transform.js</a>)を自分のindex.htmlの自分のscript.js の前にいれて、script.jsに下記を追加。</p><blockquote>const polygon = L.polygon(e.layer._latlngs, { transform: true, draggable: true}).addTo(map); polygon.transform.setOptions({ uniformScaling: false }).enable();</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/814/1*JesVUKTiC5I0j3T0jZ_aNA.png" /><figcaption><a href="https://github.com/furuhashilab/BCr.map/blob/master/script.js">https://github.com/furuhashilab/BCr.map/blob/master/script.js</a></figcaption></figure><p>私はこの<a href="https://github.com/w8r/Leaflet.Path.Transform">Leaflet.Path.Transform</a>というプラグインの前に、他のプラグインを入れていたので、ポリゴンを動かすと、ポリゴンが二重になってしまうトラブルが発生し、元の図形を削除する作業に苦戦した。</p><p>またこのとき↓いれたプラグインではいろんな地物の追加編集機能があったが、私は建物の追加のみに特化し、より簡易なエディタを目指していたので、長方形(Rectangle)以外の追加機能はfalseにした。</p><p><a href="https://medium.com/furuhashilab/%E5%9C%B0%E7%89%A9%E8%BF%BD%E5%8A%A0%E6%A9%9F%E8%83%BD%E5%AE%9F%E8%A3%85-c69f24f2b7cf">地物追加機能実装</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/877/1*WMLS2stzAQ_uDdp1UpisZw.png" /><figcaption><a href="https://github.com/furuhashilab/BCr.map/blob/master/script.js">https://github.com/furuhashilab/BCr.map/blob/master/script.js</a> 修正した箇所。</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/750/1*GY-zdyqyMl80Gj_IHzHeOA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/600/1*6hwQCGbMxa5FAoEtQMxGMA.png" /><figcaption>左の画像が今回修正後、回転機能が加わり左端のツールバーもかなりすっきりしている。右は編集前の画像。</figcaption></figure><p>以上、今回は建物データの追加に特化した効率の良い追加と編集方法を考える回。次回はこのPWAのめざす先のお話。</p><p>それではまた来週〜。</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c709620263e1" width="1" height="1" alt=""><hr><p><a href="https://medium.com/furuhashilab/%E5%8A%B9%E7%8E%87%E3%81%AE%E8%89%AF%E3%81%84%E5%BB%BA%E7%89%A9%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E8%BF%BD%E5%8A%A0%E3%81%A8%E3%81%AF-c709620263e1">効率の良い建物データの追加とは</a> was originally published in <a href="https://medium.com/furuhashilab">Furuhashi(mapconcierge)Lab.</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[ポリゴンをGeoJSONで所得する方法]]></title>
            <link>https://medium.com/furuhashilab/%E3%83%9D%E3%83%AA%E3%82%B4%E3%83%B3%E3%82%92geojson%E3%81%A7%E6%89%80%E5%BE%97%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-88f8c216063c?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/88f8c216063c</guid>
            <category><![CDATA[pwa]]></category>
            <category><![CDATA[geojson]]></category>
            <category><![CDATA[report]]></category>
            <category><![CDATA[javascript]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Sat, 05 Jan 2019 14:43:15 GMT</pubDate>
            <atom:updated>2023-11-10T10:03:27.243Z</atom:updated>
            <content:encoded><![CDATA[<p>今回のブログは卒業制作のPWAにおいて、地図上に書き込んだポリゴン(面)を、GeoJSONという空間データを持つJSONファイルで取得し、ローカルにダウンロードできる機能を加えたお話。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*KBHQ2aOv8r-4pzpB6buvwg.png" /><figcaption><a href="http://geojson.io/#map=10/35.9441/140.3572">http://geojson.io/#map=10/35.9441/140.3572</a></figcaption></figure><h4>そもそもGeoJSONってなんだ？</h4><p><strong>GeoJSON</strong>とは<a href="https://ja.wikipedia.org/wiki/JavaScript_Object_Notation">JavaScript Object Notation</a>(JSON) を用いて空間データをエンコードし非空間属性を関連付けるファイルフォーマットである。 属性にはポイント（住所や座標）、ライン（各種道路や境界線）、 ポリゴン（国や地域）などが含まれる。 他のGISファイル形式との違いとして、<a href="https://ja.wikipedia.org/w/index.php?title=Open_Geospatial_Consortium&amp;action=edit&amp;redlink=1">Open Geospatial Consortium</a>ではなく世界各地の開発者達が開発し管理している点で異なる。（By Wikipedia）</p><p>こちらのGeoJSONというファイルフォーマットは非常に便利で、Githubでもはき出せたりなにかとよい。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/586/1*Uo9g3D2PBkmkeWouBpKnRw.png" /><figcaption><a href="https://ja.wikipedia.org/wiki/GeoJSON">https://ja.wikipedia.org/wiki/GeoJSON</a></figcaption></figure><p>GeoJSONのフォーマット仕様は上記の写真にような感じで、今回私はこの「type: Polygon」つまりポリゴンのみを実装した。</p><p>今回ダウンロード機能に、先輩のデルシオさんに教えてもらいながらJavaScriptで書いてるのだが、「new Blog」を使った〜。<br>中のjsはこんな感じ↓</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/624/1*YPjb4_MsoD_VAzwxsUDNHw.png" /><figcaption><a href="https://github.com/furuhashilab/BCr.map/blob/master/script.js">https://github.com/furuhashilab/BCr.map/blob/master/script.js</a></figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/589/1*3jZ_K6be3Har0LdYzuV6Rg.png" /><figcaption><a href="https://github.com/furuhashilab/BCr.map/blob/master/script.js">https://github.com/furuhashilab/BCr.map/blob/master/script.js</a></figcaption></figure><p>つまずいた箇所でゆうと、まずは ”cordinate” の中に「lat, lng」という文字列が抜き取れてしまったので、数字だけの配列にするところと、緯度と経度が反対の順番に抜き出していてうまく展開できない？と焦ったり。結果として return [ latlng[‘lng’], latlng[‘lat’] ]; を加えたり。</p><p>あと、四角形のポリゴンでも緯度経度の座標は５つ必要で、最初と最後の座標は同じにする必要があった。ここは要注意！</p><p>ちなみにfunction download() のところは index.htmlにdownloadって名前でボタンをいれている。</p><p>以上、今回はconst(定数)つかってGeoJSONを抜き出したお話〜。</p><p>次回はポリゴンの形を回転させるためにくんだjsのお話。<br>それではまた来週〜。</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=88f8c216063c" width="1" height="1" alt=""><hr><p><a href="https://medium.com/furuhashilab/%E3%83%9D%E3%83%AA%E3%82%B4%E3%83%B3%E3%82%92geojson%E3%81%A7%E6%89%80%E5%BE%97%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-88f8c216063c">ポリゴンをGeoJSONで所得する方法</a> was originally published in <a href="https://medium.com/furuhashilab">Furuhashi(mapconcierge)Lab.</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[地物追加機能実装]]></title>
            <link>https://medium.com/furuhashilab/%E5%9C%B0%E7%89%A9%E8%BF%BD%E5%8A%A0%E6%A9%9F%E8%83%BD%E5%AE%9F%E8%A3%85-c69f24f2b7cf?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/c69f24f2b7cf</guid>
            <category><![CDATA[editor]]></category>
            <category><![CDATA[pwa]]></category>
            <category><![CDATA[leaflet]]></category>
            <category><![CDATA[report]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Thu, 27 Dec 2018 05:43:08 GMT</pubDate>
            <atom:updated>2023-11-10T10:03:42.387Z</atom:updated>
            <content:encoded><![CDATA[<p>今回のブログは卒業制作のPWA(OSM編集ツールの予定)で、LeafletのPlugins機能の中で<a href="https://github.com/codeofsumit/leaflet.pm"><strong>Leaflet.PM</strong></a>(地物追加機能)を実装したお話。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/813/1*tpFFi-2TG2ZM518VyAli7Q.png" /><figcaption><a href="https://github.com/codeofsumit/leaflet.pm">https://github.com/codeofsumit/leaflet.pm</a></figcaption></figure><p>PWA？なにそれ？？という方は、以前私が書いた ”<a href="https://medium.com/furuhashilab/openstreetmap-pwa-cbed8bbe2218">OpenStreetMap×PWA</a>” を参照してもらいたい。</p><p>また、Leaflet？なにそれ？？という問いには簡単に<strong>Leaflet</strong> は広く使われているWeb地図のためのJavaScriptライブラリである。と答えておく。</p><h3>Leaflet.PMというプラグインを追加したよ</h3><p><a href="https://github.com/codeofsumit/leaflet.pm"><strong>Leaflet.PM</strong></a>は地図上に点、線、長方形、多角形、GeoJSONなどを、追加、編集、カットなど様々な編集機能がある。しかしここで注意したいのは、あくまで自分で描いた形をカットなどの編集ができるということであり、背景地図の元データを編集できるわけではない。</p><p>私はこのたくさんある機能の中で、「Building」属性の地物データの追加に特化する編集ツールを作るために、長方形のみの追加機能と、拡大・縮尺、タテヨコ比の変更、追加したデータのカット、移動のみを採用する予定だ。</p><p>機能の削除はコードを消すのではなく、いつでもまたすぐに追加できるようにコメント化を私はすることにする。</p><h4>それではいってみよう！実装方法について！！</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/936/1*JbDpKzrWy8fH--b_H4jsKQ.png" /><figcaption><a href="https://github.com/codeofsumit/leaflet.pm">https://github.com/codeofsumit/leaflet.pm</a></figcaption></figure><p>まずは上記のサイトから「leaflet.pm」のCSSファイルとJSファイルを自分の「index.html」に参照ファイルとして記述する。実際に「leaflet.pm」のCSSファイルとJSファイルをダウンロードしなくても、上の画像のように絶対パスでリンク付けしても良いのだが、私はローカルに保存して「index.html」と同じ階層にファイルを入れ、相対パスでぶちこんだ。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/867/1*3rEw-o2jqo0NP_kyKcmBzA.png" /><figcaption>こちらは「index.html」のheadの部分にCSSファイルをいれたコード。今のところ、CSSファイルは４つになった。</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/648/1*Mg6apt70QWD0kjnRbjOnqQ.png" /><figcaption>こちらは「index.html」のbudyの部分にJSファイルをいれたコード。</figcaption></figure><blockquote>ここではこのJSファイル(Javascriptファイル)をいれる順番が非常に重要である。</blockquote><p>この順番を私は一度間違えて描いてしまったために、実装できなくてつまずき、デルシオさんに助けを求めた。</p><p>最後に「script.js」をいれること！全てのスクリプトが反映されてからでないと、もちろん今回入れたプラグインは機能しない！あたりまえのことに私はつまずいていたのだ。。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/936/1*2JBbAHZ5QxPAz203r60EYA.png" /><figcaption><a href="https://github.com/codeofsumit/leaflet.pm">https://github.com/codeofsumit/leaflet.pm</a></figcaption></figure><p>続きまして、このツールバーに関する記述を、「script.js」に追加する。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/865/1*5vOXAXN_hIlP22Q5FK7a4Q.png" /><figcaption><a href="https://github.com/furuhashilab/BCr.map/blob/master/script.js">https://github.com/furuhashilab/BCr.map/blob/master/script.js</a></figcaption></figure><p>私はこのように new L.map の下に普通に追加した。しかと実装もできた。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/600/1*xvI4wBsngYSPuBX4zt9mcA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/750/1*1lth9oowUqSyJWotYgP0Rw.png" /><figcaption><strong>左が編集前、右が編集後</strong></figcaption></figure><p>次回はこの地物追加機能を使って描いた形をGeoJSONファイルでダウンロード機能を実装させるお話。</p><p>それではまた来週〜。</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c69f24f2b7cf" width="1" height="1" alt=""><hr><p><a href="https://medium.com/furuhashilab/%E5%9C%B0%E7%89%A9%E8%BF%BD%E5%8A%A0%E6%A9%9F%E8%83%BD%E5%AE%9F%E8%A3%85-c69f24f2b7cf">地物追加機能実装</a> was originally published in <a href="https://medium.com/furuhashilab">Furuhashi(mapconcierge)Lab.</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[PWAでアプリのアイコン表示]]></title>
            <link>https://medium.com/furuhashilab/pwa%E3%81%A7%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E8%A1%A8%E7%A4%BA-92ba663b7e37?source=rss-b4a6d6b116a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/92ba663b7e37</guid>
            <category><![CDATA[report]]></category>
            <category><![CDATA[icons]]></category>
            <category><![CDATA[ayameotsuki]]></category>
            <category><![CDATA[chrome]]></category>
            <category><![CDATA[pwa]]></category>
            <dc:creator><![CDATA[Ayame.O]]></dc:creator>
            <pubDate>Sun, 16 Dec 2018 14:48:49 GMT</pubDate>
            <atom:updated>2023-11-10T10:01:53.805Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/806/1*aC8Fdiy8yvkyHVsXGjY1pQ.png" /><figcaption><a href="https://furuhashilab.github.io/BCr.map/">https://furuhashilab.github.io/BCr.map/</a></figcaption></figure><p>卒業研究のために開発中のPWAにおいて、アプリとしてのアイコン表示の実装と実証実験のお話。PWAのアイコン表示はiPhoneの iOSではまだ対応していないため、今回はAndroidOSのスマートフォンと、Macbook Airにおいてアイコン表示を確認した。</p><p>まずはPWAにおけるアイコン表示のためのコードから紹介しよう。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*x95kH78RPOzHPsBLbG4f1g.png" /><figcaption><a href="https://github.com/furuhashilab/BCr.map">https://github.com/furuhashilab/BCr.map</a></figcaption></figure><ul><li>アイコンに設定したい画像をPNGファイルで、index.html、manifest.json、service-worker.jsと同じ階層に設定する。</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*81JELTG57IHStdhnY7N3_A.png" /><figcaption><a href="https://github.com/furuhashilab/BCr.map/blob/master/manifest.json">https://github.com/furuhashilab/BCr.map/blob/master/manifest.json</a></figcaption></figure><ul><li>続いてmanifest.jsonフィアルの中で、”icons”を指定する。ここでの注意点は、アイコンとして表示するための画像のファイルサイズを「192×192」にすることだ。このサイズはGoogleがPWAをサービスとしてリリースするために決めたサイズなので合わせないといけない。</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1016/1*crFrJyTCijut-QMXiBOM5w.png" /><figcaption><a href="https://github.com/furuhashilab/BCr.map/blob/master/index.html">https://github.com/furuhashilab/BCr.map/blob/master/index.html</a></figcaption></figure><ul><li>最後にindex.htmlでmanifest.jsonを呼び出す。</li></ul><p>AndroidOSのスマートフォンにおいては、ブラウザがAndroid Chrome 42以上であることが条件だ。アプリとしてのアイコン表示させるのは非常に簡単で、ChromeでPWAのURLを開き、そのサイトを「ホーム画面に表示」という設定をするだけ。</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/771/1*VtZdVlBxdH-JwO2duoC3Ng.jpeg" /></figure><p>このようにアイコンが表示できた。自分のスマートフォンはiPhone8のため、なかなかスマートフォンで実装を確認できなかったが、今回ようやく友人に協力してもらい確認することができた。</p><p>Macbookにおいてはまず、Chrome上でサイトを開き、ディベロッパーツールを起動する。そして「Application」の「Manifest」欄で、「Add to homescreen」を選択する。そうすると「このサイトをシェルフに追加するといつでも使えるようになります」と出てくるので、「追加」を押せばOK</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CIjz7nBXhjr0TXnv6p-IMA.png" /><figcaption>このようにディベロッパーツールで設定する。</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*nburKhDTmJx1cVos4TWVIw.png" /><figcaption>このようにアイコンが表示された。</figcaption></figure><p>以上、今回はPWAのアプリとしてのアイコンを実際に表示させてみた話。<br>次回をお楽しみに〜。そろそろ地物データの編集機能の実装に入るのでアドバイスお待ちしております！！よろしくお願いします！！！</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=92ba663b7e37" width="1" height="1" alt=""><hr><p><a href="https://medium.com/furuhashilab/pwa%E3%81%A7%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E8%A1%A8%E7%A4%BA-92ba663b7e37">PWAでアプリのアイコン表示</a> was originally published in <a href="https://medium.com/furuhashilab">Furuhashi(mapconcierge)Lab.</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>