どのような不具合を確認しましたか?

何も入力されていないのにEnterを押下すると認識される

不具合発生時のスクリーンショット

不具合の発生手順

1.起動する
2.Enterキーを押下する

本来どのような動作が望ましいか

なにも動作しないこと

発生したときの環境

• PC
• Win10
• GoogleChrome

欲しい機能はどのようなものか(必須)

helpみたいにworksもjsonで読み込みたい。

なぜその機能がほしいのか(必須)

きれいだから…

実装方法

#18 にならう

欲しい機能はどのようなものか(必須)

atria $ help
{commandNames} -> {commandDiscription}
...

みたいな

なぜその機能がほしいのか(必須)

いちいち手打ちはエグい
メンテナンス性皆無すぎる

実装方法

• JSONファイルを作成する
• JSONファイルを読み込んでCommandのListを格納するCommandManagerを作る
• HelpコマンドはCommandManagerにアクセスして情報を取ってくる

どのような不具合を確認しましたか?

コマンド入力後、ハイライトされたままになっている。

不具合発生時のスクリーンショット

不具合の発生手順

1. コマンドを入力する
2. そのまま何も操作しなければ発生

本来どのような動作が望ましいか

規定のテキストの色(白)になる

発生したときの環境

• PC
• Windows10
• GoogleChrome

欲しい機能はどのようなものか(必須)

changecolor などで変更したカラー情報を localstorage に保存し適用してほしい

なぜその機能がほしいのか(必須)

毎回変更するのが面倒なため

実装方法

参考URL/資料

欲しい機能はどのようなものか(必須)

起動アニメーション終了後自動で help を打った画面を表示したい

なぜその機能がほしいのか(必須)

起動した後どう操作すればよいのか、一見わからないため

実装方法

helpをステータスとして渡したコンポーネントを配置すればワンチャンありそう

参考URL/資料

欲しい機能はどのようなものか(必須)

ローディング画面の演出

なぜその機能がほしいのか(必須)

通信環境が悪いときに上の図が長い時間出ることになる。
ダサいのでちょっとくらいアニメーションさせてみたい

実装方法

index.htmlの内部を変更する

参考URL/資料

Blazorの初期読み込み画面(Loading)を変更する- Qiita

欲しい機能はどのようなものか(必須)

works cs でC#製のものを絞り込めるようなもの
works jsでJavaScript製を絞り込める

なぜその機能がほしいのか(必須)

きっとカッコイイから…

実装方法

LINQ使って抽出(Where)

概要

以下の実装だとなにか更新があるたびに ''@SetCommand''などが呼ばれている。
List<string> consoleに入力を格納し、随時レンダリングするという方式を取る以上大きな計算量の削減は難しそう。

@foreach (string item in console.ToList())
{
    @if (commands.Contains(item.Split(' ')[0]))
    {
        @*コマンド入力時*@
        <div class="console">
            <span style="color:@Setting.NameColor">atria </span>
            <span style="color:@Setting.DollarMarkColor">$</span>
            <span style="color:@Setting.CommandColor">@item</span>
        </div>
        <div class="console">
            @*ここにコマンド出力*@
            @SetCommand(item)
        </div>
    }
    else
    {
        @*コマンド以外入力時*@
        <div class="console">
            <span style="color:@Setting.NameColor">atria </span>
            <span style="color:@Setting.DollarMarkColor">$</span>
            @if (item == "")
            {
                @*入力バー(最終行のみ)*@
                <span><input id="commandLine" style="color:@inputColor" autocomplete="off" maxlength="50" type="url" @bind="inputV" @onkeyup="NextLine" @bind:event="oninput" /></span>
            }
            else
            {
                <span style="color:white">@item</span>

                @if (item != "")
                {
                    <div>
                        <span style="color:white">@item : Unknown Command. Recommend "help".</span>
                    </div>
                }
            }
        </div>
    }
}

考えられる対策

• キー入力などの動作に対してはChangeColorWithCommand();しか動作させない(余計な再レンダリングを防止する)
• Consoleの設計を変える(重い)

どのような不具合を確認しましたか?

’’help ’'などを入力すると直感に反する見た目の動作になる

不具合発生時のスクリーンショット

コマンドにインターフェースとかいろいろ使って安全化したい。

どのような不具合を確認しましたか?

題名通り

不具合発生時のスクリーンショット

不具合の発生手順

helpなどのLodingが絡むコマンドを複数回うつ

本来どのような動作が望ましいか

スクロールする

欲しい機能はどのようなものか(必須)

↑キーを押下することで前回の入力を繰り返すことができる

なぜその機能がほしいのか(必須)

さらにコンソールっぽさが増す

欲しい機能はどのようなものか(必須)

コンソール(つまり atria $ |)が表示されない状態

なぜその機能がほしいのか(必須)

コマンド入力後インタラクティブなものを表示させたいときに使うため。
ロード後のアニメーションを作成するため。

実装方法

• 一部JSのInvokeを無効化する必要があると思う(await JSRuntime.InvokeVoidAsync("focusCommandLine");)

担当箇所

改善手法

IWebHostEnvironmentからcontent root pathを取得してやる

参考文献

Getting the Web Root Path and the Content Root Path in ASP.NET Core

どのような不具合を確認しましたか?

デバッグビルド時にHTTP Error 502.5 - Process Failureが発生した

不具合発生時のスクリーンショット

不具合の発生手順

デバッグビルドする

欲しい機能はどのようなものか(必須)

cd hoge
や
urlcolor hoge ( #7 )
みたいなやつ

なぜその機能がほしいのか(必須)

これがないと実装できる機能の幅が狭いから

実装方法

<hoge status = ""></hoge>みたいな感じでパラメータを与える形を取り、のちの処理はコマンド(Razorファイル)側で処理する
index.razor側で基本コマンドの処理は行わない
コマンドの認識処理ははsplitつかってよしなに実装

欲しい機能はどのようなものか(必須)

infoでどのバージョンのものが動いているかを把握できるようにしたい。

具体的には　こんな感じ

なぜその機能がほしいのか(必須)

バグを報告する際に情報量が少ない

実装方法

参考URL/資料

欲しい機能はどのようなものか(必須)

#7 に付随。
カラー設定のテンプレートを適用できるもの。
テンプレートはこちら側で提供する。

なぜその機能がほしいのか(必須)

いちいち一つ一つ適用するのは面倒なため

実装方法

• カラーテンプレートに沿って #7 を内部的に呼び出せば良い
• カラーテンプレートを呼び出すコマンドを用意する

欲しい機能はどのようなものか(必須)

atria/hogeの色や $ の色、コマンド認識時の色などを設定できるようにしたい

なぜその機能がほしいのか(必須)

色変えれたら面白いかなと考えた

実装方法

• ローカルストレージの用意(Js絡む)
• コマンドの実装(重め)
• 設定を参照して色をセットするようにする

欲しい機能はどのようなものか(必須)

cd で works に移動し ls を叩くと現在登録されているworksのコマンド一覧が出るようなもの

なぜその機能がほしいのか(必須)

ls や cd を打ちたい！

実装方法

大規模改修になるためよく考えなければならない。
開発を進める場合はfeatureブランチを切って、リリース時にはメジャーバージョンを上げる。

どのような不具合を確認しましたか?

#7 においてコマンドの結果が即時反映されず、なにかアクションを起こすとやっと反映される

不具合発生時のスクリーンショット

どのような不具合を確認しましたか?

タイトル通り

不具合発生時のスクリーンショット

不具合の発生手順

works {language} の入力

本来どのような動作が望ましいか

[詳細コマンド : todomanager]と閉じられること

欲しい機能はどのようなものか(必須)

SSIA

なぜその機能がほしいのか(必須)

いちいち手作業で変えたくない

実装方法

参考URL/資料

概要

JavaScriptをTypeScriptに置き換える

理由

どうせならJavaScript部分もTypeScriptにして型のあるプログラミングがしたい

考えられる影響

CIファイルも書き換えないといけないかもしれない(TSはコンパイルが必要なため)(するととたんに面倒に感じる)

方法

• .ts に書き換える
• Microsoft.TypeScript.MSBuildパッケージのインストール
• .csprojファイルの編集

参考文献

Getting Started with TypeScript for JSInterop in Blazor