年間ガイド - Webページ開発学習概要 - 2023年度改訂版

出典： YTB動画 に改変あり

コーディングを学ぶ理由

コーディングを学ぶ理由はたくさんあります。スキルが必要な理由を自分で見つけてください。
通常、その理由は、よく生きたい、情熱を持ちたい、または愛を受け入れるための十分な収入を得たいということです。

Web ページ開発の用途

1. 会社の開発職の従業員として雇用される;
2. フリーランサーとして、または自分のビジネスを運営するために使用される;
3. 独自の製品またはSAAS サービス(つまり、サービスとしてのソフトウェア自体) を構築する。
4. 関連する教育カリキュラム コンテンツを作成するため
5. 興味のみを発展させるため。

Web ページ開発者のタイプ

フロントエンドの開発者

フロントエンド エンジニア フロントエンド開発エンジニアの仕事は、クライアントまたはブラウザーのユーザー インターフェイスを作成することです。一般的に使用されるスキルは、HTML、CSS、DOM、フロントエンド フレームワークなどです。

バックエンド開発者

バックエンドエンジニアの仕事内容
は、サーバー側のデータ関連業務を処理することです。一般的に使用される開発言語は、Java、Go、.net、Python、PHP であり、少量の Ruby、Nodejs などが使用されます。データには、Oracle、MySQL、Postgres、Server SQL、MongoDB、Redis、また、HTTP サーバーの構成と
展開、およびその他の devOpts スキルを理解する必要があります。

フルスタック開発者

フルスタック エンジニア フルスタック開発エンジニアは、フロントエンド開発者とバックエンド開発者の作業を含み、必要なすべてのツール、スキル、および言語の組み合わせを完成させます。

必要になる可能性のあるツール

1. パソコンと対応OSは開発用にMacOSやWindowsを推奨するが、サーバーにはLinuxやWSL
が一般的;
2. WebブラウザはGoogle Chromeが推奨され、続いてFirefox、Brave（暗号通貨）が推奨される 3.
テキストエディタまたは VS Code、Webstorm、Sublime、Vim などの統合開発ツール;
4. コマンド ライン、デフォルトのオペレーティング システム、または iTERm2、Powershell、Git Bash、Hyper などを使用;
5. ソフトウェアの設計、フロントエンド開発は、Figma、Adobe XD、Sketch、Axure など、より多くの接触を持ちます。

HTMLとCSS

HTML & CSSは、Webフロントエンド開発でユーザーインターフェースを作成するための基本モジュールです.
1. HTML5の基本とセマンティックタグ、ページレイアウトなど;
2. CSSの基本原則;
3. CSSの配置方法などを習得する必要があります.パーセンテージ、メディア クエリ、および Flex 、グリッドなどとして;
4. メディア クエリ、レスポンシブ デザイン;
5. シンプルなアニメーションと変形。

Sass & PostCSS

Sass は CSS のプリプロセッサーであり、基本的な CSS に変数、依存関係チェーン、ミキサー、関数などを提供するなど、多くの機能を追加できます。
PostCSS は、ブラウザーごとの CSS プロパティの違いをスムーズにする CSS 変換ツールで、Sass のプラグインとして一般的に使用されています。

CSS フレームワーク

CSS フレームワークは一般に UI フレームワークとも呼ばれ、要素のスタイル クラスを提供したり、要素コンポーネントを直接提供したりできます。一般的なものは次のとおりです:
1. 非常に人気のある高度に統合されたフレームワークである Bootstrap 5 には、多数の完成したコンポーネントとオプションが含まれています 2.
Tailwind CSS は、基本的なスタイルのみを備えた、柔軟に使用できる単純化されたツール スタイルのフレームワークです。
3. フラットデザインに基づくフレームワークであるマテリアライズ;
4. モバイルファーストのモデリングフレームワークであるブルマ;
5. 高度なCSSフレームワークであるファウンデーション.

UIデザイン仕様

フロントエンド開発および Web デザイナーは、以下を含む基本的なデザイン仕様を知る必要があります:
1. 色とコントラスト、テキストの読みやすさに注意する;
2. 空白のままにし、異なる要素間にスペースを空ける必要性に注意する;
3.サイズ、同様の要素は互いに注意を払う必要があります 4. 視覚的な
階層、非常に重要で優先度の高い強調表示
5. 組版、フォント、サイズなど

Javascript

Javascript はブラウザーの開発言語であり、すべての Web 開発者は一定レベルの JS 知識登録を達成する必要があります。
1. データ型、データ構造、関数、ループなどの JS の基本;
2. Document オブジェクト モデルなどの DOM;
3. Promise、Async/Await などの非同期プログラミング;
4. 要求とHTTP 原則、Fetch Interface リクエストなどの応答;
5. map、filter、reduce などの配列メソッド

追加のプログラミング ツール

1. 最も一般的なバージョン管理プロトコル ツールである Git は、一般的に GitHub、GitLab、BitBucket などのリモート ウェアハウスと連携します. 中国では Gitee がより一般的に使用されています. 2. NPM パッケージ管理ツールを使用して、さまざまなサードパーティ製のパッケージをインストールできます
. packages の場合、最初に Nodejs をインストールする必要があります;
3. すべてのタイプの Web 開発者にとって、ブラウザー開発ツールまたはステートメントは非常に重要であり、要素セレクター、出力、ローカル ストレージ、Web ページ アクティビティなどを知る必要があります; 4. プラグイン-Emmet
最適化テキスト編集、Live Server クイック スタート静的ページ、Prettier コード フォーマット、ESlint コード インスペクション、GitHub Copilot によるコード ブロックの自動生成などのイン。

Web サイトをデプロイする

人気のあるプラットフォーム:
1. netlify;
2. Vercel;
3. cPanel;
4. AmazonS3.
ドメイン名の登録には通常、10 ～ 15 ドル (年間約 90 元) の費用がかかります:
1. namecheap、
2. domani.com、
3. bluehost、
4. GoDaddy。
デプロイ方法:
Git、SSH、FTP/SFTP

フロントエンド開発にはコンテンツが含まれます

1. HTML と CSS を使用して Web ページのレイアウトを作成する;
2. 基本的なデザイン仕様を理解する;
3. Javascript を理解して DOM に適用する;
4. 基本的なインタラクティブなフロントエンド アプリケーションを作成する;
5. Fetch を使用して API インターフェイスを要求する;
6. Git を使用するバージョン管理;
7. 小規模な製品プロジェクトの展開と管理。

追跡調査

ウェブデザイン

1. より多くのデザインを学ぶ;
2. CSS を深く学ぶ;
3. よりシンプルなウェブサイト.

Webフロントエンドフレームワーク（推奨学習）

1. React、Vue、Svelte;
2. 状態管理;
3. サーバー側のレンダリング。

後部

1. Nodejs、Python、PHP、C#、Go;
2. データ処理 - Postgres、MongoDB;
3. HTTP および API 開発。

高度な JS

1. モジュラー パッケージング;
2. 自動テスト;
3. デザイン パターン。

フロントエンド フレームワーク

フロントエンド フレームワークは通常、単一ページのアプリケーションを
構築するために使用され、ページをコンポーネントに分割して作成します。また、コンポーネントをStorybookを介して個別に開発および維持することもできます。
学習するものを選択できます。 Facebook によって維持されており、海外で最も人気のあるフロントエンド フレームワークであると考えられており、学習曲線は中程度です;
2. 中国の 1 人の開発者によって作成された Vue は、国内企業で一般的に使用されており、コミュニティのサポートが大きく、学習が非常に簡単;
3. 大企業で見られる可能性が高く、学習曲線が比較的急勾配である、Google によって作成および保守されている Angular。
4. Svelte は増加傾向にあり、軽量でかなりのパフォーマンスを備え、習得に時間がかからないコンパイラです。

タイプスクリプト

静的型のサポートと最新の JS 機能を追加した Javascript のスーパーセット:
1. 静的型チェック;
2. クラスとモジュールのサポート;
3. その他の ES6+ 機能;
4. コード エラーの可能性の低減;
5. コードの堅牢性の強化そして信頼性。

フロントエンド フレームワークの UI フレームワーク

一般的なUIフレームワークはコンポーネント化されたデザインとスタイルの分離を考慮せず、フロントエンドフレームワークのさまざまな組み合わせに従って対応する使用方法を再設計しないため、フロントエンドフレームワークに特に適しています。エンド フレームワーク. フレーム UI フレームワーク。

反応するため

1. Material UI
2、Onsen UI
3、Chakra UI
4、React Boostrap
*、Ant Design は中国でより人気があります

ビュー用

1. Vuetify
2、Buefy
3、Vue Material
4、Bootstrap Vue
*、中国では ElementUI のほうが人気

角度用

1、Angular マテリアル
2、Ng-Zorro
3、Ng-Bootstrap
4、MD Bootstrap

スベルテ用

1、Svelte Material UI
2、Materialify
3、Smelt
4、Svelte ストラップ

テスト

1. 単体テスト、テスト関数、モジュール、クラスなどの最小領域のコードをテストする;
2. 統合テスト、モジュールを組み合わせた後にテストする;
3. E2E テスト、ユーザー テストをシミュレートする。
一般的に使用される JS テスト ツールには、Jest、Cypress、Puppeteer、およびアサーティブ テスト用の Mocha+Chai が含まれます. フロントエンド フレームワークには、公式またはサードパーティのコンポーネント テスト フレームワークもあります. 他の開発言語にも独自のテスト ツールがあります.

フロントエンド フレームワーク用のサーバー サイド レンダリング SSR

Server-Side-Render (Server-Side-Render) は、フロントエンドが React、Vue、およびその他のフロントエンド フレームワークを使用してインターフェイスと連携してコンテンツを取得するためです. ページはフロントエンド JS を介してレンダリングされます。ページのレンダリングを完了するのに 2 つ以上のリクエストが必要であること. 完了していない場合、白い画面、不完全なコンテンツ、またはコードを直接表示する状況が発生しますが、従来のバックエンドでレンダリングされた Web ページは 1 つのリクエストしか必要としません。 、SEOにも打撃となるため、フロントエンドに適したサーバーレンダリングが存在する、例えば
1.Reactに適したNextjsは、事前にデータの取得とレンダリング、画像の最適化、SEOなどをサポートします; 2. Vue に適用可能なNuxtjs は
、事前にデータの取得とレンダリングをサポートし、自動変換と構築をサポートします;
3. React に適用可能な Remix は、事前にデータを取得するためのローダーとアクション トリガーをサポートし、最大の要求と応答の制御を行うことができます;
4. SvelteKit、コード分​​割やその他の機能を備えた、Svelte、高度なルーティングに適しています。
※Angular社製のNodejsバックエンド開発フレームワークNestjsは、適用フロントエンドフレームワーク言語を限定せず、他のレンダリングフレームワークと接続可能ですが、強力なデコレータの書き方を習得することをお勧めします。

静的 Web サイトを生成するためのフレームワーク

1. React に適した Gatsby はGraphQL、データレイヤーをサポートします
2. React に適した Nextjs は静的な Web サイトをすばやくエクスポートでき、事前にデータの取得をサポートします 3.
Vue に適した Gridsome は PWA プログレッシブ Web ページと SEO をサポートします;
4 、Ruby 構造に基づく Jekyll は、しばらくの間、軽量のテンプレート エンジンとしてリリースされています。

CMS ヘッドレス コンテンツ管理システム

コンテンツ管理フレームワークであるヘッドレス CMS は、一般に、オーディオとビデオ、インターフェイス ドキュメント、テーブル、ファイルなど、フロントエンドとバックエンドの間でコンテンツを管理および公開するために使用されます。バックエンドは、表示されるコンテンツを管理者に公開します。システム、およびフロント エンドはそれを表示する必要があります 管理システムから次のようなコンテンツを取得します:
1.独自のドメイン名を持つカスタマイズ可能な Nodejs 構造に基づくStrapi
オープン ソース; 2.強力で柔軟なプラットフォームであるSanity優れた協力とツールスイート;
3. ContentFul、チーム 使いやすく、速度が最適化されており、巨大なビジネスの世界に適しています;
4.以前は GraphCMS として知られていたHygraph は、軽量で直感的な GraphQL インターフェイスを介して構築されています、UI を展開できます。
*、よりCMSシステム導入

ページ静的

フロントエンド SSR は、Jamstackのような静的 Web サイトを生成し、それらを CDN にホストし、ヘッドレス CMS と組み合わせてパフォーマンスを大幅に向上させます。

ジャムスタックについて

完全な名前は Javascript Api マークアップ スタックです, これは、スクリプト レンダリング、インターフェイス コンテンツ、およびテンプレート ジェネレーターで構成されたフレームワークです. その主な目標または機能は、スクリプトでレンダリングされたページのコンテンツを静的ページに変換することです.メソッド呼び出しを完了するサーバー、高性能、強力なセキュリティ、および低コスト。

フロントエンド開発者の機能のまとめ

フロントエンド開発者は、次のことができる必要があります。

• フロントエンド フレームワークを介してユーザー インターフェイスを構築します。
• ローカル ストレージとグローバル ステートの使用方法を理解する。
• HTTP、TCP などで REST Api/GraphGL を理解し、使用する。
  追加スキル：
• Typescript を使用してアプリケーションを作成します。
• サーバー側および静的レンダリング技術を使用 - SSR、Jamstack (SSG + ヘッドレス CMS);
• 自動化されたテストを作成します。

サーバー/バックエンド開発言語

• Node.js、イベント駆動型、高強度の IO リクエストに適していますが、CPU を大量に使用するコンピューティング アプリケーションには適していません。フロントエンドとしては簡単に始められ、大規模なフロントエンドやフロントエンドからフルスタックのジョブに適しています。
• 最も一般的な大規模なバックエンド プログラム開発言語である Java は、SpringBoot と一緒に登場することが多く、多くのサポート ライブラリと無数の歴史的落とし穴があり、1 週間で習得できる開発言語であると主張されていました。
• Google が Java を置き換えるために作成した比較的新しい GoLang は、歴史的な負担を取り除き、同時実行性の高いアプリケーションに適しており、小さくて美しいため、Java と Go のいずれかを選択するか、両方を学習することをお勧めします。
• ビッグデータ、機械学習、人工知能などの分野で一般的に使用されている Python は、Web サイトやデスクトップの開発、スクリプトの開発としてより一般的です。
• PHP は個人または中小企業の Web サイトでより一般的ですが、外国の Web サイト構築プラットフォームのトップである Wordexpress と Shopify はどちらも PHP を使用し、カスタマイズ可能な開発が付属しており、フルスタックの PHP 人材を必要とする中国の企業も存在するため、それは良いスタートの選択でもあります。
• C# (ASP.NET) は、中国国内の Web サイトや外国のデスクトップ ソフトウェアでより一般的であり、基盤は整っていますが、中国では Java ほど普及していません。
• 非常に新しい Kotlin は、主に Android 開発における Java の代替として存在しますが、Web サイト開発にも使用できますが、非常にまれです。
• Rust は比較的新しい言語であり、メモリ管理が優れた最も安全な言語として知られています. C++ を置き換えるために使用されています. 外国では広く使用されていますが、中国では非常に小さいです. 多くのデスクトップソフトウェア開発がありますが、. Web サイト開発のマイクロサービス アプリケーションに使用されます。
• ルビーは中国では非常に珍しく、外国ではさらに希少です。
• Scala、レア、主にデータエンジン、インターフェースサービス、マイクロサービスなど
• Swift は、主に iOS 開発における Objective-C の代替として存在しますが、Web サイト開発にも使用できますが、非常にまれです。
• RLang はまれですが、統計計算、データ分析、科学調査などに比較的強く、マークダウン構文を使用して開発することもできます。

サーバー/バックエンド ウェブサイト フレームワーク

Node.js

通常、Express、Koa、Fastify のいずれかを選択します. 一般的なのは Express ですが、Koa はより軽く、完全なフレームワークとして通常は卵または途中で付属しています.
そして Fastify は比較的まれですが、その名前が示すようにあらゆる面でより高速です。
Nestjs を使用することもできますし、Typescript で多くのデコレータ構文を使用することもできます.Angular2 を使用すると、この方法に慣れることができます.
または、SSR 固有のフレームワークの Nextjs (React に相当) と Nuxtjs (Vue に相当) を出発点として直接使用することもできます.これらの SSR フレームワークは、他のバックエンド フレームワークと混合することもでき、それぞれが有用なコンポーネントを使用できます.

ジャワ

Javaに関して言えばSpringを伴う必要があり、現在はSpringBootとSpringCloudに発展しており、前者はさまざまな便利な構成を統合し、後者は主に分散およびマイクロサービスをサポートするために使用されます。

ゴーラン

比較的新しく、高度に統合されたフレームワークを開発していません. それらのほとんどはまだ探索段階にあります. より一般的なものは、サードパーティのライブラリサポートとしての Gin と Beego です.

パイソン

最も一般的なのは Django と Flask です. Django の完全な統合セットは非常に高度であり、アプリケーションはその考え方に従って開発する必要があります.
また、FastAPI を使用して、インターフェイス サービスを迅速に開発します。

PHP

Laravel は非常に一般的で、PHP 自体を厳密に単純化し、別のフレームワークである Symfony 上に構築されており、Slim はオプションです。

C#

他のオプションはほとんどありません。つまり、公式の ASP.NET および MVC フレームワークが付属しています。繰り返しになりますが、デスクトップ ソフトウェア、ゲーム エンジンなどではより一般的です。

コーリン

同じことがSpring as Javaに適用され、Vert.xがそれに続きます。

さび

一般的なのは Rocket で、タイプ セーフな小さなアプリケーションをすばやく構築できます。もう 1 つは、Express によく似た Actix Web です。

ルビー

最も一般的で人気のあるのは Ruby on Rails で、さまざまな種類のアプリケーションや機能セットを簡単に作成できます。
2 つ目は Sinatra で、小規模なマイクロサービスにより適しています。

スカラ

より一般的なのは Play と Lift ですが、その中でも Play には開発とデバッグのための統合ツールが多数あり、Java でもこのフレームワークを使用できます。

スウィフトとRLang

データなし。

データベース

主に、従来のリレーショナル データベースと非リレーショナル データベースに分けられます.リレーショナル データベースはテーブル構造が固定されています.たとえば、ユーザー テーブルの情報フィールドは指定されており、各ユーザー レコードは同じになります.
非リレーショナル タイプはこの機能を壊し、異なるユーザー レコードは完全に異なる情報フィールド レコードを持つことができます。

• リレーショナル データベースである MySQL は、PHP、Wordexpress、Shopify で一般的に使用されます。学習することをお勧めします。MSSQL と PostSQL は似ています。
• リレーショナル データベースである MS SQL Server は MySQL に似ており、一般に C# で使用されます。
• リレーショナル データベースである PostgreSQL は、MySQL と同様に、海外で広く使用されており、中国でも徐々に普及しています。
• 非リレーショナル データベースである Redis を学習することをお勧めします。一般的には、リレーショナル データベースとプログラムの間に移植されたキャッシュ レイヤーとして使用されます。
• ドキュメント型データベースであるMongoDBも非リレーショナル型であり、Nodejsと一緒に登場することが多く、さまざまな構造上の違いがあるデータの高速な読み書きに適しています。
• 小さくて軽量なデータベース、SQLite。
• クラウド サービス プラットフォームに基づくデータベースである Firebase は、構成と監視が便利である一方、プラットフォームの性質上、制御を失いやすいことを意味します。
• Firebase 自体のオープン ソース代替品である Supabase は、Firebase データベースのバックアップによく使用されます。

ORM

ORM (Object-Reference-Module) はオブジェクト マッピング モデルですが、SQL の構文はプログラミング言語とはまったく異なるため、実際の開発プロセスでは常に思考を切り替えてプログラムを作成する必要があります。
開発プロセスを簡素化し、プログラム内のオブジェクトの特性を強化するために、ORM 型のフレームワークが登場しました.テーブル モデルを確立することにより、データ構造とマッピングが自動的に作成され、プログラム内の使い慣れた操作オブジェクトになります。
一般的な ORM フレームワークは、複数の種類のデータベースを同時にサポートできるため、開発者は異なるデータベースを使用する場合でも、同じ開発思考と操作モードを使用できます。
一般的な ORM フレームワーク:

• 続編
• タイプORM
• MongoDB専用のMongoose
• Prisma、PostgreSQL、MongoDB、および MySQL をサポート
• SQL錬金術
• 教義

REST API

REST
APIはインタフェースのリクエスト開発メソッドで、HTTPリクエストメソッドのPOST、DELETE、PUT、GETが追加、削除、変更、クエリに対応し、統一セマンティックURLアドレスがリクエスト機能に対応、例えばGET:/product/ 1 は ID 1 の製品情報の読み取りクエリに対応します。DELETE: /product/1 は ID 1 の製品の削除に対応します。

GraphQL

GraphQL は、インターフェイス リクエストのデータ コンテンツと構造を頻繁に変更するフロントエンドのニーズに基づいています。
GraphQL関連のサードパーティライブラリを導入することで、バックエンドでデータベースのテーブル構造に対応したモデルやメソッドを構築した後、フロントエンドでリクエスト時に目的のデータ内容や構造を指定し、サードパーティライブラリが自動的に対応するコンテンツをクエリする SQL ステートメントを記述します。
これにより、その後のインターフェースの調整に必要な作業負荷もそれに応じて軽減されます。
その中でも、Apollo は非常に人気のあるライブラリです。

認証と認可

• JSON Web Tokens は、さまざまな Web サイト ドメイン、アプリケーション、およびデスクトップ ソフトウェアにわたって ID 認証を完了するための非常に便利な方法です。
• Web サイトの従来のログイン ストレージおよび検証方法である Cookies & Sessions は、クロスドメインにすることはできず、アプリケーションやデスクトップ ソフトウェアなどの Web サイト以外のプログラムに使用することはできません。
• 面倒な登録情報を入力することなく、サードパーティの共通プラットフォームを介してこのプログラムを確認してログインするためのサードパーティのログイン。中国では Wechat、Alipay、Sina Weibo、CSDN が多く、海外では Google、Twitter、Facebook、GitHub などが利用されています。

通常、パスワード ストレージはサードパーティ ライブラリと連携して、さまざまな暗号化や復号化などを実行します。ルーティング (アクセス アドレス) は、通常、ファイルの実際の物理アドレスに対応するのではなく、仮想アドレスにパッケージ化する必要があります。

ワードプレス

海外では非常にポピュラーなWebサイト構築プラットフォームで、中小企業や個人ユーザーがWebサイト構築に利用することが多く、またコードの修正も可能であるため、Wordpressの開発経験が求められる開発者も多いです。
ヘッドレス CMS としても使用できます。

支援付きサポートと DevOps

最も知っておく必要があるのは、Apache、Nginx、IIS などの Web サーバー ソフトウェアです。Web サイト プログラムが開発された後、継続的な運用を維持し、さまざまな傍受、配布、リダイレクト、ドメイン名バインディングなどを提供するために、これらの Web サービス ソフトウェアに公開する必要があります。
また、AWS、Amazon Cloud Services、Alibaba Cloud、Tencent Cloud など、さまざまな最新のクラウド サービス プラットフォームについても理解します。一般に、企業は独自のサーバーを所有したり、サーバーをレンタルしたりすることはありませんが、クラウド サービス プラットフォームをレンタルし、プラットフォーム上でプログラムをホストすることを選択します。 .
クラウド サービス プラットフォームも一般的にさまざまなドメイン名の登録などを提供しており、heroku や DigitalOcean などの個別のものもあります。
次に、DevOps、つまり継続的インテグレーション、運用、保守展開を理解する必要があります。
簡単に言えば、開発からデプロイまでのプロセスであり、Docker や Kubernetes などの自動化されたツールまたはフレームワークを使用して、開発環境とサーバー (Windows での Linux サーバーへの開発とデプロイなど) の違いを滑らかにします。 )、プログラムのリリースおよび展開時の手動構成プロセスの削減、自動テストなど。

バックエンド開発者機能の概要

• 少なくとも 1 つのサーバー/バックエンド開発言語の習熟度
• データベースの使用に習熟し、ORM/ODM を操作できること
• REST API の作成方法と承認の確認方法を理解する
• Linux およびその他のコマンド ラインに習熟している
• プロジェクトをゼロから開発し、公開してサーバーにデプロイする方法に習熟している

モバイル端末・アプリ・APP開発

主に Android と iOS アプリケーションの開発をクロスターミナル フレームワークを介して一度に完了しますが、ほとんどの場合、違いやパフォーマンスの低下を滑らかにすることはできません。維持されます。

• 現在最も普及しているクロスエンド フレームワークである Flutter は、アニメーションを作成するのと同じようにインターフェイスの開発を完了するため、Web 開発者とネイティブ開発者の両方が学習できる Dart 開発言語を学習する必要があります。
• React ベースのクロスエンド フレームワークである React Native に、多くのネイティブ コンポーネント、属性、および機能を追加しても、実際には開発量が減るわけではないので注意が必要です。
• 中国で非常に一般的なクロスターミナル フレームワークである Uniapp は、主に H5、Android、iOS、およびさまざまな小さなプログラムと同時に互換性がありますが、PC のサポートは限られています (レスポンシブ デザインの効果は、小さなプログラム)、およびパフォーマンスの低下から、Web 開発者は教訓を学ぶことができます。
• Ionic は、他のフレームワークと互換性があり、構築済みの UI コンポーネントを使用して構築します。
• C# に基づくクロスエンド フレームワークである Xamarin はまれであり、学習することはお勧めしません。

Web3

学ぶべきこと:

• ブロックチェーンと最大のパブリック ネットワーク イーサリアム
• Solidity は、スマート コントラクトを作成するための契約型プログラミング言語です。
• 3Dゲーム、DAO、DeFi、NFT、カーボンバランスなどのアプリ系ですが、その中でも広く知られているNFTは、実は商品そのものとして販売されている独自の通貨なので、それぞれの通貨は価値がある分安くなります。一。

人工知能

TensorFlow は、完成した機械学習モデルをロードするために使用できる強力なフロントエンド スクリプトであり、ユーザーのデバイスのカメラ、マイク、ジャイロスコープ、およびジェスチャーを呼び出してオンサイトでトレーニング モデルを完成させるためにも使用できます。たとえば、カメラを使用して頭の動きをサンプリングし、頭の動きで上下左右の移動や視点の変更などのゲーム操作を制御できるようにします。

• プログラミング アシスタントである GitHub Copilot はソフトウェア プラグインとして表示され、現在のファイル コンテキストと記述されたコメントに基づいてより一般的なコード スニペットを提供し、作業の重複を減らします。
• 非常に強力な会話型アシスタントである ChatGPT は、質問を入力することで既知の解決策を提供し、コード内の問題を分析するのにも役立ちます。これは、すべてについて少し知っているユニバーサル アシスタントに相当します。
• Python でパッケージ化された認識ライブラリである ML-API は、画像分類 (ライオンやヨットなど)、複数顔認識、画像テキスト読み取りなどに使用できます。

WebAssembly

新時代のフラッシュとも言える.主にプログラムコードをパッケージ化しフロントエンドに置いて簡単に呼び出せるようにするために使われる.主に集中的な計算や3Dモデルのロードをフロントエンドのjavascriptで効率よく行うために使われる.が苦手です。
使用されるプログラム開発言語はコンパイル ツールによって異なります。コンパイル ツールは、Rust、C/C++、Python などであり、Flash の ActionScript に相当します。

メタバース メタバース

メタバースは、実際には3D、人工知能、ブロックチェーンなどの機能を含む包括的なコンセプトプロジェクトであり、VR、カメラ、マイクを組み合わせることで、ユーザーはゲームのようにオフィスワーク、食料品の買い物、買い物などを行うことができます.AR / MR の方向では、すべてのローカル ソフトウェアをクラウド コンピューターに転送してリアルタイムで共有できます。次に、オフラインで実質的なオンライン サポートと機能強化を得ることができます。
現在 (2023 年 1 月)、開発者が独自のメタバース プロジェクトを開発する際の効率を 300% 向上させることができると主張して、誰かがメタバース フレームワークを完成させたことがわかりました。 1 年以内に完了してください。

要約する

ウェブサイトやアプリケーション、デスクトップソフトの開発は凄まじく、目まぐるしく、中でもフロントエンドの開発は日々変化しており、クライアント、ブラウザ、サーバー、バックエンドの区別だけでは解決できない機能も多くあります. . しかし、どのように連携し、機能機能、インターフェイスの相互作用、およびビジネス データ処理を分割するかについては、学習を続けてください!