シンプル CRC アプリ
これは、クラス責任協力者カードを作成するためのシンプルなエディタです。 Angular 4.0 を学習するためにこれを構築しました。それが私にとって新しいことを学ぶための最良の方法だからです。 Bootstrap のような既製のコンポーネントがたくさんある完全な CSS フレームワークは使いたくなかったので、Bulma.io からいくつかのスタイルを抽出してカスタマイズしました。
エディターの機能の一部:
- モデルは HTML5 Web ストレージを介してローカルに保存されるため、サーバーは必要ありません。
- さまざまなタイプのカードを定義します: エンティティ、境界、コントローラー。
- JSON ファイルをエクスポート/インポートします。
- 主な操作のキーボード ショートカット。
- アプリケーションは、共同作業者用の CRC カードを自動的に作成します。
- カードの数。
小さなユーザーガイド:
- 既存のカードを編集するには、カードのヘッダーを 1 回クリックします。
- カードをドラッグするには、カードの本文ゾーンをクリックして押したままにします。キーボード ショートカット:
- 'CTRL-m': 新しいモデルを作成します。
- 'CTRL-d': 現在のモデルをローカル WEB ストレージから削除します。
- 「CTRL-s」: 現在のモデルをローカル ストレージに保存します。
- 'CTRL-o': ローカル ストレージからモデルを開きます。
- 「CTRL-u」: 外部 JSON ファイルをローカル ストレージにアップロードします。
- 「CTRL-j」: 現在のモデルを JSON ファイルとしてダウンロードします。エスケープするとダイアログが閉じます。
まだ完璧ではありませんが、この段階では使用可能です。アプリケーションは（まだ）応答しません。
追加したい機能をいくつか挙げます。
- jsPdf を使用した PDF エクスポート
- SVG エクスポート。
- おそらく自動レイアウト機能だと思います。
実装はそれほど難しいことではありません。これらの機能は実際にはわずか数行のコードで完了します。コードベースは小さいので、これらの機能に貢献したい場合は、お手伝いします。
これは github でホストされているバージョンへのリンクです
