自己紹介するページをRustで書く話

# はじめに
自社のLT大会において発表した内容を、実装部分をちょい省いて焼き増したものです。

# モチベーション
自己紹介ページってプログラミングを学ぶ登竜門じゃないですか。
やっぱり、簡単なものから作って学んで行くって大事だと思うんですよね。

というわけで、Webフロントだけで完結するシェルを作りましょう。
（シェルが簡単かどうかは諸説ありますが、本記事では簡単に「それっぽいの」を作れるように目指します）

あと、これ作ることでCTFみたいな問題を作ることができると思うんです。
通信しないのでローカルで完結しますし、WASMを分析して回答を得るとか、そういうのも問題として現在の解析インフラ的な状況（余り優秀なツールがない時）だとアリだと思ってます。
あとは普通に、出題者が意図したとおりにコマンドを実行してアクセス制御機構を掻い潜りフラグを得るというのでもOKだと思います。

そんなところにもモチベーションがあります。

でもまずは、シェルを作ってその上で動作するプログラムを作り、そこで自己紹介ができるようになるというものを目指します。
とりあえずざっくり3日位で作れる所までのボリューム感でやっていきます！
3日で作れるシェル！

# なんて？
1. GitHubPagesで自己紹介ページ作りたくない？
1. 作りたいよね？そうだよね？
1. 3日でそれっぽいシェル作ろう！

# 何をしたいの？何を求めるの？
ロマンを求めるために、フロントだけで動くシェルを作るんです。

# 工程表
1日目：シェル全体の管理とオンメモリなファイルシステムを作る
2日目：アクセス権限を管理するモジュールと、アカウント管理をするモジュールを作る
3日目：それっぽく動くコマンドをなにか1個作る

設計？作りながらLinuxっぽい動きをすればﾖｼ
![6133908271644279832_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/abf67d8b-7278-d790-0173-c4b42d524407.png)

# とりあえず機能モデルとかの話
- シンプルなファイルシステム（随意アクセス制御・DAC）​
- ファイルシステム関連コマンド（mkdir/mktext*)​
    - *mktext：リダイレクションははじめのうちは実装しないので、テキストファイルを作るためのコマンド
- キャティネイトコマンド（cat）​
- リストコマンド（ls）​
- デバイスファイル（/dev/urandom）​
    - 最初は`/dev/random_text`というデバイスを作って、ランダムなテキストを表示するようにする。将来的に（やるかは気分次第）バイナリも使えるようになる予定なので/dev/urandomを実装しようと思う。
- 権限昇格コマンド（sudo）​
    - DACと仮想FSの機能を使って特権昇格してコマンド実行するものを作る
- ログイン中ユーザ表示コマンド（whoami）
    - sudoコマンド検証用のコマンド、誰（どの権限のユーザ）が今実行してるかを表示する

# 使う言語（フレームワークとか）

|言語|使う目的|
|---|---|
|Rust（Yew）|WASMに変換される、ファイルシステムとかはこっちで実現する​|
|JS|そのままJS、Rust側に入力されたコマンドを渡す役割​|
|xterm.js|JSから触る、WASM側から受け取った応答を表示するだけ。単なるUIの枠としてつかうだけ。カッコいい|]

# 全体像
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/4ffd3b5e-dc79-3604-de93-d1b139b6353b.png)

# 基本的な考え方
1. 実際のファイルシステムを持つわけではない
    - オンメモリでファイルシステムを実装しなければならない
    - デバイスファイルはファイルとして振る舞う関数ポインタとして実装する
2. コマンドもファイルではないので、関数として実装する。
    - ファイルとして扱うことも視野に入れる。
    - ただし、最初は「ファイルとして振る舞わなくて良い」ところまでを目指す。
3. 実際のLinuxを目指すとコマンド数が多いので、「それっぽく動く」を目指す。
    - 各コマンドの再現に関する厳格性は追求しない

# 実装を軽く舐める
## シェル全体を表すオブジェクト：ShellService
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/609c9416-77da-b549-d5f0-b50cbabc07b6.png)

## アカウントを表現するオブジェクト：Account
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/53b17b9a-7cc7-0bb4-8b91-a7452201e8d3.png)

## アクセス権限を管理するオブジェクト：Authority
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/e93542ed-688d-6111-6ca8-e2ce13e0f76b.png)

## ファイルシステムを表現するオブジェクト：FileSystemService
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/b1c92e5c-4a45-9aba-a89b-fd7e087bd715.png)

## 各コマンド：<コマンド名>_service
### catコマンド
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/6f4513e6-5686-3e4a-62a4-3825169d44bd.png)

### sudoコマンド
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/08498ed0-d3f2-5df7-c062-a3521554f277.png)

## デバイスファイルの実装
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/34e73d90-f78a-7eac-7f91-96ed37a9a868.png)

## JS部分との結合部
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/53817635-3cf9-243a-0257-3955eccdcf2a.png)

## おまけ：上下キーでヒストリを出すやつ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/30037/83817cd7-5d39-2f58-4ea5-94e39e064be5.png)

# 感想
自己紹介をするスタートラインに立てた。

https://segfo.github.io/

lockコマンドと、unlockコマンドを新しく実装したので叩いてみてほしい。
unlockを叩くとタブがunlockされるので。

おわり。


# ん・・・？
自己紹介がない？
そりゃそうだよ、まだ作り途中だもん。
自己紹介って難しいね。

説得力の有る攻撃シナリオを考えるのが一番厳しいかも。



# 後日談：それっぽい自己紹介を出すコマンドを実装した
segfoコマンドです。叩いてみてください（URLが出ますｗ）
3割位完成しました