微信小程序のサブパッケージ非同期読み込みの重要ポイントと実装方法
サブパッケージの非同期読み込み
微信小程序はバージョン2.11.2以降、サブパッケージの非同期読み込みをサポートしています。この機能により、「跨サブパッケージカスタムコンポーネント参照」と「跨サブパッケージJSコード参照」が可能になり、メインパッケージのサイズを最適化できます。
1. カスタムコンポーネントの使用制限
カスタムコンポーネントの使用は、その所在 ...
6月23日 21:12 投稿
Vue 3.0とViteを使用したMinIOファイルアップロードシステムの実装
MinIOは高性能でS3互換のオブジェクトストレージソリューションです。大規模なAI/ML、データレイク、データベースのワークロード向けに設計されており、ソフトウェア定義ストレージです。専用ハードウェアを購入することなく、クラウドや一般的なハードウェア上で分散オブジェクトストレージを利用できます。MinIOはオープンソースのGNU AGPL v3ライセンスと商用エンター ...
6月18日 20:14 投稿
mdb-ui-kit におけるモジュール単位インポートと Tree-shaking によるバンドル最適化
バンドルサイズ最適化の必要性
Web アプリケーションの開発において、UI ライブラリの導入は開発効率を向上させますが、同時にバンドルサイズの増大を招くリスクがあります。特に mdb-ui-kit のような包括的なコンポーネントライブラリを使用する場合、必要な機能のみを利用しているにもかかわらず、ライブラリ全体がバンドルに含まれてしまうケースが見受けられます。本稿 ...
6月15日 22:51 投稿
Vue 3プロジェクト構築 完全ガイド - 初期設定から品質向上ツール導入まで
Node.js環境の準備
Vue 3の開発環境を構築，首先要安装Node.js运行环境。Node.jsの公式ウェブサイトから最新のLTSバージョンをダウンロードしてインストールしてください。インストールが完了したら、コマンドプロンプトまたはターミナルで以下のコマンドを実行して、正常にインストールされているか確認します。
node -v
バージョン番号が表示されれば、インストール ...
6月8日 23:15 投稿
Lodashの実用的な配列操作と設定ガイド
環境構築と設定方法
LodashはJavaScript開発において、特に配列・オブジェクトの操作を簡素化するための強力なユーティリティライブラリです。npmで簡単に導入できます。
npm install lodash
Viteプロジェクトにおける自動インポート設定
unplugin-auto-import を利用することで、毎回import _ from 'lodash'と記述する手間を省けます。
// vite.config.ts
import Auto ...
5月31日 11:12 投稿
Vue3 + Vite + Pinia + Element Plus + Apifoxで構築する汎用管理画面プロジェクト実践ガイド
プロジェクト概要
プロジェクト構成概要
プロジェクト全体構成図
プロジェクトのセットアップ
Vite公式サイト
https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project
Vue3 + Viteプロジェクトの作成
要件：
Viteを使用するには、Node.jsバージョン18+が必要です
作成コマンド：
# npm 7以上の場合、--を追加する必要があります:
npm create vite@latest my- ...
5月15日 12:13 投稿