読者です 読者をやめる 読者になる 読者になる

yoneapp@iPhoneアプリ開発

標高ワカールやニュースアプリ・スタートアップの支援を行うiOS&Railsエンジニアのブログ

サービス開発で協力できるパートナーを探しています

この記事は サービス開発で協力できるパートナーを探しています|米本剛士|note に移動しました。

Elastic Beanstalk + Mackerel

WIP@ElasticIPをプールしてElasticBeanstalkに適応する

ElasticIPをStatingとProductionでプールしておき、新しいインスタンスが生成されるたびに使われていないElasticIPをアタッチしたい。

WIP@Rails & Elastic Beanstalkの環境下でCronのような定期実行

ロードバランサーの存在を考えると、Railsアプリ側でAPI KEYとAPIを作成してAmazon LambdaでHTTPS経由で定期的に叩くのがよいかもしれない。

分散などを考えるとAmazon SQSを使うのも良さそうだけど Amazon SQSを利用する前に抑えておくべき7つのポイント - Qiita によると複数回配信される場合があり構造が複雑になりそうです。

ワーカー環境 - AWS Elastic Beanstalk によればワーカー環境を作成すればcron.yamlという設定項目が使えるかもしれない。この場合ウェブ環境と別にサーバを立てる必要があるが、ウェブ環境の負荷問題を考えるとむしろ良いと思う。どちらにせよAmazon SQSが使用されるので、重複処理対策が必要である。

Railsで日本語系バリデーション

全角文字制限

全角文字変換サポート

ひらがな toカタカナ

電話ハイフン除去バリデーション

数字のみにフィルタしてから桁数バリデーションでいいかな

JIS水準バリデーション

文字コード系メソッド

実際に文字コード変換してみて、欠けた文字が非対応文字って感じが楽ですかね。

vue.jsでimgの:srcを変更した際にローディングを表示したい

GitHub - hilongjw/vue-lazyload は初回ロードは出せてるように思う

javascript - Vuejs get image from remote source - Stack Overflow
のようにBackgroundだとうまくいくか?ただ、本当にやりたいことではない。

先行きが見えなかったので質問させて頂いた
vue.jsでimgの:srcを変更した際にローディングを表示したい(30974)|teratail

vue.jsの層ではなくて純粋にimgのload eventを参考にバインドをうまいことすればいいのかもしれない?
pxt | 画像のロード完了イベントを取得してみる

GitHub - hilongjw/vue-lazyloadを実際に動かして実験してみる。

Railsからvue-lazyloadを読み込むにはES6のimportが使えないと難しそうだ。
http://d.hatena.ne.jp/kitokitoki/20140906/p2
https://github.com/maccman/sprockets-commonjs
WebPackを使ってRailsからJavaScriptを楽に良い感じに分離する - Qiita
Bring CommonJS to your asset pipeline - Arkency Blog

JS周りが結構変わっててnpmとか使う感じが強くなってる感じがする。
RailsでCoffeeScriptを共存させつつES6やJSXを使う方法 - Aqutras Members' Blog

時間的制約から、:srcの値をnullにしてその裏にz-indexでローディング画像を固定、その上で画像をローディングするように変更。これは上手く行かなかった。理由はnull突っ込んだ後にsrcに値を突っ込んでも、バインディングの性質上?後の値しかDOMに反映されなかった。

画像を複数枚並べておき、DIVからはみ出るようにしておいてoverflow: hiddenで何とかうまくいかないかな。結論めっちゃうまくいった。