Please enable JavaScript.
Coggle requires JavaScript to display documents.
Phyma フィーマ - Coggle Diagram
Phyma フィーマ
アイデア
最初に書き込んでくれる人
総ちゃん
山口くん
延山さん
検索に強い
SEO ??
コードについて検索すると必ず出てくる
ブランディング
Qiita の色(あの薄い緑)
どの言語でつくるのが、数理界隈として受けるのか
Julia かな
テスト前の情報共有
それって qiita team じゃね??www
ハッシュタグで教授名とか授業名とか テストに便利
過去問
立命は1つの企業が過去問・ノートを買い取る
1回授業ノート・回答を書くと5万円とかで買取
Aノート
著作権としてグレー
試験問題は教授が著作権もってた気がする
収益化どうする???
qiita は?
team を課金性にしている
アカデミックの世界では外に出してはいけないものはあんまりない
すこし広告
どういうインセンティブで記事を書いてくれる???
qiita は??
いいね LGTM の数
ストックの数
いいね されやすい
サジェスト・アルゴリズムがいいんだろう
ここに命かけてそう
興味持ちそうなリンクを表示して、滞在時間を長くする
関連する論文をサジェストする研究ありそう
PageRank
リンク・参照関係をもとに算出
論文とはスタンスが違うよ
論文投稿サイトではないよ
メモ書き・入門者用サイト
大学生は絶対つかうでしょ
マセマには勝てるでしょ
じつはマセマはすごい ラプラス変換の逆変換の証明が載ってる
7割試験対策の記事になったらおもろくない
そのときはバッサバッサ削除する
エディター機能は後回しでいいんじゃないか
コメタニ
自分のパソコンで .md をかいて、それをアップする
ローカルで latex に対応するマークダウン・エディターはあるのか??
latex モードに入る記号が統一されていないからローカルのをアップするのにひと苦労
katex に準拠します、みたいなのを明記したほうがいいね
黒背景だと画像がダサい
縁取りをグレーにするとかで対処する??
難易度、習熟が必要な項目を記載
ガイドラインに記載
マークダウン
コメントを好きなところに挿入
数式 latex
ライブ変換
化学式
qiita をぱくる
note みたいに記事を売る機能をつければ
技術的トピック
latex + HTML
フロントの話?
KaTeX
ブラウザでtex表示
マークダウン
とりあえずこれ作りたい
今んとこ一番良さそうなMDライブラリ
Remark-react
ユーザー管理
heroku | AWS | Google Firebase
Heroku vs AWS
ファイルストレージをS3使うことになるから、それならAWSで
Lambda | Beanstalk | EC2
サーバーレスのビッグウェーブに乗るしかない!!
AWS Lambda
採用
言語
サーバーサイド
Go
フロント
Javascript + Veu.js
TypeScript って???
JavaScript の拡張
最終的にJavaScript にエンコードされる
静的型付け(Goと同じ)
Web アプリフレームワークのTypescript対応状況
Angular - Gogle
Angularはフルスタック・フレームワーク。つまり、フロントもサーバーもAngularで書くことになる。
メリット
:Angularで書くと決めたらそれ以外に考えることはなくなる
デメリット
Google は破壊的アップグレードをよくする
Angular に完全意に依存してしまうから、部品に分けた開発仕方ができなくなる
言語はTypescript
印象:使いにくそう
フロントのみ cf Angular
Vue 個人・企業による開発
Vue は未対応
対応済み
React - Facebook
React は拡張機能で対応
コード管理
Git にリポジトリを作る
Git にファイルをpush その後手動で(コピペ or zip冷凍)でアップロード
UI
デザイン
Bootstrap
CSS + Javascript のフレームワーク
レスポンシブ・デザイン対応
Bootstrap + Vue というフレームワークもある
カスタム Bootstrap をGUIで作るサイト
https://bootstrap.build/
Veutify
Vue.js の UI フレームワーク
マテリアルデザイン
レスポンシブ・デザイン
Qiita の記事へのリンク
最近のウェブアプリ開発
米谷がやってきたウェブアプリは古い考え方によるもよらしい
つまり、バックで処理して、結果をフロントに書き出す、というようなもの。最近はフロントがもっと強い。開発の比率は50:50くらいになるらしい。
https://future-architect.github.io/typescript-guide/index.html
これがTypeScript の一番丁寧な解説
どういう構成にしよう…
AWS
バックエンド
AWS LAMBDA + Go
データベース Dynamo DB
MongoDB 気になる
ファイルストレージ S3
フロント
参考URL
React + TypeScript
React 公式
TypeScriptでReactに入門するチュートリアル - Qiita
Reactを使うメリットとデメリット - Qiita
【初心者】Reactアプリケーションを作ってデプロイする方法【歓迎】 - Qiita
Github Pages にReact アプリをデプロイする記事が多い
Material-UI
Remark
https://vivliostyle.github.io/vivliostyle_doc/ja/vivliostyle-user-group-vol2/spring-raining/index.html
言語の選定
Typescript
マークダウンのライブラリがあるやつ
Angualar
AngularでMarkdownをHTMLとして表示するカスタムpipeを作成する - Qiita
React
Reactでマークダウンエディタ作成とマークダウンからHTMLに変換(ハイライト付き) - Qiita
Creating a Markdown Editor in React.js
Vue
Vue.jsでマークダウン入力&表示を実装する (mavon-editor) - Qiita
仕様
React + javascript
マークダウン
Remark-react
難しそうな点
web アプリって難しい
全体像がつかめなかった 総
収益化
維持費はそんなにかからない
関連記事を割り出すアルゴリズム
記事を1000個集める
役割分担
総
マークダウン
ライブ・プレビュー
米谷
Go サーバサイド
この Coggle の規則
枝の位置が上のものほど優先順位が高い
ブランチごとに基本カラーがある
カラーによる識別
基本カラー:アクティブな論点
グレー:議論が終わった論点