ブラキオカップ

【シーザーサラダ】SS抜きCSS

https://github.com/doxu-san/caesarsalad

Azure

CSS

C

JavaScript

HTML

CSSなんていらない。

hjtm130

ドゥ

推しアイデア

CSSではなく、あえてCでブラウザの装飾を行う!

作った背景

いつでもどこでもC言語が書きたかった。

推し技術

C言語 Azure WebAssembly(Emscripten) かわちいCSSデザイン

プロジェクト詳細

// 表向きの動作 ブラウザ上のテキストボックスにC言語を入力すると、実行されます! //入力 image //出力 image

// 素敵な中身 当初の構成 image 妥協案 image 最終案 image

1, C言語をブラウザ上で入力 2, .cファイルを作成・BLOBにアップロード 3, Azure functionでBlob Storage triggerを用いて.cファイルのアップロードを検知 4, アップロードされた.cファイルをEmscriptenを用いて.wasm形式にコンパイル 5, wasmファイルを出力用のhtml, jsファイルに変換 6, .htmlにアクセス

// テーマとわたしたちの歩み

・~0日目 「そうしょく」を「装飾」と捉え、CSSを用いたかわちいWebサイトの構想を練る。 ・1日目 C言語でWebを装飾しようと試みる。 WebAssemblyの存在を知る。Emscriptenに苦戦。 ・2日目 名前を聞いたことしかなかったDockerの概念を理解するとともに、Azureのコンテナを用いたデータの保存に成功。 VM上でコマンドを手打ちしてコンパイルする必要はあるものの、ローカル環境で動作させることに成功。 ・3日目 Azure functionを用いてサイトの自動化を図る。

// 作者のコメント デプロイが大変。 ※開発が完全ではないので、コードをアップロード後「確認する」のボタンを押してもコード通りのページになりません。 ご一報いただけるとこちらでコンパイル作業を行いますので、それから確認してみてください。
image

hjtm130

@Chise