アイデア
マークダウン
コメントを好きなところに挿入
数式 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