gemfileにwebpackerとreact追加 webpacker4系だと動かないので、3系にしておく gem 'webpacker', '~> 3.5.5' gem 'webpacker-react' bundle install webpacker install bundle exec rails webpacker:install webpacker reatct install bundle exec bin/rails…
trait トレイトを継承することをミックスイン クラスの継承については、ミックスインと呼ばない 特徴 クラスパラメーター (コンストラクタ引数) を取ることができない 直接インスタンス化できない 複数のトレイトを 1 つのクラスやトレイトにミックスインで…
case class 特徴 メンバーフィールドの公開 toString の実装 new の代わりのファクトリメソッド データの構造を表現するのに非常に便利な機能 異なるインスタンスでも、内部のフィールドが同じであればイコールになる sealed class 宣言したファイル内でしか…
ruby エンジニアが scalaを勉強したときのメモ match ruby の case 的な 最後のelse が _ 複数候補が | num match { case 1, | 2 => “数字 } class private def は、class内のprivate と一緒 abstract class 継承用 インスタンス化できない object object Ta…
会社の合宿で、scalaでなにか作ろうとしたが、挫折。 n予備校で、scalaを勉強し始めた。 その中で、rubyエンジニアが驚いた部分とメモ hash の書き方 - Map( “a” -> 1, “b” -> 2) - => じゃなくて -> - {} じゃなくて () hashの追加 - Map( “a” -> 1, “b” ->…
reactでフロント開発していて、チャットとかで入力された URLを リンクというかaタグというか クリックできるようにしたい。 そんなときは react-linkify www.npmjs.com nl2br使っている場合でも機能する 実際はこんな感じ <Linkify className="hoge">{nl2br(anyText)}</Linkify> シンプルでよい
新しい仕事でreact nativeを使うので、そのメモ なんか２つある react-native-cli create-react-native-app create-react-native-appはreact見たく、いい感じにとりあえず動くものを作ってくれるようだ defaultでexpoを使えるようにしてくれる 普通に作ると…
amazon linux で railsプロジェクトをdeployしてたらハマったエラー g++: error: unrecognized command line option ‘-Wimplicit-fallthrough=0’ g++に問題あるけどなに？って感じ 単純に g++のversionが低い [root@hoge ~]# g++ --version g++ (GCC) 4.8.5 …
railsでreactを使っていると、２つhelper methodがあることに気づく <%= javascript_pack_tag ‘hello_react’ %> <%= react_component("HelloWorld", { greeting: "Hello" }) %> それぞれの違いがよくわかってなかったけど、変数渡せるかなのかな？？ javascr…
とりあえずrailsの場合 uniq制約のあるカラムの値を入れ替えたい 例えば下記の場合 - seqがuniq制約ついている。 accounts テーブル id name seq 1 hoge1 1 2 hoge2 2 3 hoge3 3 id = 1とid = 3のseqを入れ替えたいとき どうしよう Account.find(1).update(s…
AWSの費用削減案いろいろ 最近やったやつ いらないもの・使ってないものを削除 ec2 勇気をもって、使ってない気がするインスタンス全削除 停止されているインスタンスも金かかっているので、削除 elastic IPを解放 LB削除 RDB elasticache S3 もちろんファイ…
会社でslackを使っていて、匿名の投稿チャンネルを作ろうとなった。 その時のメモ ここを参考にしている qiita.com 流れ Appのannonymusに何か書くと、指定のチャンネルに匿名で投稿できる botkitの準備 基本的に、githubのドキュメントを参考に進める GitHu…
rails5環境で、deviseで認証を行っているプロダクトで どうしてもemailとusernameの両方でloginできるようにする必要が出た その時のメモ 公式 devise gem のwikiにまとまっているものがある（なぜか２つ How To: Allow users to sign in using their userna…
画面表示出したいのに、なにも画面に出力されない biosすらでない 出力がGPU経由になっているので、マザーボード側からの出力にする必要がある GPUにディスプレイケーブルを差し起動 bios表示させるためdeleteボタン連打 igfxをenabledに設定し保存し終了 マ…
今更マイニングをやる機会があったので、その時の機材メモ パイプとか買って、別途組み立てる必要あり こうゆうところで買う MISUMI-VONA | ミスミの総合Webカタログ GPU 基本的にGeForce 1060を使う 玄人志向 ビデオカード GEFORCE GTX 1060搭載 GF-GTX1060…
local.conf maxgputemp 85 stratumproxy enabled proxywallet hogehoge proxypool1 hugahuga proxypool2 hugahuga flags --cl-global-work 8192 --farm-recheck 200 globalfan 100 globalminer claymore globalmem 4200 maxgputemp GPUの温度上限 超えると処…
Rails5のアプリケーションで、rspecテストを動かしている。 よくある話で、circle ci上で30分も時間がかかっていた。 時間がもったいないので、早くできないか調べた話。 やったことは、そもそも基本なことが多く 今回は、並列実行はしていない。 それでも、…
要素の偶数個だけ、背景色変えたいとかで使える nth-child と nth-of-type <div> <h1>見出し</h1> <p>1つ目の段落</p> <p>2つ目の段落</p> </div> nth-child 親要素のn番目の要素に適応する p:nth-of-chile(2)の場合 親要素の2番目がPであれば、適応する 今回であれば、1つ目の段落 nth-child p…
実は各ブラウザには、デフォルトである程度CSSの設定がされている。 自分のデザインを当てていると、これが邪魔になる。 そこで出てくるのが - reset.css - normalize.css reset.css その名の通り 元の設定を限りなく消してしまう。 ネット上にいくらでも 既…
htmlでmain要素を使うと、ieでデザインがくずれるみたい css側で .main { display: block; } で、ブロックレベル要素として指定する
flexboxの時代だが、floatとclearfix floatの影響 floatを書けた要素の高さを親要素が認識できなくなる これにより、要素どうしがかぶったりする こんなとき <div class="main-body"> <div class="left"></div> <div class="right"></div> </div> <div class="bottom"></div> .left { float: left; } .right{ float: right; } なので、余分な回り込みをなくす（clear）…
cssのフォントサイズ指定問題 レスポンシブとかでいろいろある % まんま 親要素のなん％やねん html{ font-size: 100%; /* 16px */ } div { font-size: 100%; /* 16px */ } div > a { font-size: 50%; /* 8px */ } em 親要素の何倍か フォントサイズ以外の指…
よくある width: 100%; padding: 10px; を子要素に適用して、親要素からはみ出てしまう現象 box-sizing : border-box; width: 100%; padding: 10px; box-sizing : border-box; で解決する。 だいたいこうやって、全部に適応するけど *, *::before, *::after …
よくある文章長過ぎるから折り返し、又は 3点リーダ...みたいにしたいやつ 今回は、3点リーダ text-overflow: ellipsis; だいたい p { overflow: hidden; /* スクロール防止 */ text-overflow: ellipsis; /* 見えなくなる手前で... にする*/ white-space: no…
css側でcount upする ランキングとかで使えるかな？ cssカウンタ やることは４つ - カウンタの値の名前を決める - カウンタの値を0に初期化 - カウンタの値を表示する - カウンタの値を増加させる ranking-num counter-reset: ranking-num; cntent: counter(…
rails環境でproduction, staging, localでpumaを使っている場合に、capistranoでdeployすると 設定ファイルが勝手に、puma.rbをsharedに作ってくれる。 puma worker killerの設定をしたくて、自前のpuma.rbを 各サーバーに起きたくなった フォルダ切っちゃえ…
auto scale関係で、サーバーのログがすぐ消えてしまう環境で、ログをどこかに置いておきたい場合がある。 今回は、nginxのaccess_logを、fluentdでS3にアップロードし aws athenaで分析できるようにする 環境は、aws ec2のamazon linux上。 【目次】 ec2にfl…
auto scale関係で、サーバーのログがすぐ消えてしまう環境で、ログをどこかに置いておきたい場合がある。 今回は、nginxのaccess_logを、fluentdでS3にアップロードし aws athenaで分析できるようにする 環境は、aws ec2のamazon linux上。 【目次】 ec2にfl…
auto scale関係で、サーバーのログがすぐ消えてしまう環境で、ログをどこかに置いておきたい場合がある。 今回は、nginxのaccess_logを、fluentdでS3にアップロードし aws athenaで分析できるようにする 環境は、aws ec2のamazon linux上。 【目次】 ec2にfl…
よく忘れるのでメモ railsのバージョン上げる gem 'rails', '~> 5.1', '>= 5.1.4' railsだけupdate bundle update rails railsのupdate bin/rails app:update
