Download - 新しいレポート投稿システム 「 suu 」 について
![Page 1: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/1.jpg)
新しいレポート投稿システム 「 suu 」 について
北海道大学 理学院 宇宙理学専攻 惑星宇宙グループ 修士 2 年
三上 峻
![Page 2: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/2.jpg)
目次
はじめにsuu 概要– suu って?– Ruby on Rails
suu における MVCsuu で出来ちゃうこと課題集え!若者たちよ!
![Page 3: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/3.jpg)
はじめに
![Page 4: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/4.jpg)
まずは suu 予告編ムービーをどうぞ
![Page 5: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/5.jpg)
注意
Rails の細かいところに関しては若干危ういところがあります.
なので,興味のある人は以下の形で勉強しましょう!– Rails 勉強会 ( 増田君主催 )– ソースコードを取得して自習 (mikataka@github)– 個人レッスン with 三上
質問・コメントたくさんしてくれると盛り上がってうれしくなります.
![Page 6: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/6.jpg)
suu 概要
![Page 7: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/7.jpg)
suu って?
INEX 課題提出用レポート投稿システムRuby on Rails (RoR) で作成– redmine, 研究室配属システム もこれ–部屋予約管理システムとかもこれで作れた
らいいかな?まだ developing 段階 m(__)m管理者:三上 前管理者:川畑川畑さんの彼女が飼っていた猫の名前
![Page 8: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/8.jpg)
Ruby on Rails (1)
アプリケーションフレームワーク再利用可能なクラス・ライブラリの集合–アプリケーションを新規作成する際に,再利
用可能なコードをまとめておくことで開発者の手間を省くことができる
Web アプリケーションフレームワークWeb サイト等の開発をする際に用いら
れるアプリケーションフレームワーク
![Page 9: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/9.jpg)
Ruby on Rails (2)
開発者David Heinemeier Hansson– デンマークのプログラマ
開発年2004 年に最初のバージョンが公開– 2013/03/18 までに Rails 3.2 が正式公開– Rails 4 ...
主に使っている言語Ruby
![Page 10: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/10.jpg)
Ruby on Rails (3)
基本理念DRY(Don’t Repeat Yourself)–同じことを繰り返さない–定義などの作業は一回だけで済ませろ
CoC(Convention over Configuration)–設定より規約–慎重に設計された規約に従うことにより,設
定が不要 ( あるいは軽減 )
![Page 11: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/11.jpg)
Ruby on Rails (4)
ソフトウェアアーキテクチャは MVCModel–データと手続きを表現・ View へ通知
View–Model のデータを表示
Controller–ユーザの入力に対し応答・処理
![Page 12: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/12.jpg)
Ruby on Rails (5)
MVC の基本的なシナリオ
View
ModelController
Web ブラウザ
Database
![Page 13: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/13.jpg)
Ruby on Rails (5)
MVC の基本的なシナリオ
View
ModelController
Web ブラウザ
Database①UI を通して View に入力
②Controller がView からの入力を処理
③Controller がユーザの操作に応じた Model のメソッドを呼ぶ
④Database の更新を要求 ⑤ データ をModel に渡す
⑥Model からデータを取得
⑦ ブラウザに出力
![Page 14: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/14.jpg)
Ruby on Rails (6)
Databaseデータを集めて管理し容易に検索・抽出
などの再利用できるようにしたもの– SQlite, MySQL ...
メソッド手法 , 方式 ... – find( 検索 ), create( 生成・保存 )–具体的には後で!!
![Page 15: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/15.jpg)
Ruby on Rails (7)
ディレクトリ構造suu の場合ルートディレクトリは reportreport/|--app |--models -- *.rb |--controllers -- *_controllers.rb |--views -- 各クラス -- *.html.erb …|--db |--migrate …
![Page 16: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/16.jpg)
質問タイム
![Page 17: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/17.jpg)
suu における MVC
![Page 18: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/18.jpg)
再度,復習
MVC の基本的なシナリオ
View
ModelController
Web ブラウザ
Database①UI を通して View に入力
②Controller がView からの入力を処理
③Controller がユーザの操作に応じた Model のメソッドを呼ぶ
④Database の更新を要求 ⑤ データ をModel に渡す
⑥Model からデータを取得
⑦ ブラウザに出力
![Page 19: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/19.jpg)
ここからは…
アカウント申請の際の MVC の動きをソースコードと併せて具体的に追っていきます
![Page 20: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/20.jpg)
①UI を通して View に入力
/app/views/user/newext.html.erbユーザ新規登録画面
ブラウザへの表示
user Controller の createext アクションに入力情報を引き渡し
![Page 21: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/21.jpg)
②③View Controller Model⇒ ⇒
/app/controllers/users_controller.rb の一部
![Page 22: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/22.jpg)
②③View Controller Model⇒ ⇒
/app/controllers/users_controller.rb の一部
モデルの生成・ View からの入力等を変数に格納
![Page 23: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/23.jpg)
④⑤Database Model⇔
/app/controllers/users_controller.rb の一部
モデルがデータベースを更新メールを送信
![Page 24: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/24.jpg)
⑥⑦Model View ⇒ ⇒ ブラウザ
/app/controllers/users_controller.rb の一部
Model が View にデータを送り,ブラウザに表示
![Page 25: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/25.jpg)
⑥⑦Model View ⇒ ⇒ ブラウザ
/app/controllers/users_controller.rb の一部
![Page 26: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/26.jpg)
⑥⑦Model View ⇒ ⇒ ブラウザ
/app/controllers/users_controller.rb の一部
/app/views/users/accept.html.erb
![Page 27: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/27.jpg)
suu における MVC まとめ (?)
MVC の基本的なシナリオは suu でも同じ
View
ModelController
Web ブラウザ
Database①UI を通して View に入力
②Controller がView からの入力を処理
③Controller がユーザの操作に応じた Model のメソッドを呼ぶ
④Database の更新を要求 ⑤ データ をModel に渡す
⑥Model からデータを取得
⑦ ブラウザに出力
![Page 28: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/28.jpg)
質問タイム
![Page 29: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/29.jpg)
suu で出来ちゃうこと
![Page 30: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/30.jpg)
suu で出来ちゃうこと一覧
レポート投稿・修正・削除コメント付加アカウント機能–アカウント作成・情報更新・削除 等
リンク機能アカウント申請・承認の際の通知メール
![Page 31: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/31.jpg)
そういえば…
![Page 32: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/32.jpg)
こんなメール届きませんでしたか?
![Page 33: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/33.jpg)
こんなメールの正体 (1)
/app/views/usemail/newuser.txt.erb
この変数達 (@??) はどこから来たのか?
![Page 34: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/34.jpg)
こんなメールの正体 (2)
/app/views/usermail/newuser.txt.erb
/app/mailers/usermail.rb
この変数達 (@??) はどこから来たのか? (2 回目 )
![Page 35: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/35.jpg)
こんなメールの正体 (3)
/app/mailers/usermail.rb
/app/controllers/users_controller.rbController は非常に偉い!
![Page 36: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/36.jpg)
この機能便利ですよね!?
![Page 37: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/37.jpg)
実は僕が ...
![Page 38: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/38.jpg)
質問タイム
![Page 39: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/39.jpg)
課題
![Page 40: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/40.jpg)
suu の課題 (1)
ファイルアップロード機能–なぜか失敗するようになった–原因究明中–画像だけではなくスクリプトもアップできる
ようにしたいレポート中の画像貼り付け–画像の URL だけ貼ればレポート閲覧画面で
も画像を見れるようにしたい
![Page 41: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/41.jpg)
suu の課題 (2)
recommend 機能–イイネ!
パスワードクラック–どうもうまくいかない
受講生のコメント返し–今年度の受講生からのリクエスト–とりあえずこれをできるようにしたい
![Page 42: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/42.jpg)
集え!若者たちよ!!
![Page 43: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/43.jpg)
求ム、若人。 ( 若くなくてもOK !! )
こんな人はぜひ。とりあえず今日何言ってるかわからなかったけどなんか面白そう
INEX にもっと携わりたい・貢献したいRails に興味もったRails でいろいろ開発してみたい何にもプロジェクトに参加していない今日何言ってるかわかんなくて悔しい思いをした三上さんといっしょになんかしたい三上さんといっしょじゃなきゃイヤ三上さんが好き
![Page 44: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/44.jpg)
まとめ
suu とは RoR を使って作った新しい INEXレポート投稿システムである
RoR は設定より規約を大事にし,同じ記述を繰り返さないことを基本理念とする
RoR のソフトウェアアーキテクチャはMVC である
とりあえずは受講生のコメント返しと画像アップロードをできるようにしたい
みんな、集まれ。
![Page 45: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/45.jpg)
おわり
![Page 46: 新しいレポート投稿システム 「 suu 」 について](https://reader031.vdocuments.mx/reader031/viewer/2022031806/56813113550346895d97608c/html5/thumbnails/46.jpg)
参考文献
Ruby on Rails - ウィキペディア – WikipediaRails 4 パート 1 : Rails 4 の最新情報 (翻訳版 )http://www.engineyard.co.jp/blog/2013/rails-4-
changes/Web アプリケーションフレームワーク - ウィキペディ
ア – Wikipedia新しい inex レポート投稿システム開発の現状とこれか
らhttp://www.ep.sci.hokudai.ac.jp/~epnetfan/zagaku/
2012/0215/pub/Model View Controller - ウィキペディア – Wikipedia