LEATHERギターや革製品を製作するハンドメイド工房です。オリジナル商品を開発しています。2を使って作り直しています。2の方がコンポーネント指向で見通しの良いコードが書けるので拡張性などを考えたときに有利だとの考えからです。Materialの学習を兼ねて試行錯誤しています。ここ最近、毎日のようにAngularのドキュメントを舐め回すように見ていますが、概ねAngularの全機能を試せそうま題材になったので、これが終わる頃にはだいぶ理解が進んでいるはずです。将来的にクラウドサービスにできるかもしれないと思いユーザ認証機能をつけてデータをパティショニングできるようにしています。現時点ではデータベースのユーザーデータを使って認証しているだけですが、OAuth認証機能を追加する予定です。これはログインした直後のまっさらの画面です。Factを選択するとファクト選択パネルが出てきて、新たなファクト定義をデータベースに保存できます。Spreadsheetなど)といったデータソースからデータの構造を読み込んでファクト定義を生成します。現時点ではCSVファイルとJSONファイルのみ対応しています。ファクトの評価軸(Dimension)の定義です。ファクトの集計対象の値フィールドの定義です。「Finish」ボタンを押すとファクト定義が生成されたバックエンドのMongoDBに保存されます。登録したファクトを選択した直後の画面です。選べます)、「合計金額」というラベルのボタンは評価対象の値フィールドです。評価軸を列と行にドラッグ・ドロップすることでピヴォットを作ります。行と列に評価軸をドラッグ・ドロップした様子。「ドキュメントタイプ」が行に、「状況」が列に設定され、申請金額のそれぞれの合計が表示されているという状態です。行と列の評価軸を追加した様子。仕様上、行と列の評価軸はいくつでも設定できます。ピヴォットテーブルの中身はDOMを操作して動的に作り出しています。行と列の評価軸を入れ替えた様子。評価軸はフィルタリングできます。ナビゲーションバーの「Dimension」を押すと評価軸フィルターパネルが出てきて、それぞれの評価軸の値を制限することができます。この画面の例では4人の承認者のうち2人に絞り込んでいます。これで主要部分が動くところまできたので、バグ取り、データ構造とコンポーネントの整理、OAuth認証機能の追加、CSVとJSON以外のデータソースへの対応と作業を進めていきます。最終的にはビッグデータに対応したデータベースサーバーをバックエンドに置く構造としたいと思います。いうものはサクサクと動かないとストレスになるので速さの追求はとても大事です。仕事のネタにしようと思っているので、申し訳ありませんが現時点ではソースコードの公開はしませんが、仕事に差し支えない程度には技術的な質問にお答えできると思います。JSを使って作ったものは下の動画に見られるような動きをします。今回のものもほぼ同様の動き方をします。製作と販売をしています。コメントをキャンセルコメントを入力してください。以下に詳細を記入するか、アイコンをクリックしてログインしてください。アカウントを使ってコメントしています。アカウントを使ってコメントしています。アカウントを使ってコメントしています。アカウントを使ってコメントしています。新しいコメントがついたらメールで通知。コメントデータの処理方法の詳細はこちらをご覧ください。配布用チラシチラシ(PDF)をダウンロードできます。ギターフレット計算機GuitarCalcはGuitarのフレット位置や指板の寸法を計算するアプリケーションです。PCやスマートフォンから利用できます。ギター製作の際にお役立てください。工房のワークスペースを用意しました。こちらから参加できます。メールアドレスキャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。使用に同意したとみなされます。ポリシー%d人のブロガーが「いいね」をつけました。