asystのブックマーク - はてなブックマーク

Vue on Rails で作ったアプリを振り返ってみる | RE:ENGINES
はじめに個人的にRailsで作成していたWebアプリケーションのフロントエンド部分をVue.jsに切り出しました。今回は私の使い方を振り返りつつ、記事にしたいと思います。ドキュメントや他サイト様の記事を参考に、我流が入っている部分もあるので、ベストとは言えないかと思いますが、何かしらの気づきになれば良いな、と思います。以前書いた、Vue.jsとRailsでTODOアプリのチュートリアルがベースにはなっています。全体的なことディレクトリ構成 RailsのWebpackerでVue.jsをインストールすると、 javascript ディレクトリができるので、その下をVue.js専用としています。 javascript ├── components │ ├── commons │ │ ├── alert.vue │ │ └── loading.vue │ ├── errors │ │
asyst 2018/05/21
リンク
Vue.js入門その４〜TODOアプリにサーバーサイドを追加してみる〜 | RE:ENGINES
はじめに最近Vue.jsの勉強をしているtonnyです。前回は、DockerでRails + Vue.jsの環境を作ってみる記事を書かせていただきました。今回はその環境を使用して、以前のTODOアプリにサーバーサイドAPIを追加したいと思います。今までの記事はこちらになります。 Vue.js入門その１〜基本文法〜 Vue.js入門その２〜Vueインスタンスってなんぞ？〜 Vue.js入門その３〜簡単にTODOアプリを作ってみたよ〜 DockerでRails + Vue.jsの環境を作ってみる準備今回作成したいもの動きとしては、以前のTODOアプリと同じです。タスク一覧画面タスク新規登録機能タスク完了機能（論理削除）環境構築今回は、DockerでRails + Vue.jsの環境を作ってみるをそのまま使おうと思いますので、環境構築の詳細は割愛します。 Rails環境が
asyst 2017/08/16
リンク
Vue.js入門その３〜簡単にTODOアプリを作ってみたよ〜 | RE:ENGINES
はじめに 7/12 修正記事下部にて、 filter メソッドを使用している箇所がありましたが、 forEach の方が適しているとご指摘がありましたので、修正しました。以前Qiitaの方に投稿した記事ですが、こちらにも投稿します。少しご指摘もいただいたので、FIX版になります！ Vue.jsの勉強で超簡単なタスク管理アプリを作ってみる今まで、Vue.jsの記事として下記を投稿してきました。 Vue.js入門その１〜基本文法〜 Vue.js入門その２〜Vueインスタンスってなんぞ？〜ただ、今ひとつピンとこなかったため、よくあるTODOアプリを作成してみました。サンプルはこちらです。 https://jsfiddle.net/naoki85/fo26rmr0/12/ 準備 Bootstrapを読み込み CSSは面倒なので、Bootstrapを使用したいと思います。 JS Fidd
asyst 2017/07/10
リンク
RailsでS3に画像をアップロードする | RE:ENGINES
はじめに先日Railsアプリケーション上からS3に画像をアップロードする処理を実装しましたので、手順をまとめます。今回やりたいことレコード生成時にファイルを指定してアップロードする画像のファイル名を変更するアップロード時に画像を一定サイズ内に収めるアップロード時にサムネイル画像を作成する画像の保存先、一時保存先を変更する S3にアップロードする下準備 ImageMagickをインストールする実装を始める前にImageMagickをインストールします（ImageMagickは画像のリサイズとサムネイル作成で使います） Macで実装することを前提にしていますので、Homebrewをインストールしておいてください。ターミナルで以下のコマンドを実行します。
asyst 2017/06/16
リンク
1