React#
| React | ||
|---|---|---|
| React 公式ドキュメント | Web およびネイティブインタラクティブインターフェースを構築するためのライブラリ。 | https://zh-hans.react.dev/ |
| ReactRouter 公式ドキュメント | 最も人気のある React ルーティング選択。 | https://reactrouter.com/en/main |
| Redux | JS アプリケーションの状態コンテナで、予測可能な状態管理を提供します。 | https://cn.redux.js.org/ |
| MobX | シンプルで拡張可能な状態管理。 | https://zh.mobx.js.org/README.html |
| DvaJS | React と redux に基づいた軽量の elm スタイルフレームワーク。 | https://dvajs.com/ |
| UmiJS | プラグイン化されたエンタープライズ向けフロントエンドアプリケーションフレームワーク。 | https://v3.umijs.org/zh-CN |
Vue#
| Vue | ||
|---|---|---|
| Vue3 | 漸進的な JavaScript フレームワーク。学びやすく、使いやすく、パフォーマンスが優れ、適用シーンが豊富な Web フロントエンドフレームワーク。 | https://cn.vuejs.org/ |
| Vue2 | 漸進的な JavaScript フレームワーク。 | https://v2.cn.vuejs.org/ |
| Vue Router | Vue.js に表現力豊かで、構成可能で便利なルーティングを提供します。 | https://router.vuejs.org/zh/ |
| Vuex | Vue.js アプリケーションのために開発された状態管理パターン + ライブラリ。 | https://vuex.vuejs.org/zh/ |
| Pinia | あなたが使いたくなる Vue ストレージ | https://pinia.web3doc.top/ |
| Nuxt | わかりやすい Web フレームワーク | https://nuxt.com.cn/ |
| create-vue | Vue プロジェクトを開始するための推奨方法。 | https://github.com/vuejs/create-vue |
| Vue CLI | Vue.js 開発の標準ツール(現在はメンテナンスモードにあります!) | https://cli.vuejs.org/zh/ |
Nodejs#
| Nodejs | ||
|---|---|---|
| Nodejs 公式ドキュメント | Node.js はオープンソースのクロスプラットフォーム JavaScript ランタイム環境です。 | https://nodejs.cn/ |
| Egg | エンタープライズ向けフレームワークとアプリケーションのために生まれました。 | https://www.eggjs.org/zh-CN |
| Express | Node.js プラットフォームに基づく、迅速でオープンでミニマルな Web 開発フレームワーク。 | https://express.nodejs.cn/ |
| Koa | Koa -- Node.js プラットフォームに基づく次世代 Web 開発フレームワーク。 | https://koa.bootcss.com/ |
| Nest | 効率的でスケーラブルなサーバーアプリケーションを構築するための漸進的な Node.js フレームワーク。 | https://docs.nestjs.cn/ |
微信小程序#
| 微信小程序 | ||
|---|---|---|
| 微信小程序官网文档 | 微信小程序の公式ドキュメント | https://developers.weixin.qq.com/miniprogram/dev/framework/ |
| uni-app | 一つのコードで iOS、Android、Web(レスポンシブ)、およびさまざまな小プログラム(WeChat/Alipay/Baidu/Toutiao/Feishu/QQ/Kuaishou/DingTalk/Taobao)、快アプリなどの複数のプラットフォームに公開できます。 | https://uniapp.dcloud.net.cn/ |
| WePY | 小プログラムがコンポーネント化開発をサポートするフレームワーク | https://wepyjs.github.io/wepy-docs/ |
| Taro | マルチエンド統一開発ソリューション | https://taro.js.org/ |
| WeUI | WeChat 小プログラムのために特別に設計されています。 | https://github.com/weui/weui-design |
UI 库#
| UI 库 | ||
|---|---|---|
| Ant Design | デザイナーが「より柔軟」に「より美しい」製品を構築し、ユーザーが「楽しく働く」ことを支援します。 | https://ant.design/index-cn |
| Ant Design Pro | 開箱即用の中台フロントエンド / デザインソリューション | https://pro.ant.design/zh-CN |
| Ant Design Mobile | モバイル Web の体験の限界を探求 | https://mobile.ant.design/zh/ |
| Element Plus | Vue 3 に基づく、デザイナーと開発者向けのコンポーネントライブラリ | https://element-plus.org/zh-CN/ |
| Element | 開発者、デザイナー、プロダクトマネージャーのために準備された Vue 2.0 に基づくデスクトップコンポーネントライブラリ | https://element.eleme.io/#/zh-CN |
| View Design | Vue.js 3 に基づくエンタープライズ向け UI コンポーネントライブラリと中バックエンドシステムソリューションで、数万の開発者にサービスを提供します。 | https://www.iviewui.com/ |
| Ant Design of Vue | ここは Ant Design の Vue 実装で、エンタープライズ向けバックエンド製品の開発とサービスを行っています。 | https://www.antdv.com/docs/vue/introduce-cn/ |
| Material UI | 直感的な React UI ツール。 | https://mui.com/ |
| Vant | 有赞チームの軽量でカスタマイズ可能なモバイル Vue コンポーネントライブラリ。 | https://vant-ui.github.io/vant/#/zh-CN |
| Cube UI | 滴滴チームが Vue.js に基づいて実装した洗練されたモバイルコンポーネントライブラリ。 | https://didi.github.io/cube-ui/#/zh-CN |
| Mint UI | 餓了么チームが Vue.js に基づくモバイルコンポーネントライブラリ。 | http://mint-ui.github.io/#!/zh-cn |
| NutUI | 京東チームの軽量モバイルコンポーネントライブラリ。 | https://nutui.jd.com/#/ |
| Bootstrap | シンプルで直感的で強力なフロントエンド開発フレームワークで、Web 開発をより迅速かつ簡単にします。 | https://www.bootcss.com/ |
| PaperCSS | 手描きスタイルの CSS フレームワーク。 | https://www.getpapercss.com/ |
编译 & 构建 & 打包#
| 编译 & 构建 & 打包 | ||
|---|---|---|
| Webpack | 現代の JavaScript アプリケーションのための静的モジュールバンドラ | https://www.webpackjs.com/ |
| Vite | 次世代のフロントエンドツールチェーンで、開発に超高速な応答を提供 | https://cn.vitejs.dev/ |
| Rollup | JavaScript バンドラで、コードを織り交ぜて複雑なプログラムを作成します。 | https://cn.rollupjs.org/ |
| Gulp | 自動化ビルドツールであなたのワークフローを強化! | https://www.gulpjs.com.cn/ |
| Grunt | JavaScript の世界のビルドツール | https://www.gruntjs.cn/ |
| Babel | Babel は JavaScript コンパイラです。 | https://www.babeljs.cn/ |
框架类库#
| 框架类库 | ||
|---|---|---|
| single-spa | フロントエンドマイクロサービスの JavaScript フレームワーク | https://zh-hans.single-spa.js.org/ |
| qiankun | あなたが見た中で最も完全なマイクロフロントエンドソリューションかもしれません。 | https://qiankun.umijs.org/zh |
| 無界 | 極限のマイクロフロントエンドフレームワーク。 | https://wujie-micro.github.io/doc/ |
| Flutter | すべてのデバイス向けにアプリケーションを構築 | https://flutter.dev/ |
| Electron | JavaScript、HTML、CSS を使用してクロスプラットフォームのデスクトップアプリケーションを構築 | https://www.electronjs.org/zh/ |
| Angular | 未来の Web 開発フレームワーク | https://angular.cn/ |
| React Native | 一度学べば、どこでも書けます。 | https://reactnative.dev/ |
| jQuery | jQuery は迅速で小型で機能豊富な JavaScript ライブラリです。 | https://jquery.com/ |
| Zepto | Zepto は現代のブラウザ向けの極簡素な JavaScript ライブラリで、jQuery と互換性のある API をほとんど持っています。 | https://zeptojs.com/ |
| Swiper | Swiper は純粋な JavaScript で作られたスライドエフェクトプラグインで、モバイル、タブレットなどのモバイル端末向けです。 | https://swiper.com.cn/ |
| iSlider | iSlider は優れたパフォーマンスを持ち、プラグイン依存のないモバイルプラットフォーム JavaScript スライドコンポーネントです。任意の要素、例えば画像や DOM 要素を処理できます。 | http://eux.baidu.com/iSlider/demo/index_chinese.html |
JavaScript#
| JavaScript | ||
|---|---|---|
| MDN | 最も権威のある Web 技術のクエリ。 | https://developer.mozilla.org/zh-CN/ |
| ECMA-262 | js 標準のクエリ。 | https://tc39.es/ecma262/ |
| 阮一峰 ES6 入门教程 | 《ECMAScript 6 入門教程》はオープンソースの JavaScript 言語のチュートリアルで、ECMAScript 6 で新たに導入された文法の特徴を包括的に紹介します。 | https://es6.ruanyifeng.com/ |
| 廖雪峰 JavaScript 教程 | これは初心者向けのゼロからの JavaScript フルスタックチュートリアルです。 | https://www.liaoxuefeng.com/wiki/1022910821149312 |
| 现代 JavaScript 教程 | 最新の JavaScript 標準を基準にしています。シンプルで十分に詳細な内容を通じて、基礎から高度な JavaScript 関連の知識を説明します。 | https://zh.javascript.info/ |
| freeCodeCamp | インタラクティブな Web 技術のチュートリアル。 | https://www.freecodecamp.org/chinese/learn |
| JavaScript 秘密花园 | JavaScript の特定の特徴を深く掘り下げます。 | http://shamansir.github.io/JavaScript-Garden/zh/ |
| JavaScript 开发者应懂的 33 个概念 | 開発者が JavaScript の概念を習得するのを助けるために設立されました。 | https://github.com/stephentian/33-js-concepts/blob/master/README.md |
| 函数式编程 | 開発者が JavaScript の概念を習得するのを助けるために設立されました。 | https://llh911001.gitbook.io/mostly-adequate-guide-chinese/ |
| TypeScript | JavaScript のスーパーセット。 | https://www.tslang.cn/ |
CSS#
| CSS | ||
|---|---|---|
| Sass | 世界で最も成熟し、安定し、強力なプロフェッショナル CSS 拡張言語! | https://www.sass.hk/ |
| Less | それは CSS であり、ただ少しだけ追加されたものです。 | https://less.nodejs.cn/ |
| PostCSS | JavaScript ツールとプラグインを使用して CSS コードを変換するツールです。 | https://www.postcss.com.cn/ |
| stylus | 表現力豊かで、動的で、堅牢な CSS。 | https://www.stylus-lang.cn/ |
| Animate.css | CSS アニメーション。 | https://animate.style/ |
| Autoprefixer | Autoprefixer は PostCSS プラグインで、あなたの CSS を解析し、ベンダープレフィックスを追加します。 | https://autoprefixer.github.io/ |
可视化#
| 可视化 | ||
|---|---|---|
| ECharts | JavaScript に基づくオープンソースの可視化チャートライブラリ | https://echarts.apache.org/zh/index.html |
| Three.js | Web3D 可視化 | https://threejs.org/ |
| AntV | 蚂蚁グループの新世代データ可視化ソリューション。 | https://antv.vision/ |
| DataV | Vue 大画面データ表示コンポーネントライブラリ。 | http://datav.jiaminghi.com/ |
AI 工具#
| AI 工具 | ||
|---|---|---|
| ChatGPT | 世界で最も成熟し、強力な対話型 AI モデル | https://chat.openai.com/ |
| ChatGPT 镜像站点 | ここには多くの無料で使える ChatGPT ミラーサイトがあります。 | https://github.com/xx025/carrot |
| chat-pdf | PDF ファイルをアップロードし、それに関する任意の質問をします。 | https://damngood.tools/tools/chat-pdf |
| AmyMind | 開いたらすぐに使える、マインドマップの基本的な素養 | https://amymind.com/ |
| 写作猫 | AI ライティング、複数人の協力、テキスト校正、改訂、画像の自動生成などの機能を統合 | https://xiezuocat.com/ |
| StockAI.Trade | ChatGPT に基づく AI 株選択ツール | https://stockai.trade/ |
文字 & 图标#
| 文字 & 图标 | ||
|---|---|---|
| iconFont | アリババママ MUX が力を入れて作ったベクターアイコン管理、交流プラットフォーム。 | https://www.iconfont.cn/ |
| Bootstrap 官方图标库 | 1800 以上のアイコンを含む無料で高品質なオープンソースアイコンライブラリ | https://icons.bootcss.com/ |
| Font Awesome | ウェブフォントツールキット | https://fontawesome.com.cn/ |
| EMOJI 中文网 | EMOJI 中文网 | https://www.emojiall.com/zh-hans |
图片 & 视频处理#
| 图片 & 视频处理 | ||
|---|---|---|
| TinyPng | インテリジェント WebP、PNG および JPEG 圧縮 | https://tinypng.com/ |
| Final2x | 画像を任意のサイズに超解像 | https://github.com/Tohrusky/Final2x |
| SM.MS | 無料の画像ホスティングツール | https://sm.ms/ |
| HandBrake | ほぼすべての形式のビデオを変換 | https://github.com/HandBrake/HandBrake |
| HiPDF | ワンストップ PDF 変換ソリューション | https://www.hipdf.cn/all-tools |
测试 & 优化工具#
| 测试 & 优化工具 | ||
|---|---|---|
| vConsole | 軽量で拡張可能なモバイルウェブ向けのフロントエンド開発者デバッグパネル。 | https://github.com/Tencent/vConsole/blob/dev/README_CN.md |
| PageSpeed Insights | あなたのウェブページをすべてのデバイスで迅速に読み込むようにします | https://pagespeed.web.dev/ |
| Responsinator | 主流のモバイルデバイスの表示効果。 | http://www.responsinator.com/ |
| Can I use | ブラウザがサポートしている最新の Web 技術を調べる | https://caniuse.com/ |
| Optimizer | Windows プラットフォームの最適化ツール | https://github.com/hellzerg/optimizer |
大牛博客#
| 大牛博客 | ||
|---|---|---|
| 阮一峰的个人网站 | 阮一峰の個人サイト | http://www.ruanyifeng.com/ |
| 网道 | 網道チュートリアル | https://wangdoc.com/ |
| 张鑫旭的个人主页 | 張鑫旭の個人ホームページ | https://www.zhangxinxu.com/ |
| 周爱民的博客 | 周愛民のブログ | https://aimingoo.github.io/ |
| 技术胖的博客 | 15 年の開発経験を持ち、現在はフロントエンド開発を主に行っています | https://jspang.com/ |
内容管理#
| 内容管理 | ||
|---|---|---|
| VitePress | シンプルで強力で迅速です。あなたがずっと望んでいた現代 SSG フレームワークを満たします。 | https://vitepress.dev/ |
| VuePress | Vue 駆動の静的サイトジェネレーター | https://vuepress.vuejs.org/ |
| docsify | 魔法のようなドキュメントサイトジェネレーター。 | https://docsify.js.org/#/zh-cn/ |
| Jekyll | プレーンテキストを静的なウェブサイトとブログに変換します。 | https://www.jekyll.com.cn/ |