Devectus

Devectus（Alpha）：オフラインコードコンポーネントアプリケーション

注意

このプロジェクトは開発のかなり早い段階にあり、プロジェクトをオープンスする最初の試みの1つです

開発者がローカルドライブでコードコンポーネント/スニペットを保存できるようにするオフラインコンポーネントライブラリアプリケーション。複雑さはありません。後で使用するために保存されたコードの単純なペースト。

コンテンツ

• 私たちの目標
• 現在の機能
• 貢献
• インストールと開始
• アプリケーションを使用します

Devectusトレーラー（画像をクリック） -

警告

このプロジェクトは今のところCC BY-NC 4.0ライセンスの下にありますが、私たちは提案を受け入れており、貢献者のフィードバックに基づいて将来のライセンスを再考することができます。

私たちの目標

• 開発者にとってコードコンポーネントの再利用を容易にするため。
• 開発者をコードコードを安全に安全に保ち、100％オフラインにします。
• プロジェクト開発効率を高めるため。
• シンプルに保つために、プライバシーを促進するためのAIまたはLLMの機能強化はありません。
• デザインを清潔でモダンに保ちます。

現在の機能

• でコンポーネントを追加します。名前、タグ（現在3の最大）、言語（最大3の最大）、コード入力ボックス
• コンポーネントを編集します。名前、タグ、言語、コード入力ボックス
• コンポーネントを削除します
• ピンコンポーネント
• ユーザーが入力したすべての情報を表示するコンポーネントを選択します
• 名前またはタグでコンポーネントを検索します
• コンポーネントへのアクセスを改善するための最近のタグ領域
• Langaugesタグ領域は、コンポーネントライブラリの5つのランゴージュのリストの領域
• アプリの暗いテーマと明るいテーマを備えた設定エリア
• アプリの更新ボタン
• 「Devicons」からコンポーネントのコードロゴを自動的に割り当てた

貢献

多くの機能、アイデア、いくつかの問題に取り組むべきいくつかの問題があります（問題を参照）。貢献できると思われる場合は、貢献している領域をチェックしてお知らせください！

望ましい機能

• Dyanamic React Component/Applicationリロードインタラクションが発生したときに、つまり新しいコンポーネントが追加されると、コンポーネント領域が更新され、新しいコンポーネントが即座に表示されるようになります
• アクティブ入力に基づいて利用可能な結果を​​自動的に表示する動的検索
• より大きなコード処理/出力機能（現在、HTML、CSS、JavaScriptのみ）;これは、おそらくモナコの編集者を使用して実現することができます（提案に開かれています）
• コードのクリーンアップと最適化
• より良いファイルとフォルダー構造

将来の機能のアイデア

• すべてのデバイスのより良い責任（スタイリング）
• よりアラート応答のインプリメーション
• セキュリティおよびコンテンツセキュリティポリシーの実装
• コンポーネントコンテナまたはコードの詳細領域の幅を整理する調整可能なセクションをドラッグします
• コンポーネント上のタイムスタンプが自動的に（「作成された日付」、「日付変更」）
• ダーク/ライトテーマ（コードエディター）に合わせて、完全にカスタムスタイルのコードミラー領域
• アニメーションと移行効果（スタイリング）
• より選択可能なテーマ
• コンポーネントコードをプロジェクトに簡単に追加するために、vsコードの拡張にアプリケーションを接続する
• コンポーネントをメモに接続するための黒曜石の相互作用/互換性

ここで計画されているすべての機能を参照してください

私たちは常にプロジェクトの目標と一致するより多くの提案に対してオープンです

インストールと開始

現在のところ、このプロジェクトはこのgithubリポジトリからのみインストールできます -

nodejsバージョンがv20.15.1以降であることを確認してください

Github Docsのガイドに従ってください

はじめる

パッケージのインストール -

 npm install

アプリケーションを開始 -

 npm start

注意

現在、Windows 11以外のオペレーティングシステムでこのアプリケーションの相互互換性を認識していません。見つける可能性のある問題をお知らせください！

アプリケーションを使用します

• コンポーネントの追加

  Devectusが開始されて開いて開始したら、ツール領域の「追加」ボタンを選択して新しいコンポーネントを作成することから始めることができます。画面フォームの指示に従ってコンポーネントを作成します。

• コンポーネント情報を選択して表示します

  コンポーネントリスト/領域のコンポーネントをクリックして、名前、タグ、ランゴージュ、入力されたコード、および出力（HTML、CSS、JavaScriptのみ）など、選択したコンポーネントに入力されたすべての情報を表示します。

• コンポーネントを編集します

  コンポーネントを選択して、ツール領域の[編集]ボタンを選択して、それに応じてフォームを変更することにより、コンポーネント情報を編集できます。

• コンポーネントを削除します

  コンポーネントを選択して、ツール領域の[削除]ボタンを選択して、[削除の確認]ボタンを選択して、コンポーネントを削除できます。

• コンポーネントをピン留めします

  コンポーネントを選択し、ツール領域の「ピン」ボタンを選択することで、より重要なコンポーネントをピン留めできます。

• コンポーネントを検索します

  ツールボタン/領域の上の検索バーに検索を入力し、検索アイコンを選択したり、「Enter」キーを押したりすることにより、コンポーネントを検索できます。

• アプリケーションテーマを変更します

  アプリケーションの左上にある[設定]ボタンを選択し、優先テーマ（Light/Dark）を選択します。

• アプリケーションを更新します

  アプリケーションの左上にあるロゴの横にある更新ボタンを選択すると、新しく作成されたコンポーネントが表示されます。

注記

ボタンにリフレッシュする必要性を置き換えるために、特定の反応コンポーネントで自動リフレッシュまたはダイナミックなリフレッシュをすぐに暗示したいと考えています。