- 1. もうBacklogやRedmineは要らない? Exmentでガントチャート付きタスク管理を実践する
- 2. 【Ruby on Rails】refileでの投稿画像プレビュー機能
- 3. Vue.jsをCDNで使う (やることはコピペだけ!)
- 4. agora.io クイックスタートガイドWebSDK用(バージョン4:Next Generation)
- 5. JavaScriptを学ぶ
- 6. 【JavaScript, jQuery】nullとremoveメソッドを使ったif文で、click表示を1つだけに収める方法(+α oneメソッドとの比較)
- 7. vue.jsでA-Framを使う
- 8. [Javascript] 指定した範囲の整数を取得するランダムクラスの作成
- 9. TypeScriptとJavaScriptの違いとTypeScriptの特徴
- 10. とても簡単なReactの良さが5分以内に分かる例
- 11. 【JSDoc】JavaScriptで型補完する
- 12. Instagramにアップロードされた写真を埋め込みHTML形式で取得してみた
- 13. tsxのコードブロックはtypescriptではなくtsxと書こう
- 14. 一部分が重複している2つの配列の、差分を取得する(JavaScript)
- 15. 配列の重複削除(バニラJS)
- 16. IMI住所変換コンポーネントを魔改造して昔の地名を検索できるようにしてみた
- 17. カウントダウン処理でawaitとasyncの使い方を学ぶ
- 18. Rails6で非同期処理を実装する際、コンソールでUncaught ReferenceError: $ is not definedというエラーが出た時の対処法
- 19. さくらvpsでnode.jsでSocket.ioする
- 20. 【JavaScript】再帰処理でJSONの階層を掘り進めて末端の値を変更したい
もうBacklogやRedmineは要らない? Exmentでガントチャート付きタスク管理を実践する
どうも、業務改善が大好きな筆者です。
さて、[連日Exmentの記事を書いている](https://qiita.com/tags/exment)わけですが、そろそろタスク管理についても触れたいなと思っています。
タスク管理といえば、TrelloやAsana、BacklogやRedmineなど、SaaSのサービスが乱立してますよね。(Redmineはオンプレも可能ですが)
一方で、Excelやスプレッドシートに書き込んで、お手製のタスク管理をされている方もいらっしゃると思います。
## ガントチャート好きな人、多いですよね
筆者個人が、タスク管理でどうしても外せないのが**ガントチャート**です。ガントチャート機能付きのタスク管理サービスというと、どうしても選択肢がせばまってきます。
今は[Toggl Plan](https://toggl.com/plan/product)という名前になってTogglファミリーとなった、かつてのTeamweekが、個人的には一番好きでした。
Redmineにもガントチャートがありますが、デフォルトのあれはダメでしたね。何が良くて何がダメな
【Ruby on Rails】refileでの投稿画像プレビュー機能
# 目標
![img_prev.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/700999/bbb9c4ab-c50e-e433-7d4a-7fa3106bb429.gif)# 開発環境
ruby 2.5.7
Rails 5.2.4.3
OS: macOS Catalina# 前提
※ ▶◯◯ を選択すると、説明等が出てきますので、
よくわからない場合の参考にしていただければと思います。– [deviseでログイン環境構築](https://qiita.com/japwork/items/275110b810965fbdf72f)
– [ログインユーザーのみができる投稿機能](https://qiita.com/japwork/items/8dfb52121036791ac4fb)投稿機能が既にできていると仮定して進めます。
# 流れ
1 gem refileの導入
2 カラムの追加
3 modelの編集
4 controllerの編集
5 viewの編集# gem refi
Vue.jsをCDNで使う (やることはコピペだけ!)
#簡単にいろいろなアクションやイベントを実行することができるVue.js!
そのVue.jsを簡単に導入するには、**CDN(コンテンツデリバリーネットワーク)**を使うのが最も簡単かと思います。
**CDN(コンテンツデリバリーネットワーク)とは**
CDNとは、端的に言うと、コンテンツ(ここではVue.jsのこと)を早く簡単に使えるようにできるものです。
:point_down:詳しく知りたい方はこちら:point_down:
・[https://business.ntt-east.co.jp/content/cloudsolution/column-66.html]
・[https://www.kagoya.jp/howto/network/cdn/]では実際に実装してみましょう(コピペだけですが!)
どのページでもVue.jsを使用できるようにするには、<head>にCDNを挿入するだけでOK!
もしくはVue.jsを使用するhtmlページに挿入するだけでOK!“`ruby:application.html