Phyma フィーマ

アイデア

マークダウン

コメントを好きなところに挿入

数式 latex

ライブ変換

化学式

qiita をぱくる

検索に強い

SEO ??

コードについて検索すると必ず出てくる

最初に書き込んでくれる人

総ちゃん

山口くん

技術的トピック

latex + HTML

マークダウン

ユーザー管理

収益化どうする???

qiita は?

team を課金性にしている

すこし広告

延山さん

どういうインセンティブで記事を書いてくれる???

qiita は??

いいね LGTM の数

ストックの数

いいね されやすい

サジェスト・アルゴリズムがいいんだろう

ここに命かけてそう

興味持ちそうなリンクを表示して、滞在時間を長くする

ブランディング

Qiita の色(あの薄い緑)

アカデミックの世界では外に出してはいけないものはあんまりない

論文とはスタンスが違うよ

論文投稿サイトではないよ

メモ書き・入門者用サイト

難しそうな点

web アプリって難しい

全体像がつかめなかった 総

収益化

維持費はそんなにかからない

大学生は絶対つかうでしょ

マセマには勝てるでしょ

じつはマセマはすごい ラプラス変換の逆変換の証明が載ってる

フロントの話?

KaTeX ブラウザでtex表示

関連記事を割り出すアルゴリズム

どの言語でつくるのが、数理界隈として受けるのか

Julia かな

記事を1000個集める

テスト前の情報共有

それって qiita team じゃね??www

ハッシュタグで教授名とか授業名とか テストに便利

過去問

立命は1つの企業が過去問・ノートを買い取る

1回授業ノート・回答を書くと5万円とかで買取

Aノート

著作権としてグレー

試験問題は教授が著作権もってた気がする

note みたいに記事を売る機能をつければ

7割試験対策の記事になったらおもろくない

そのときはバッサバッサ削除する

関連する論文をサジェストする研究ありそう

PageRank

リンク・参照関係をもとに算出

heroku | AWS | Google Firebase

Heroku vs AWS

ファイルストレージをS3使うことになるから、それならAWSで

言語

サーバーサイド Go

Lambda | Beanstalk | EC2

サーバーレスのビッグウェーブに乗るしかない!!

AWS Lambda 採用

フロント Javascript + Veu.js

コード管理

Git にリポジトリを作る

Git にファイルをpush その後手動で(コピペ or zip冷凍)でアップロード

UI

デザイン

Bootstrap

CSS + Javascript のフレームワーク
レスポンシブ・デザイン対応

Veutify

Vue.js の UI フレームワーク
マテリアルデザイン
レスポンシブ・デザイン
Qiita の記事へのリンク

Bootstrap + Vue というフレームワークもある

カスタム Bootstrap をGUIで作るサイト
https://bootstrap.build/

エディター機能は後回しでいいんじゃないか

コメタニ

自分のパソコンで .md をかいて、それをアップする

ローカルで latex に対応するマークダウン・エディターはあるのか??

latex モードに入る記号が統一されていないからローカルのをアップするのにひと苦労

katex に準拠します、みたいなのを明記したほうがいいね

黒背景だと画像がダサい

縁取りをグレーにするとかで対処する??

役割分担

米谷

マークダウン

ライブ・プレビュー

Go サーバサイド

難易度、習熟が必要な項目を記載

ガイドラインに記載

TypeScript って???

JavaScript の拡張

静的型付け(Goと同じ)

最終的にJavaScript にエンコードされる

Web アプリフレームワークのTypescript対応状況

Angular - Gogle

Angularはフルスタック・フレームワーク。つまり、フロントもサーバーもAngularで書くことになる。

フロントのみ cf Angular

Vue 個人・企業による開発

米谷がやってきたウェブアプリは古い考え方によるもよらしい

つまり、バックで処理して、結果をフロントに書き出す、というようなもの。最近はフロントがもっと強い。開発の比率は50:50くらいになるらしい。

どういう構成にしよう…

AWS

バックエンド

AWS LAMBDA + Go

データベース Dynamo DB

ファイルストレージ S3

フロント

https://future-architect.github.io/typescript-guide/index.html
これがTypeScript の一番丁寧な解説

Vue は未対応

参考URL

React + TypeScript

この Coggle の規則

  • 枝の位置が上のものほど優先順位が高い
  • ブランチごとに基本カラーがある

カラーによる識別

基本カラー:アクティブな論点

グレー:議論が終わった論点

メリット:Angularで書くと決めたらそれ以外に考えることはなくなる

React - Facebook

対応済み

言語はTypescript

デメリット

印象:使いにくそう

React は拡張機能で対応

Google は破壊的アップグレードをよくする

Angular に完全意に依存してしまうから、部品に分けた開発仕方ができなくなる

click to edit

言語の選定

Typescript

マークダウンのライブラリがあるやつ

Angualar

React

Vue

MongoDB 気になる

Github Pages にReact アプリをデプロイする記事が多い

click to edit

Remark-react

仕様

React + javascript

マークダウン

Remark-react

Remark