1日1%成長するブログ

毎日成長するために仕事/プライベートで得た学びをアウトプットするブログです

実装

Railsのコールバックをifで絞りつつ引数を指定する方法

before_xxx, after_xxxといったActiveRecordのコールバックを特定の条件で絞り込みしたい時は、 ifオプションを使うのが楽。 after_update :update_fuga, if: -> { saved_change_to_hoge_column? } ただこれだとコールバックに引数を指定したい時に上手くい…

Railsで特定のカラムが更新された時だけバリデーションを実行する

Rails5.1からは特定のカラムが更新されたかどうかは、以下のメソッドで判定するようになった。 Save前 {カラム名}_changed?の代わりにwill_save_change_to_{カラム名}? {カラム名}_was の代わりに {カラム名}_in_database Save後 {カラム名}_changed?の代わ…

Railsのupdateメソッドで特定の条件外でバリデーションをかける

特定の画面からの新規登録だけバリデーションをかけたいなど、 条件を絞ってバリデーションをかけたくなることはよくある。 そんな時は以下のようにsave時にcontextをオプションに渡してあげて、 with_optionsでその時に実行するバリデーションをまとめて設…

Rubyのアクセサメソッドを使ってEntityクラスを作ってAPIのレスポンスに使う

class HogePostsEntity attr_reader :author, :comments def initialize(post) @author = post.author @comments = post.comments end def self.collection(posts) posts.map { |post| new(post) } end end こんな感じでシンプルにEntity用のクラスを作れた…

Rubyの&とRailsの#tryの違い

Rubyの&. ruby2.3から追加された新しい演算子 Safe Navigation Operator(&.) 10&.to_s # => "10" nil&.to_s # nil レシーバがnilでない場合にメソッドを呼び出す レシーバがnilの場合はnilを返す Railsの#try ActiveSupportで提供されるメソッド 10.try(:to_…

CarrierwaveでUUIDを使ったファイル名にする方法

UUIDとは Universally (普遍的に) Unique (一意な) IDentifier (識別子) の略 誰でも作れるが世界中で重複しないようになっているID RFC4122という共通の規格が決められている https://tools.ietf.org/html/rfc4122 UUIDの種類 UUIDの作成方法には5種類存在…

Rails5でajaxを使っていいね機能を実装する

ルーティングを用意する resources :diaries do resources :diary_comments, only: [:create] resources :diary_likes, only: [:create, :destroy] end diaryが重複するので後でスッキリさせる モデルを用意する class Diary < ApplicationRecord belongs_to…

laravelでURLパラメータを取得する

Route::get('user/{id}', 'UserController@show'); public function show(Request $request, $id) { こんな感じで取得できる

react-nativeでbox-shadowをつける

IOSの場合 shadowColor: #ccc, shadowOffset: { width: 0, height: 2, }, shadowRadius: 0, shadowOpacity: 1, shadowOffset width: 横への影 height: 縦の影 shadowOpacity 影の透明度 0が透明、1は透明なし これでこんな感じで下に影をつけられる Android…

yenta風の特定の位置までドラッグしたらフェードアウトする処理を実装する

$('.draggable').draggable({ drag: function() { var offset = $(this).offset(); var xPos = offset.left; var yPos = offset.top; if (xPos >= 210) { $('.xxx).addClass('fadeout-right').delay(700).fadeOut(1); } if (xPos <= -210) { $('.xxx).addCla…

Railsでコメント機能を作る

ルーティングの追加 resources :diaries do resources :comments, only: [:create] end コントローラー側 @diaryComment = DiaryComment.new(diary_comment_params) @diaryComment.user_id = User.first.id respond_to do |format| if @diaryComment.save fo…

Tinder風のUIをJavaScriptで実装する

https://codepen.io/developingidea/pen/meAIncodepen.io こちらのコードを参考に学んでみた。 $(".buddy").on("swiperight",function(){ $(this).addClass('rotate-left').delay(700).fadeOut(1); $('.buddy').find('.status').remove(); $(this).append('<div class="status like">L</div>…

hammer.jsを使ってブラウザで上下左右のスワイプを検知する

hammerjs.github.io var element = document.getElementById('swipeTarget'); var hammertime = new Hammer(element); hammertime.get('swipe').set({ direction: Hammer.DIRECTION_ALL, threshold: 1, velocity:0.1 }); hammertime.on('swipeleft',function…

react-native-elementでタブのアイコンを表示する

const TabBarIcon = (props) => { return ( <Icon name={props.name} type="ionicon" color={props.focused ? hoge_color : fuga_color} /> ); }; フォントではなく画像を使いたい場合はImageを返す <Scene key="home" initial component={HomeScreen} tabBarLabel='ホーム', icon={({ focused }) => </scene></icon>