Reactで画像を送信する上で要点をまとめました。 カラムを追加する class AddImageToTweets < ActiveRecord::Migration[5.2] def change add_column :tweets, :image, :string end end carriaweaveを入れる gem 'carrierwave' アップローダーを作成 rails g …

スマホ対応のブレイクポイント 結論 下記の様に分ければ良い！！ 今は560pxでスマホとPCの幅が区切られるらしい。 iphoneXでも、widthが370px程らしい # スマホ対応 @media (max-width: 559px) { } ## pcの対応 @media (min-width: 560px) { } 注意点 max-wi…

react で絵文字を入力できる様にする emoji-martで簡単に実装できた。 実装イメージ インストール yarn i emoji-mart 絵文字ってどんなデータなんだ？ 投げキッスをした絵文字のオブジェクトを見て見る nativeのkeyを見るとそのままやんけ！！ 想定していた…

スマホの実機でローカルの開発環境を動かす 参考記事のままです localhost をスマホで確認する方法 1.同じ Wi-Fi に PC / スマホで接続する 2.PC のIPアドレスを確認する（Mac の場合は システム環境設定 => ネットワーク など） 3.localhost を PC で起動 4…

Docker でrails を立ててみる やはりDockerからは逃げられないなという事でrailsを立てて見ました。 ドキュメントを参考にやってみたのですが、自分で調べて見たところをメモがてら ドキュメントを参考にやりました docs.docker.jp ※ドキュメントをなぞればr…

アイコンにカーソルを当てたら、色を変える 地味に苦戦した。Twitterの様に作成したい 完成 こんな感じ。 地味に作るのに苦労しました html <ul className="side-links"> <li><i className="fa fa-search"></i></li> <li><i className="fa fa-search"></i></li> <li><i className="fa fa-search"></i></li> <li><i className="fa fa-search"></i></li> <li></li></ul>