差分

''作りもインフラも古くなってしまったので、β版を https://fukudat.net/texcrop に立ち上げました。しばらくしたら、こっちのバージョンは停止する予定です。''' <div style="position: relative; width: 160px; height: 40px; overflow: hidden; border: 0px; float: left;"><div style="position: absolute; top: 0px; left: 0px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3" >[https://www.fukudat.com/texcrop &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]</div><div style="position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:texcrop-button.png|160px]]</div></div>TeXCropは，「PowerPointでも，標準の数式エディタではなくTeXを用いて数式を書きたい」という変り者(!?)のためのWebアプリ． アップデート版を https://fukudat.net/texcrop に公開。に公開。コロナ自粛で暇だったので、少しだけ新しめの技術で再構築してみました。（旧バージョンは https://www.fukudat.com だが、しばらくしたら消す予定。) == What's New ==* 2020/05/10 https://fukudat.net/texcrop に新バージョンを公開。 == 免責 ==当然のことながら無保証です． もし問題を発見したら[[User:Fukudat]]にご連絡ください． == TO DO ==* 日本語フォントのバリエーションを増やす。(無料フォントだとMigMix, 昔はヒラギノ、小塚が使ってたが。） == どうやって動いているか(備忘録) == 内部構造は、<pre>フロントエンド (Web サーバー) →[リバースプロキシ]→ バックエンド (API サーバー) →[exec]→TeXLive2020コマンド類</pre>となっていて、[[google:docker-compose|docker-compose]] で制御された[[google:docker|docker]]コンテナ上で動いている。 === Webサーバー === [[google:angular+-angularjs|angular]] でWeb UIを記述。後ろのAPIサーバをhttp越しに呼び出す。Web server には[[google:nginx|nginx]]を選択。nginx公式docker imageをベースに、[[google:node|node]] と [[google:angular+-angularjs|ng]] をインストール。 === APIサーバー === 何がいいのか迷ったが、[[google:gunicorn|gunicorn]], [[google:python+flask|flask]]　で RESTful API風に仕立てる。何をベースにコンテナにするか迷ったが、結局、[[google:ubuntu|ubuntu]]のプレインなdocker imageに、[[google:texlive+2020|texlive2020]]、[[google:python|python]]などをインストール。texlive が大きいのでコンテナが大きくなってしまった。使うパッケージを絞れば小さくできるのだが。