メモを管理できる簡易的なアプリケーションです。
DEMO:
メモの作成、編集、削除、一覧表示の機能を実装しています。
- タイトルを未設定でのメモの作成、編集は警告が表示されます。
- 配色はGitHubを参考にしました。
- テーブル作成、初期データの投入は初期化ファイルを用意しました。
- SQLインジェクション対策済みです。
- ruby
- PostgreSQL
- gem sinatra
- gem webrick
- gem pg
リポジトリをcloneしてgemをインストールします。
$ cd your_workspace
$ git clone https://github.com/karlley/sinatra-memo.git
$ cd sinatra_memo
$ bundle install
PostgreSQLへのDB作成、テーブル作成、初期データの投入を行います。
$ psql -c "CREATE DATABASE memo_app"
$ psql -d memo_app -f initialize.sql
アプリケーションを起動します。
$ bundle exec ruby main.rb
http://localhost:4567/memos
にアクセスするとアプリケーションが表示されます。
http://localhost:4567/memos
にアクセスすると作成したメモ一覧ページが表示されます。- 各ページのヘッダー部の
Memo App
をクリックするとメモ一覧ページが表示されます。
- メモ一覧ページから詳細表示したいメモの
Title:
のタイトル名をクリックするとメモ詳細ページが表示されます。 http://localhost:4567/memos/[memo_id]
でメモの詳細が表示されます。
- メモ一覧ページの
New Memo
ボタンをクリックするとメモ作成ページが表示されます。 Title
、Content
を入力後、Save Memo
ボタンをクリックするとメモが作成されます。- 新規メモ作成後、メモ一覧ページに遷移します。
Title
が未入力でSave Memo
をクリックすると警告が出ます。
- メモ一覧ページから詳細表示したいメモの
Title:
のタイトル名をクリックするとメモ詳細ページが表示されます。 - メモ詳細ページ内の
Edit Memo
ボタンをクリックするとメモ編集ページが表示されます。 Title
、Content
を編集してUpdate Memo
をクリックするとメモの編集が保存されます。- メモ編集後、メモ詳細ページに遷移します。
Title
が未入力でUpdate Memo
をクリックすると警告が出ます。
- メモ一覧ページから詳細表示したいメモの
Title:
のタイトル名をクリックするとメモ詳細ページが表示されます。 - メモ詳細ページ内の
Delete Memo
ボタンをクリックするとメモが削除されます。 - メモ削除後、メモ一覧ページに遷移します。