shumi_meter's People
shumi_meter's Issues
form_tag から form_for への変更
理由
form_tag で nestしたフォームの作成が困難だったため
懸念される点
f.text_field のキーに対して、テーブルには存在しないキーを割り当てる可能性が高い点
=> これはoption でカバーしていきたい
フォームから送信されるtag_name と user_idをid = 1以外に設定する
リンク先のURLが存在しない場合に保存させないようにしたい
tag_managementを編集できるようにする
- form_forでよしなにやってくれないかな...
flashの挙動がおかしい
-
query パラメータにnoticeが含まれてしまっている問題の解消
【参考画像】
https://gyazo.com/09918398246dd3c03e466f57b3a40e18 -
flashが綺麗に表示されない(cssが当たっていない)
userを複数人に拡張する
投稿出来る型にnumberを追加
ログイン・新規登録画面のbootstrap適用
posts/new.html.erbのform部分を修正
- bootstrap form を_form.html.erbに適用
- = render 'posts/form' を採用するようにする
【Front end】左サイドバーにタグを追加ページへのリンクを貼る
- サイドバーにタグを追加 button を追加
- タグ追加のページに遷移することを確認
一覧ページにおける画像の取り扱い
- 画像のリサイズをして、うまくcard内に納めるようにする
ユーザー登録・ログイン画面でのサイドバーが崩れる問題の対応
新規登録画面において、登録したタグに応じたフォームを出現させる。
現状
映画のみの投稿しかできない。
例えば、musicに関して投稿しようとしても、できないので、早急に修正が必要
複数人のユーザーが同じタグを追加した時の挙動がおかしい
タグを登録するときのorderの表示を隠す
タグ登録画面のbootstrap適用
- よしなにtemplate適用しよう
postコントローラでpostにひもづくtextデータの保存
- どのように保存するかの方法を検討(次の中から検討)
- accepts_nested_attributes_for でデータを送り、associationを使用して、自動で保存される設計にする
- transaction をコントローラ内で記述し、全部が保存されなければロールバックするようにする
- 上の設計次第でパラメータの受け取り方が異なるので、どちらも試して見て、良さそうな方を選択する
画像投稿用のフォームコンテンツを作成する
- image_contents テーブルを作成する
サイドバーの改良
サイドバーにユーザーが登録しているタグを出現させる
postを投稿する画面で無駄なlabelが表示されているものの修正
初期データがないところの諸々の挙動
前提
$ rails db:reset
した状態での挙動の確認をしたい
確認項目
- ユーザーがログインしていなかったらスタートはログインページに遷移させる
- タグがなくてもトップページでエラーが出ない
- contents がなくてもトップページでエラーが出ない
タグを追加時の生成インスタンスの数を増やす
現状
5個のみな気がする
Next Step
30 くらいまで増やそうかな
edit image_content model
- define associations between post and image_content models
- add accepts_nested_attributes_for to post model
フォームの種類にユーザー投稿型のselect_button を設置したい
form 部分を部分テンプレートに切り出す
- new && edit で共通のテンプレートを使用する
- accepts_nested_attributes_for の部分もうまく切り出せるのでは...?
post を投稿するフォームにuser_idを紐づける
hidden_field_tag か何かで送信するparametersのキーにuser_idを含める必要あり
MySQLの絵文字対応
- encording をutf-8 から変更する。
- my.cnf を編集
投稿の表示の改善
- 中身がない場合はあまりタイトルも出さないようにしたい
- タイトルとコンテンツの区別がつきやすくなると良いかもしれない
text_contents を複数個用意したときの保存が成功するか確認
- database で直接text_contentsを複数用意して、保存できるか試してみる
【FrontEnd】sign out button の実装
- if user_signed_in? に応じて、headerのリンクの sign in or sign out の表示を変える
本番環境での画像投稿機能
- storageをfog に変更
- S3の設定
【tag_managements】投稿できるデータ型をselect_buttonにする
- text_fieldからselect_buttonへの変更をする
accepts_nested_attributes_for で 各コンテンツの要素を送信
動的に配置されるフォームを仮置きし、その状態でのデータ保存を試みる
- tag のdatatypeごとに表示される文言を調整
- datatypeごとのフォームを作成
- view から PostsControllerにデータが送信されることを確認
- controllerでpostが保存されることを確認(別issueに切り出すかも...)
タグの拡張
post を投稿するフォームにタグの種類の情報を含める
user_idと同様に、tagの種類をparametersに入れて送信しなくてはいけない
画像を投稿できるようにする
- mini_magickをinstall
- carrierwaveをinstall
いつも通りこれを参考にしようかな
http://morizyun.github.io/blog/carrierwave-image-uploader-rails/
各contentごとのラベルをフォームから送信されるパラメータに追加
tag management からorderが保存されていない
急務で直さなきゃ...
デザイン
フロントエンドのデザイン
tag を増やす部分の実装やviewを考える
turbolinks load を設定する
現状turbolinksがうまく動作していないため、リロードしないと追加ボタンのクリック時の挙動がおかしい
修正します。
保存成功時・失敗時にフラッシュの表示
- toaster か何か使おうかな
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.