inflearn logo
inflearn logo

コロナマップ開発者ず䞀緒に地図サヌビスを䜜る2

コロナマップ開発者が知らせるマップサヌビス制䜜深化講矩です。

難易床 䞭玚以䞊

受講期間 無制限

Node.js
Node.js
MongoDB
MongoDB
Express
Express
Web Application
Web Application
Mongoose
Mongoose
Node.js
Node.js
MongoDB
MongoDB
Express
Express
Web Application
Web Application
Mongoose
Mongoose

孊習した受講者のレビュヌ

孊習した受講者のレビュヌ

4.5

5.0

읎혞진

6% 受講埌に䜜成

以前の講矩ず同様にわかりやすく説明しおくれる講矩でした 字幕があり、埓うのが楜です。

5.0

유겜식

100% 受講埌に䜜成

ネむバヌ、カカオマップを䜿いやすく教えおくれお、孊習に倚くのお圹に立ちたした。サヌビスを䜜成するだけに、Javascript、jQuery、ajax、DBなどの基本抂念は必芁です。

5.0

로빈(Robin)

100% 受講埌に䜜成

Maps APIを理解し掻甚するのに非垞に圹立ちたした。

受講埌に埗られるこず

  • ネむバヌマップapiによるWebベヌスのマップサヌビスの構築

  • 基本的な地図サヌビスに必芁なマヌカヌ、むンフォりむンドりの䜜成

  • Kakao API を通じお座暙アップロヌドペヌゞを構築する

  • MongoDB ず mongoose を連携した地図サヌビス構築

  • 地図サヌビスの最適化のためのクラスタリング機胜

  • 行政区域道の芖芚化ずむベントの远加

コロナマップ開発者ず䞀緒に、指導サヌビスを埁服する🧭

マップサヌビスの制䜜に関する倚くの悩み

「地図サヌビスを䜜りたいのですが、どこから始めるべきかわかりたせん。」
「堎所に関する情報をDBに保存したいのですが、どうすればいいですか」
「地図の䞊にデヌタが倚くなるず最適化が必芁なのにどうすればいいですか」

こんにちは、開発者む・ドンフンです。
私は1400䞇人が利甚したコロナマップ、そしおマスクマップを䌁画・開発したした。

薬局マスク圚庫を地図䞊に可芖化したプロゞェクト「マスクマップ」

確定者銅線を地図䞊に点ず線で衚瀺したプロゞェクト「コロナマップ」

サヌビス運営䞭に最もよく寄せられた質問の1぀
「コロナマップのようなサヌビスを䜜っおみたいのですが、どこでどのように始めるのかわかりたせん」でした。
そこで講矩制䜜を考えるこずになり、昚幎、指導サヌビス入門者のための講矩を提䟛したした。

倚くの方々の応揎ず関心のおかげで初講矩であるにもかかわらず、良いフィヌドバックをたくさん受けたした。
講矩ぞのフィヌドバックの䞭で、より倚様な機胜を孊びたいずいう意芋が倚く、新しい講矩を蚈画するこずになり、本講矩を制䜜したした。

Inflearn <コロナマップ開発者ずの指導サヌビスを䜜成>講矩受講評

今回の講矩では、MongoDB、Mongoose、アップロヌド機胜、マヌカヌクラスタリング、行政区域の可芖化など、より深化した内容を远加し、コロナマップを珟圚たで運営しながら埗た指導サヌビス制䜜ノりハりを盛り蟌んでいたす。コロナマップで䜿甚した機胜、最適化方法、ラむブラリの掻甚方法などをできるだけわかりやすく講矩に解き明かしたした。

皆さんの指導サヌビスの実力向䞊に倚くのお圹に立おば幞いです。
ありがずう:)


なぜ地図サヌビスなのか

出兞ゞェンリヌ公匏ホヌムペヌゞ

珟圚1000䞇ダりンロヌドアプリ「Zenlyゞェンリヌ - 芪しい友達同士」をご存知ですか

いわゆるZ䞖代が頻繁に利甚するサヌビスで、地図䞊に友達の䜍眮、バッテリヌ、移動速床などを衚瀺しおお互いに共有するサヌビスです。これにより、ゞェンリヌは新たなコミュニケヌション方匏で急浮䞊しお人気を埗おいたす。今日、Z䞖代は自分の珟圚地ず移動経路を他人ず共有するのになじみがあるず衚珟できたす。

出兞ゞェンリヌ公匏ホヌムペヌゞ

これは珟圚のトレンドずしお䜍眮づけられ続けおいたす。
そのため、䜍眮情報や移動経路を可芖化する地図サヌビスの重芁性も倧幅に増加するず予想しおいたす。
䜍眮情報を芖芚化するのに最適なUIはたさに地図だからです。

珟圚はコロナ19のため倖郚ぞの出入りは自由ではありたせんが、もしコロナ19を克服する時期が来れば必然的にオフラむン掻動に察する需芁も増加し、関連事業も成長するず思いたす。
このようなオフラむン掻動を支揎するのが、堎所、座暙を䞀目で芖芚化できる地図UIです。

지도 서비슀에 대한 읎핎도와 싀력을 볎유하는 것은 튞렌드에 맞춰 자신의 강점을 킀우는 좋은 방법입니닀.

コロナマップもマップUIを採甚し、1400䞇人を超えるナヌザヌに倚くの助けを䞎えたした。このように、地図サヌビスはさたざたなサヌビスず組み合わせるこずができ、爆発的な可胜性を持っおいたす。

他人ず差別化された自分だけの匷みを育おたい方にこの講矩をお勧めしたす。


䜕を孊びたすか
孊習内容講矩の特城

囜内唯䞀
指導サヌビス制䜜講矩

MongoDB / Mongoose / Node.js /
Express / Naver map API / Kakao map API

デヌタに基づいおマヌカヌを䜜成し、
むンフォりィンドりを衚瀺する機胜
カカオapiを掻甚したキヌワヌド怜玢
MongoDBに䜍眮デヌタを保存する
マヌカヌクラスタリング機胜
行政区域デヌタレむダヌ機胜
  • 指導サヌビスの運営に必芁な機胜を遞別しお講矩で提䟛したす。
  • その機胜がなぜ、どのように曞かれたのかを理解しやすくするための説明を提䟛したす。
  • 字幕を提䟛しお講矩により集䞭できる環境を提䟛したす。

セクション別玹介

Section 0. 講矩の玹介
プロゞェクトず講矩の玹介を通じお、今埌䜜成するマップサヌビスで孊ぶこずができる機胜に぀いお説明したす。
Section 1. 初期環境の構築
プロゞェクト制䜜に必芁な初期環境を蚭眮しお蚭定する方法を玹介したす。 Node.jsずVS Code、開発に必芁な必須パッケヌゞをむンストヌルしお実行しおみたす。
Section 2. マップサヌビスプロゞェクトの構築
Expressを掻甚しおサヌバヌを実行し、指導サヌビスを䜜成する準備をしたす。 Naver Maps APIを発行しおそのプロゞェクトに適甚したす。
Section 3. マヌカヌずむンフォりィンドりの䜜成
マヌカヌを衚瀺し、クリックむベントを远加しおむンフォりィンドりを衚瀺する方法に぀いお説明したす。耇数のマヌカヌを衚瀺したり、CSSを介しおマヌカヌアむコンを倉曎したり、むベントを远加しおナヌザヌの利䟿性を向䞊させるこずができたす。たた、むンフォりィンドりを掻甚しお情報を地図䞊に衚瀺したす。
Section 4. MongoDBずMongooseの掻甚
NoSQLの代衚的なDBであるMongoDBを玹介し、ホスティングしおみる方法に぀いお玹介したす。たた、CompassずいうDB管理ツヌルをむンストヌルしお実行しおみたす。たた、Node.jsずMongoDB甚のODMパッケヌゞであるMongoseを玹介しおむンストヌルし、スキヌマを䜜成したす。
Section 5. アップロヌド機胜初期環境構築
カカオAPIを掻甚しおキヌワヌド怜玢機胜を実装し、結果デヌタに基づいお地図䞊に衚瀺する機胜を远加しおアップロヌド機胜のための初期環境を構築しおみたす。
Section 6. アップロヌド機胜の仕䞊げ
キヌワヌド怜玢結果デヌタをMongoDBに保存し、地図䞊に衚瀺する方法を孊びたす。 Postmanず通信し、アップロヌドサヌバヌを構築したす。
Section 7. マヌカヌクラスタリング機胜の実装
マップサヌビスの最適化方法の1぀であるマヌカヌクラスタリング機胜を玹介しお実装したす。マップサヌビスで衚瀺する必芁があるデヌタが倚い堎合は、クラスタリング機胜を介しおそれらを収集しお衚瀺したす。
Section 8. 行政区域床デヌタレむダヌ衚瀺
行政区域別に区画を分けお芖芚化する方法に぀いお玹介したす。たた、行政ゟヌンごずに該圓ゟヌンをクリックしたずき、マりスが䞊がったずき、䞋がったずきに応じたむベントを远加しおツヌルチップずそのゟヌンの色を倉曎する機胜を実装しおみたす。

よくある質問

Q. 授業内容をどの皋床レベルたで扱いたすか

本講矩では、指導サヌビスを䜜成するための基瀎的な内容から、より深化的な内容たで広いスペクトルを提䟛する予定です。
そのため初玚䞭玚たでの難易床を持っおいたす。

Q. ネむバヌAPIずカカオAPIの䞡方を曞いた理由はありたすか

それぞれのメリットがあるので、これを最倧限に掻甚したいからです。
Naver Map APIは、远加の機胜ず最適化がうたくいっおいるず考えおおり、カカオAPIの堎合、キヌワヌド怜玢機胜のパフォヌマンスが非垞に良いので、2぀をすべお採甚しお䞡方の利点を最倧化しようずしおいたす。

Q. 非専攻者も聞くこずができたすか

圓然可胜です。ただし、地図サヌビスの特性䞊、JavaScriptを倚く䜿甚する必芁があるため、基瀎的な知識が求められる堎合がありたす。そのため、関連知識が䞍足しおいる堎合は、その講矩で提䟛するロヌドマップを通じおHTML、CSS、JS関連の基瀎知識を習埗埌に受講するこずをお勧めしたす。

Q.以前の講矩ずの違いは䜕ですか

以前の講矩「コロナマップ開発者ず䞀緒に指導サヌビスを䜜る」の堎合、指導サヌビス制䜜入門のための講矩でした単に地図を浮かべたり、マヌカヌを衚瀺するなどの基本的な機胜だけを孊びたい堎合は、以前の講矩を受講するこずをおすすめしたす。
本講矩には、サヌバヌ通信、MongoDBずMongooseによるデヌタハンドリング、マヌカヌクラスタリング、Ajax、デヌタレむダヌ衚瀺など、初玚から䞭玚たでの内容が盛り蟌たれおいたす。そのため、より倚くの機胜を孊習したい方におすすめです。


地図サヌビス制䜜、
完党基瀎から始めたいのなら


こんな方に
おすすめです

孊習察象は
誰でしょう

  • コロナマップのような指導サヌビスを䜜りたい方

  • 地図関連の API を䜿甚したいが、どうすればよいかわからない方

  • DBに連携した地図サヌビスを䜜成したい方

  • 地図サヌビスのさたざたな機胜を孊びたい方

前提知識、
必芁でしょうか

  • HTML

  • CSS

  • Javascript

こんにちは
donghuneeです。

1,346

受講生

119

受講レビュヌ

165

回答

4.8

講座評䟡

3

講座

こんにちは、開発者のむ・ドンフンです。

4,400䞇回以䞊の閲芧数を蚘録した「コロナマップ」を最初に䌁画・開発し、その埌も「マスクマップ」や「コロナミ」を通じお、倚くのナヌザヌの䞍䟿を解消するサヌビスを運営しおいたす。

珟圚は小さなスタヌトアップを創業し、CTOずしお粟力的に開発に取り組んでいたす。

ありがずうございたす。

もっず芋る

カリキュラム

党䜓

33件 ∙ (3時間 14分)

講座掲茉日: 
最終曎新日: 

受講レビュヌ

党䜓

24ä»¶

4.5

24件の受講レビュヌ

  • mini02042581님의 프로필 읎믞지
    mini02042581

    受講レビュヌ 4

    ∙

    平均評䟡 5.0

    5

    100% 受講埌に䜜成

    途䞭、途䞭でコヌド入力゚ラヌで䜕床も繰り返しながら修正しお孊習したずころ、うたくいきたすね。いろいろなプログラムや応甚方法が分かった講矩でした。お疲れ様でした。

    • ehdgns17664658님의 프로필 읎믞지
      ehdgns17664658

      受講レビュヌ 2

      ∙

      平均評䟡 5.0

      5

      6% 受講埌に䜜成

      以前の講矩ず同様にわかりやすく説明しおくれる講矩でした 字幕があり、埓うのが楜です。

      • donghunee
        知識共有者

        ありがずうホゞン 今埌より良いコンテンツでお返しさせおいただきたす

    • develobing님의 프로필 읎믞지
      develobing

      受講レビュヌ 3

      ∙

      平均評䟡 5.0

      5

      100% 受講埌に䜜成

      Maps APIを理解し掻甚するのに非垞に圹立ちたした。

      • g1kwon7491님의 프로필 읎믞지
        g1kwon7491

        受講レビュヌ 9

        ∙

        平均評䟡 5.0

        5

        100% 受講埌に䜜成

        䜿いにくかった地図APIを扱う方法を孊ぶこずができおよかったです。 軜く自分だけの指導サヌビスの䜜り方を孊ぶ良い講矩です

        • yksshocking8306님의 프로필 읎믞지
          yksshocking8306

          受講レビュヌ 2

          ∙

          平均評䟡 5.0

          5

          100% 受講埌に䜜成

          ネむバヌ、カカオマップを䜿いやすく教えおくれお、孊習に倚くのお圹に立ちたした。サヌビスを䜜成するだけに、Javascript、jQuery、ajax、DBなどの基本抂念は必芁です。

          donghuneeの他の講座

          知識共有者の他の講座を芋おみたしょう

          䌌おいる講座

          同じ分野の他の講座を芋おみたしょう

          ï¿¥7,445