|
みなさんこんにちは、エチャです。 社会の継続的な進歩とテクノロジーの発展に伴い、フロントエンドテクノロジーの人気はますます高まっています。Vueは中国ではほぼ誰もが知る名前であり、ReactとAngularに次いで、すべてのフロントエンドプログラマーが知っているフレームワークの一つです。 フロントエンド開発コミュニティの人々から、プロジェクトを開発するために Vue、React、および Angular フレームワークを素早く学ぶ方法を尋ねるメッセージがよく届きます。 実は、このトピックについては以前にも詳しく説明しました。こちらの記事をご覧ください: YYDS Vue および React ソースコード分析による 10 個の推奨オープンソース プロジェクト。 詳しい学習方法も掲載されているので、興味のある方はぜひご覧ください。 本日も引き続き、素晴らしいVueオープンソースプロジェクトを15個ご紹介します。学習に役立つことを願っています。また、フリーランスの仕事に就くことは、生計を立てる一つの方法となるかもしれません。 全文概要
ハビティカGithub: https://github.com/HabitRPG/haveica Habiticaは、習慣形成と生産性向上のためのアプリで、「人生をプレイ」することができます。ゲームのような報酬と罰則が、タスク達成へのモチベーションを高めます。Habiticaは、目標達成、健康増進、勤勉さ、そして幸福感の向上をサポートします。Habiticaでは、目標と人生をロールプレイングゲームのように捉えることができます。成功するとレベルアップし、失敗すると体力を失い、武器や防具を購入するためのお金を継続的に稼ぐことができます。HabiticaのフロントエンドはVueで記述されています。 リーダーGithub: https://github.com/hectorqin/reader Readerは、Vue.js + Elementをベースにしたフロントエンド読書ツールです。本棚管理、検索、膨大な書籍ライブラリ、読書、ソース切り替え、ページめくり、ジェスチャーサポート、カスタムテーマ、カスタムスタイル、WebDAV同期、テキスト置換フィルタリング、オーディオブック、ユーザー設定のバックアップと復元、コミック、オーディオ、書籍ソース障害検出、ローカルTXT、EPUB、UMD形式の書籍のインポート、書籍のグループ化、RSS購読、本棚のスケジュール更新、書籍の同時検索、ローカル書籍リポジトリなどの機能をサポートしています。 エプリーGithub: https://github.com/Janglee123/eplee Eplee は、Vue + Electron をベースにした ePub リーダーで、シンプルで美しい UI を通じて、クリーンで中断のない読書体験を提供することに重点を置いています。 マークテキストGithub: https://github.com/marktext/marktext MarkText は、速度と使いやすさを重視した、Vue + Electron をベースにしたシンプルでエレガントなオープンソースのマークダウン エディターです。 JEECGブーツGithub: https://github.com/jeecgboot/jeecgboot-vue3 JeecgBoot—Vue3版フロントエンドソースコード。Vue3.0+TypeScript+Vite+Ant-Design-Vueなどの新技術ソリューションを採用し、コンポーネントの二次カプセル化、ユーティリティ、フック、動的メニュー、権限検証、ボタンレベルの権限制御などの機能を備えています。JeecgBootローコードプラットフォームのVue3技術スタックの最新UIバージョンです。 チャットウートGithub: https://github.com/chatwoot/chatwoot Chatwootは、インスタントメッセージングチャネル向けのオープンソースのセルフホスト型カスタマーサポートツールであり、企業のカスタマーサポートを支援します。Intercom、Zendesk、Salesforce Service Cloudなどのオープンソースツールに代わるツールです。Chatwootは、様々なコミュニケーションチャネルで行われている会話を包括的に把握できます。ChatwootのフロントエンドはVueで記述されています。 特徴 Chatwoot は次の会話チャネルをサポートしています。
ファイルブラウザGithub: https://github.com/filebrowser/filebrowser FileBrowserは、GoとVueで書かれた、ブラウザ内でサーバー上のファイルを管理するためのツールです。ファイルの修正、追加、削除、さらには共有も可能なため、クラウドドライブのように使える優れたファイルマネージャーです。 スライドGithub: https://github.com/slidevjs/slidev Slidevは、Webベースのスライドショー作成およびプレゼンテーションツールです。HTMLとVueコンポーネントをサポートし、ピクセルパーフェクトなレイアウトを実現しながら、開発者がMarkdownでのコンテンツ作成に集中できるように設計されています。また、プレゼンテーションにインタラクティブなデモサンプルが組み込まれています。機能豊富なMarkdownファイルを使用し、瞬時にリロードできる美しいスライドを生成します。さらに、リアルタイムエンコード、PDFエクスポート、プレゼンテーション録画など、多くの統合機能も備えています。Slidevは、Vue 3、Vite、VueUseテクノロジーを基盤として構築されています。 石けり遊びGithub: https://github.com/hoppscotch/hoppscotch Hoppscotchは、Webサービス経由でAPIアクセスを構築するためのツールです。Node.jsとVueを使用して開発され、ミニマルなUIデザインを特徴とし、レスポンス値をリアルタイムで送受信できます。前身はPostwomanです。Postmanと同様に、HoppscotchはHTTP/HTTPSだけでなく、WebSocket、Socket.io、EventSource、MQTT、GraphQLもサポートしています。 hoppscotch は現在、次のメソッドをサポートしています。
ウィキ.jsGithub: https://github.com/requarks/wiki Wiki.jsは、Node.js + Vueテクノロジースタック上に構築された、強力でスケーラビリティに優れたオープンソースのWikiシステムです。クリーンで美しいインターフェース、柔軟な権限管理、複数のエディターのサポート、ユーザー認証方法、バックアップとストレージのオプション、検索エンジンを備えています。また、国際化、カスタムテーマ、トラフィック分析などもサポートしています。小規模チームのナレッジベースとして適しており、管理と閲覧を容易にし、共同作成をサポートします。 VueマテリアルGithub: https://github.com/vuematerial/vue-material Vue Materialは軽量で、Googleのマテリアルデザインガイドラインに完全に準拠して構築されています。Vue Materialは、様々なレイアウトを構築するための56以上のコンポーネントを提供しています。その優れた特徴の一つは、マテリアルデザインフレームワークが徹底的かつ綿密にドキュメント化されていることです。このフレームワークは非常に軽量で、Googleのマテリアルデザインガイドラインに完全に準拠した幅広いコンポーネントを備えています。このデザインはあらゆる画面にフィットし、すべてのモダンブラウザをサポートしています。 ロードマップ、貢献ガイドライン、優れたドキュメント、そして変更履歴がすべてここにあります。UIプロジェクトに興味のある開発者にとって、これは素晴らしい選択肢です。 コエルGithub: https://github.com/koel/koel Koelは、ニーズに合わせてカスタマイズできるパーソナルな音楽ストリーミングサービスです。クライアントはVueで、バックエンドはLaravelで書かれています。Web開発者向けに、KoelはFlexbox、オーディオ、ドラッグアンドドロップAPIなど、最新のWebテクノロジーを活用してタスクを実行します。 このプロジェクトはGitHubで非常に人気があり、52人の貢献者がいます。残念ながら詳細な提出ガイドラインはありませんが、作者はGitHub上で、提出する前に質問を投稿する必要があると書いています。Opencollectiveを通じてプロジェクトをスポンサーすることも選択肢の一つです。 このプロジェクトの根底にある、コミュニティ開発型のストリーミングサービスというアイデアに、私たちは大変感銘を受けています。音楽が好きで、Vueのスキルを伸ばしたい方にとって、これは素晴らしい選択肢となるでしょう。 クエーサーGithub: https://github.com/quasarframework/quasar Quasarは、SPA、PWA、SSRアプリケーション、ハイブリッドモバイルアプリケーション、マルチプラットフォームデスクトップアプリケーションなど、異なるプラットフォーム向けのアプリケーションを同じコードベースで作成できる汎用Vueフレームワークです。Quasarには最大81個のコンポーネントがあります。 優れたドキュメントと、パフォーマンスと応答性を考慮して設計された膨大なコンポーネント群が用意されています。Quasarはデフォルトでベストプラクティス（HTML/CSS/JSの縮小、キャッシュの破棄、ツリーのシャッフル、ソースマッピング、遅延読み込みによるコード分割、ES6リーク、コードリンティング、アクセシビリティ）を統合しているため、アプリケーションの機能開発に集中できます。また、新しいプロジェクトを簡単に構築できるCLIツールも提供しています。 このフレームワークには素晴らしいコミュニティがあり、チャットやフォーラムでサポートされています。また、貢献ガイドもあるようです。さらに、寄付することでツールをサポートすることも可能です。 ブートストラップVueGithub: https://github.com/bootstrap-vue/bootstrap-vue Bootstrap Vueは、BootstrapライブラリをベースにしたUIツールキットです。通常のBootstrapコンポーネントのJavaScriptをVueコードに置き換えるだけで使用できます。Bootstrap Vueを使用すると、Vue.jsと世界で最も人気のあるフロントエンドCSSライブラリであるBootstrap v4を使用して、レスポンシブでモバイルファースト、そしてARIAアクセシブルなWebプロジェクトを構築できます。また、Nuxt.jsとの統合も容易です。 豊富なドキュメントと強力なコミュニティ サポートを備えた Discord は、誰かと一緒にプロジェクトを開始し、それに貢献するための安全なオプションです。 VeeValidateGithub: https://github.com/logaretm/vee-validate eeValidate は、入力を検証してエラーを表示できる、Vue.js 用のテンプレートベースの検証フレームワークです。 テンプレートベースなので、入力値が変更されたときにどのバリデータを使用するかを指定するだけで済みます。エラーは自動的に生成され、40以上のロケールをサポートしています。多くのルールがすぐに利用可能です。 特徴：
クロスドメイン検証。
やっとコンピューター、キーボードであなたの知恵を解き放ち、人生を最大限に生きましょう。数行の数字、数文字で人生の美しさを丁寧に作り上げましょう。 インスピレーション、つまりコードの一部が、技術の進歩を促し、社会の発展を促進することができます。 |
