XD UIデザイン+ Clone CodingインタラクティブレスポンシブWebポートフォリオ！

こんな悩み、抱いたことはありませんか？ Reactは学んだけど、いざ何を作ればいいかわからないポートフォリオを作りたいけど、Todoアプリ以外思いつかない地図APIや公共APIは難しそうで、挑戦すらできなかったデプロイまでしたことがなく、いつも「ローカルプロジェクト」で終わってしまうコードがどんどん複雑になり、設計をどうすべきかわからない 🎯 この講義が解決する問題この講義は、単に地図を表示する方法を教える講義ではありません。 ✔ 公共APIを実際のサービスに連携させる方法 ✔ 地図SDKをReactの構造内で安定的に設計する方法 ✔ マーカーの最適化と情報ウィンドウの再利用構造 ✔ Contextを活用した状態管理の設計 ✔ Tailwind + SCSSの実戦活用 ✔ GitHubの整理およびVercelでのデプロイまで「機能の実装」ではなく、実際のサービス構造として設計する方法をお教えします。 💡 単なる「写経」の講義ではありませんなぜuseRefを使うのかなぜマーカーを毎回新しく作ってはいけないのかなぜ状態を分離しなければならないのかなぜデプロイ環境では環境変数を別に管理しなければならないのかすべての選択には理由があります。この講義はその「理由」を説明します。 🚀 受講後、あなたはこのようになります地図ベースのポートフォリオプロジェクトを1つ完成公共APIの連携経験を確保外部SDKをReactに組み込む構造の理解実務型のプロジェクト構造の設計経験デプロイ経験の保有そして、面接でこのように話すことができます。「公共APIベースの地図サービスを自ら設計し、デプロイまで行いました。」この一言が大きな差を生みます。 👩‍💻 このような方におすすめです Reactの基本文法は知っているが、プロジェクト経験が不足している方就職用のポートフォリオを作りたい方地図/公共APIプロジェクトをやってみたかった方実務に近い設計を学びたい方 🔥 この講義の目標この講義は「地図の作り方」ではなく、「サービスを設計する思考プロセス」を学ぶ講義です。

初級

React, REST API, Web API

実践Reactポートフォリオ完成 – 公共API + 地図サービス作り（デプロイまで）

lizb

￥4,847

初級 / React, REST API, Web API, GitHub, vercel

5.0

(2)

HTML5 CSS3基礎＆レスポンシブWebテンプレートを作成！

lizb

￥4,668

入門 / HTML/CSS, Responsive Web

5.0

(9)

200+

Web標準入門者のための実務で必ず使用する必要なアクギスだけ集めて作られたレスポンシブWeb初級講義！

入門

HTML/CSS, Responsive Web

HTML5 CSS3基礎＆レスポンシブWebテンプレートを作成！

lizb

￥4,668

入門 / HTML/CSS, Responsive Web

5.0

(9)

200+

似ている講座

同じ分野の他の講座を見てみましょう！

実戦！ウェブサイト制作！ Step by Step!

jyoung

初級 / HTML/CSS, jQuery, Interactive Web, Responsive Web

4.8

(20)

[ウェブサイト制作 Step By Step] 3段階講義で、ミュージャイン（https://musign.net）メインページをそのまま製作してみる過程です。サイトに盛り込まれている派手なインタラクティブウェブをそのまま製作、実装してみる過程で、複雑なレイアウトも簡単かつ迅速に制作する実務コアノウハウをそのままお知らせします^^

初級

HTML/CSS, jQuery, Interactive Web

実戦！ウェブサイト制作！ Step by Step!

jyoung

初級 / HTML/CSS, jQuery, Interactive Web, Responsive Web

4.8

(20)

R3F(React + Three.js / Typescript)でインタラクティブなポートフォリオを作る

taejaehan

￥22,620

初級 / Interactive Web, Three.js, TypeScript, React, webgl, gsap

5.0

(5)

ReactとThree.jsを一度に！インタラクティブウェブの基礎であるVectorからGSAPまで学べます。3つの事例を一つのポートフォリオに統合するコツとノウハウ！

初級

Interactive Web, Three.js, TypeScript

R3F(React + Three.js / Typescript)でインタラクティブなポートフォリオを作る

taejaehan

￥22,620

初級 / Interactive Web, Three.js, TypeScript, React, webgl, gsap

5.0

(5)

実践！ウェブサイト制作！Step by Step！（ワイスタジオ_レスポンシブウェブ）

jyoung

初級 / HTML/CSS, jQuery, Interactive Web, Responsive Web

4.9

(16)

実践！ウェブサイト制作！Step By StepのApplication Courseで、HTML/CSS/jQueryとプラグインを使用して、Y Studio（http://www.ystudio.co.kr/）のメインページをそのまま制作してみるコースです。（講義の完成ファイルを添付！）

初級

HTML/CSS, jQuery, Interactive Web

実践！ウェブサイト制作！Step by Step！（ワイスタジオ_レスポンシブウェブ）

jyoung

初級 / HTML/CSS, jQuery, Interactive Web, Responsive Web

4.9

(16)

Three.js 3D インタラクティブすぐに始める

coding11

￥13,823

初級 / Interactive Web, Three.js

4.5

(30)

400+

実務ですぐにThree.jsを使えるようにカリキュラムを設計しました！

初級

Interactive Web, Three.js

Three.js 3D インタラクティブすぐに始める

coding11

￥13,823

初級 / Interactive Web, Three.js

4.5

(30)

400+

Tailwind CSSで作る素敵なWeb UIスタイリング

codingworks

￥9,694

初級 / TailwindCSS, Responsive Web, HTML/CSS

5.0

(32)

「Tailwind CSSで作る素敵なWeb UIスタイリング」講座は、現在最もホットなフレームワークであるTailwind CSS v3.4.1を、理論から実践的なレスポンシブWebサイトまで19時間かけて忠実に扱っています。授業時間が長いからといって良い講義とは限りません。しかし、この講座は時間も長く、内容も充実した良い講義であると自負しています。特に、Tailwind CSSのすべての理論を8時間30分にわたって詳細に扱っているため、CSSの理論が不足している方でも、CSSの理論をしっかりと学習することができます。本講座は、開発者とパブリッシャーが作るTailwind CSSスタイリングを中心に制作されました。

初級

TailwindCSS, Responsive Web, HTML/CSS

Tailwind CSSで作る素敵なWeb UIスタイリング

codingworks

￥9,694

初級 / TailwindCSS, Responsive Web, HTML/CSS

5.0

(32)

効果的なモバイルUXを作成(デザイン+コーディング)

usefulit

初級 / HTML/CSS, jQuery, XD

4.5

(46)

106,900+

PhotoshopとAdobe XDプログラムを活用して、さまざまなデバイスのWeb、アプリレイアウトを設計した後、簡単なコーディング技術を学習して直接実装してみることができます。

初級

HTML/CSS, jQuery, XD

効果的なモバイルUXを作成(デザイン+コーディング)

usefulit

初級 / HTML/CSS, jQuery, XD

4.5

(46)

106,900+

ピュアなHTML/CSS/JSのみを活用したレスポンシブウェブ制作【実践編】ブートキャンプ

youngcodikimssam

25%

初級 / HTML/CSS, Responsive Web, Interactive Web

5.0

(4)

Bootstrapを使わずに、純粋なhtml/css/jsのみを活用して、デバイス別に多様なレイアウトを実装できるレスポンシブウェブページ作成[2024年最新版]授業の実践制作授業です。

初級

HTML/CSS, Responsive Web, Interactive Web

ピュアなHTML/CSS/JSのみを活用したレスポンシブウェブ制作【実践編】ブートキャンプ

youngcodikimssam

25%

初級 / HTML/CSS, Responsive Web, Interactive Web

5.0

(4)

基礎から実務まできちんと学ぶFigma UIデザインクラス

bolduxlab

入門 / Web Design, Prototyping, Figma, Responsive Web, product design

4.9

(32)

頻繁な回答

基礎から実務まで、Figma一つで完結するUIデザインオールインワンクラス! オートレイアウト・コンポーネントの核心機能から、レスポンシブデザイン、効率的なハンドオフ、コラボレーションまで実務スキルを完璧にマスターします。今すぐ始めて、あなたのデザイン力をワンランクアップグレードしましょう!

入門

Web Design, Prototyping, Figma

基礎から実務まできちんと学ぶFigma UIデザインクラス

bolduxlab

入門 / Web Design, Prototyping, Figma, Responsive Web, product design

4.9

(32)

頻繁な回答

ブートストラップ（BOOTSTRAP）3を活用したレスポンシブWebページを作成

usefulit

初級 / Bootstrap, Responsive Web

4.9

(83)

99,900+

デバイスデバイスによってレイアウトが変わるレスポンシブWebページを作成するためにブートストラップを利用する方法についてのレッスンです。

初級

Bootstrap, Responsive Web

ブートストラップ（BOOTSTRAP）3を活用したレスポンシブWebページを作成

usefulit

初級 / Bootstrap, Responsive Web

4.9

(83)

99,900+

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

￥11,130

24%

￥8,438

初級 / Interactive Web, JavaScript, HTML/CSS

4.7

(26)

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

初級

Interactive Web, JavaScript, HTML/CSS

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

￥11,130

24%

￥8,438

初級 / Interactive Web, JavaScript, HTML/CSS

4.7

(26)

Bootstrapを活用したレスポンシブWeb制作[実践編]ブートキャンプ

youngcodikimssam

25%

初級 / Bootstrap, Responsive Web, Web Design, HTML/CSS

5.0

(4)

Bootstrap(BOOTSTRAP)を活用したレスポンシブWebページ作成[2024年改訂版]の実際の制作授業として、デバイスに応じてレイアウトが変わるレスポンシブWebの実務ページをBootstrap4を活用して直接制作してみます。

初級

Bootstrap, Responsive Web, Web Design

Bootstrapを活用したレスポンシブWeb制作[実践編]ブートキャンプ

youngcodikimssam

25%