Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shunyooo/memopage

メモを貼り付け共有できるWebページ
https://github.com/shunyooo/memopage

Last synced: 7 days ago
JSON representation

メモを貼り付け共有できるWebページ

Host: GitHub
URL: https://github.com/shunyooo/memopage
Owner: shunyooo
Created: 2017-03-18T13:38:38.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2018-05-17T10:48:41.000Z (over 6 years ago)
Last Synced: 2024-11-17T23:28:19.566Z (2 months ago)
Language: JavaScript
Size: 1.32 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# MemoPage
メモを貼り付け共有できるWebページ
フロントはjavascript,html,cssベタ書きにより実装。サーバーはcgi(perl)により実装。

## 動作確認
Google Chromeが推奨されます。 FireFoxでもギリギリ動きます。
他のブラウザでは正常に動作しない可能性があります。
[こちらから確認できます](http://www.isc.meiji.ac.jp/~ce185013/MemoPage/)
## 機能
- ### メモの貼り付け
DOM操作により、メモをページ上に貼り付けることができます。貼り付け後はページ上に付随します。
![2](https://cloud.githubusercontent.com/assets/17490886/24102954/f964b850-0dc0-11e7-85cf-543cac125daf.gif)
- ### メモの削除、ドラッグ
貼り付けたメモは削除やドラッグすることができます。
![4](https://cloud.githubusercontent.com/assets/17490886/24103467/b355e5ee-0dc2-11e7-8507-d429a91b7447.gif)

- ### メモの共有
Ajax、CGIにより実装。メモは、貼り付けられた段階と、書き込みし終わった段階、ドラッグが完了した段階でPOSTしています。削除はGETしています。（GETの方が早いらしい）
また、上記のタイミング以外に、5秒ごとにサーバーの読み込みを行なっています。
![3](https://cloud.githubusercontent.com/assets/17490886/24102955/f9af03f6-0dc0-11e7-969e-60613aee48d7.gif)

## 今後
アドオン化(Google Chrome Extension)を考えています。
### 想定機能
- ブックマークとメモ機能が融合した機能を想定しています。各ページでメモをすれば、そのページが自動的にユーザに紐づけられたリストに追加され、後でまとめて綺麗に見れるような感じ。
- ユーザ機能を付加し、メモ同士でメッセージを飛ばし、通知を行うことで、チャットのような教え合いも想定しています。
- ユーザ機能に付随し、グループメモやブロックリスト、プライベートメモなどの機能。
- 今はAjaxでの実装で、すぐパンクしてしまうと思われます。Web Socketへの移行を考えています。勉強中です。

### 問題点
- ページ毎でのメモ座標の取得や設定が困難
- ページの構造が以前と変化されてしまった場合でのメモ座標保守の困難
- サーバー側API管理の勉強が進んでいない
- もうあんまりモチベーションがない。