
誰でも簡単に学べるドローンマッピング専門家コース
gis
¥8,710
入門 / Dron, GIS, QGIS
4.8
(4)
GIS空間情報を有用に活用することができ、ドローンで撮影された画像を利用してオルソ画像地図を作成することができます。オルソ画像地図を活用して数値地形図やGIS関連主題図を作成することができます。
入門
Dron, GIS, QGIS
Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login を 簡単に学べます~~
VueベースのWebフレームワーク Nuxt 3 基礎学習
Nuxt 3 プロジェクト開発後デプロイ
Firebase Firestore v11
Nuxt 公式状態管理ライブラリ Pinia
vite-pwa/nuxt PWA(Progressive Web App)
Nuxt SEO(検索エンジン最適化)
.env(API キーをクライアントに露出させないように保護)
ログイン、会員登録
tailwindcss
vue.js
ジオロケーションAPI
Pinia HMR
(Vue.jsとUIを一度に学習) 🤔
日常生活に必要な気象情報を提供するWeb/アプリを、フロントエンドフレームワークVue jsベースのNuxt 3に基づいてコアなモジュールとコンポーネントを学習し、 Pianiaステータス管理、APIデータ処理、SSRを適用して最適化されたWebアプリケーションを構築できます。 Tailwind CSSでレスポンシブUIをデザインし、Vercelを介してデプロイまで進めます。このコースでは、Vue.jsベースのNuxt 3の重要な概念を学び、PianiaとFirebase、PWAを使用して実務で利用可能なプロジェクトを完成させましょう!」
💡Nuxt 3コア機能活用講座
Vue.jsとUIを一度に学習できます。
Nuxt 3で天気アプリを作る:初心者でも簡単に学ぶことができます。
Nuxt 3の主なコア機能を学び、活用できます。
Weather APIの開発とデプロイまで全体を構成する
📌本番プロジェクト中心 - Nuxt 3を活用した実用的な天気アプリを直接開発。
📌API連動学習 - OpenWeatherMapなどの天気APIを使用したリアルタイムデータの活用。
📌 Firebase DB - 気象情報をDB化して気象情報管理。
📌秒。中級者のための講義です。基礎からじっくり進めて実習中心学習。
📌デプロイとスケーラブル - 敏捷なアプリを実際のサービスとしてデプロイし、今後の追加機能スケーラブル。
📌 Vue.js + UI + Nuxt + Tailwind CSS - 迅速で効率的なUI開発
💡重要な特徴と差別点を見てみると、
Nuxt 3の最新機能を適用
Server Routesの活用:バックエンドなしでNuxt 3のサーバー機能を使用したAPI呼び出しの最適化
Pinia状態管理:Vuexなしできれいなデータ状態管理を適用する
SSR(サーバーサイドレンダリング)&SEO最適化:Nuxt 3のコア機能を最大限に活用
PWA(Progressive Web App):Webとネイティブアプリの利点を組み合わせたWebアプリで、モバイルデバイスに最適
Vercel デプロイ: 完成したアプリをデプロイ
💡この講義が必要な受講生は?
リアルタイムデータ処理とユーザーフレンドリーなUI開発を経験したい人。
ポートフォリオプロジェクトが必要な人。
実務で使用できるAPI連動およびデータ処理技術を学びたい人。
SaaS開発を準備する人。
Webサービス展開経験のない開発者
CSSが難しい方は、事前定義されたユーティリティクラスでCSS作成を最小化

Vuejsは知っていますが、Nuxt3に初めて触れる方。
Vue jsをお使いの方がNuxt 3を学びたい方

実戦プロジェクトを作りたい方。
単純理論を超えて実際に動作する天気アプリを実務中心の講座

Pinia&PWA気になる方。
Vuexを使ってPianiaを学びたい人、Webアプリを学びたい人
Vuexより強力で簡単なPinia
Vuexより簡潔で強力なNuxt 3公式ステータス管理ライブラリ
SSRサポートにより、サーバーサイドでも最適化されたデータ管理が可能
冗長コードを最小限に抑えて直感的なStoreを構成する
単に講義を聞いて終わるのではなく、実際に配布できるプロジェクトを完成
実際のプロジェクト経験を築き、今後のAPIベースのさまざまなプロジェクトを開発できる基礎を学ぶ
外部APIを活用してリアルタイムの天気データを取得し、効率的に表示する方法を学ぶ
Open Weather Map, Dynamic Routes
外部APIからデータをインポートして活用して、実践技術を習得します。
Nuxt Dynamic Routesは、pagesの下に作成されたすべてのコンポーネントにルーターアドレスの代わりにコンポーネント名がルーターアドレスに代わるものです。
Nuxt 3+ Firebase Firestoreの活用
NoSQLベースの拡張性の高いクラウドDB管理
サーバーなしで強力なデータ管理が可能
PiniaとFirestoreを組み合わせて効率的な状態管理を実現
Firebase Authenticationで会員登録、ログイン
レッスンはWindows 10ベースで説明されています。
講義では、Vscode、Node.js 22。
資料室で関連画像と背景mp4資料を受け取ることができます。
javascript
Vue.js.
基本css知識
💡講義の学習に必要な注意事項
練習環境
オペレーティングシステムとバージョン(OS):Windows 10以降
使用ツール:Vscode、Github、Firebase、openWeatherMapなどはすべて無料ですが、一定使用量以上であれば料金がかかります。しかし、無料使用量で学習が十分可能です。
PC仕様:CPU Intel i5 8世代以上またはAMD Ryzen 5以上RAM:8GB以上、インターネット接続
選手の知識と注意事項
HTML、CSS、JavaScriptの基本文法を知っていれば、学習が簡単になります。
Vue.jsを簡単に体験してみれば、Nuxt 3の学習はとても簡単です。
GihHub、Vercel、Google、openWeatherMapアカウント
openWeatherMapアカウント登録時は無料ですが、カード登録が必要です。
そのテンプレートは、「配信アプリはどのように私の周りのグルメを見つけるのですか?」講義を参考に提供しています。
学習対象は
誰でしょう?
VueベースのNuxtのコア機能を短期間で学びたい方
ウェブ開発に関心がある方
DBが苦手な方
PWA(Progressive Web App)を学びたい方
Vue.jsに興味がある方
前提知識、
必要でしょうか?
Vue
javascript
71
受講生
4
受講レビュー
8
回答
4.8
講座評価
2
講座
こんにちは。
私は「ドローンマッピング」の著者であり、現在ドローンを用いたマッピングに興味がある方々に必要な講座を開設いたしました。初めてドローンマッピングに挑戦したい方は、何から始めればよいか分からないことが多いものです。この講座は、そのような方々のために、欠かせない核心的な部分を要約してまとめました。
また、Nuxt 3を活用したWeb開発講座を担当する講師です。この講座ではNuxt 3、Pinia、OpenWeatherMap API、Tailwind CSSを活用し、実践プロジェクトであるお天気アプリを実際に作成します。API連携、状態管理、レスポンシブUI設計、デプロイまでを学び、実務でも活用できる技術を習得できます。分かりやすく実用的な講座で、Nuxt 3の核心を一緒にマスターしましょう! 🚀
全体
39件 ∙ (7時間 31分)
講座資料(こうぎしりょう):
2. 講座紹介
02:56
13. 詳細ページ UI
13:42
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
新規会員登録で25%OFF
¥2,776
25%
¥3,706