8/14〜9/10 メモ
8/14
Node.js 基本
http://www.pxt.jp/ja/diary/article/266/
Firebase ブログ
https://recreal.jp/firebase_javascript-to-chatapp/
https://www.slideshare.net/tsimo/javascriptfirebase-59251680
・ダブルクォーテーション ･･･ 文字列中の変数を変数値に置換する
・シングルクォーテーション ･･･ 文字列中の変数を変数値に置換しない
8/15
https://code.i-harness.com/ja/q/d245b2
8/18
Append
https://qiita.com/kouh/items/dfc14d25ccb4e50afe89
railsでDM
https://qiita.com/nojinoji/items/2b3f8309a31cc6d88d03
8/19
Gitについて
https://qiita.com/gold-kou/items/7f6a3b46e2781b0dd4a0
シングルクォーテーションとダブルクォーテーションのちがい
https://qiita.com/YusukeHigaki/items/c93f824f897aa630002f
“”は変数を変数値に変換する
‘’は変換しない
chome favicon
https://www.japan-secure.com/entry/what-to-do-if-favicon-is-not-displayed-in-google-chrome.html
Shifを押しながら更新で直るかも
デバッグについて
https://qiita.com/snoguchi/items/8f6bb62a3166eca23ac3
ステップオーバー
関数呼び出しがあった場合でも、関数へ処理遷移しないで次の行に進みます。
ステップイン
関数呼び出しがあった場合、その関数へ処理遷移をして、関数内の処理に進みます。
ステップアウト
関数が終了するまで実行し関数を抜けます。
JS
「idはページ内に一回しか使えない」が「classはページ中に何回でも登場出来る」
<DIV>はブロック要素であり、<SPAN>はインライン要素です。
condition ? expr1 : expr2
condition が true の場合、演算子は expr1 の値を返します。そうでない場合は expr2の値を返します。
8/22
https://a3rt.recruit-tech.co.jp/product/talkAPI/
https://qiita.com/nekoneko-wanwan/items/227ccad5f8cc449e91e9
https://qiita.com/hitonari45/items/74e625c1feee9a43279e
Chat CSS
http://vdeep.net/css-chat-design
8/24
独自ドメイン＋Firebase
https://qiita.com/kei0425/items/a7da8d263e8833f7e837
https://blog.webarata3.link/firebase-mumu
8/26
Ruby on Rails ドットインストール
ユーザーがURLにアクセス ⇒ ルーティングが仕分け ⇒ コントローラーが値を入れる ⇒ ビューがコントローラーから渡された値を表示
ABCチャット修正
書き込みを降順に
https://firebase.google.com/docs/firestore/query-data/order-limit-data?hl=ja
全件読み込みが原因で使用料MAXへ
8/28
netlify
npm install netlify-cli -g
cd my-site-folder
netlify deploy
8/30
httpsにするために
1章
Git
デプロイまでの流れ
2章
scaffold
9/1
3章
Gemとは
Ruby用のライブラリを使う時に必要となるソフトウェア
Bundler
Railsアプリケーションに必要となるGemパッケージの種類やバージョンを管理し、複数のPCで必要なGemパッケージをインストールする仕組みを提供してくれます。
migrate
SQLを書くことなくRubyでデータベース内にテーブルを作成することができる機能
Railsコマンドが使えない場合
$ spring stop
RESTとは
Webアプリケーション構造のパターン
9/2
3章
レイアウトを使う際に、/static_pages/homeにアクセスするとhome.html.erbの内容がHTMLに変換され、<%= yield %>の位置に挿入される
4章
新しく作ったメソッドはカスタムヘルパー と呼ばれます。
ハッシュは配列とほぼ同じ
インデックスとして整数値以外のものも使える点が配列と異なります
{ :name => "Michael Hartl" }
と
{ name: "Michael Hartl" }
は同じ意味
メソッド呼び出しの丸カッコは省略可能。
5章
app/assets/stylesheets/
Asset Pipeline の一部であり、このディレクトリに置かれたスタイルシートはapplication.cssの一部としてWebサイトのレイアウトに読み込まれます。
9/4
<%= render 'layouts/shim' %>
は
app/views/layouts/_shim.html.erbというファイルを探して評価して挿入する
静的ファイル (アセット)
アセットパイプラインとは、JavaScriptやCSSのアセットを最小化 (minify: スペースや改行を詰めるなど) または圧縮して連結するためのフレームワークです。
Asset Pipelineを使うと、この「開発効率と読み込み時間のどちらを重視するか」という問題について悩む必要がなくなります
Asset Pipelineがすべてのスタイルシートを1つのCSSファイル (application.css) にまとめ、すべてのJavaScriptファイルを1つのJSファイル (javascripts.js) にまとめてくれます。さらに、それらのファイルすべてに対して 不要な空白やインデントを取り除く処理を行い、ファイルサイズを最小化してくれます。結果として、開発環境と本番環境という、2つの異なった状況に対してそれぞれ最高の環境を提供してくれます。
root_pathは ～/
about_pathは ～/about
help_pathは ～/help
を表す
helper(ヘルパー)はその名前の通り、ある動作を処理する場合にメソッド化して扱えるようにRailsにあらかじめ組み込まれた機能です。
9/6
画像のサイズ変更
MiniMagick
RMagick
9/9
Rails 画像アップロード
https://numb86-tech.hatenablog.com/entry/2018/08/18/114948
http://watarisein.hatenablog.com/entry/2015/10/16/011240
https://note.mu/hajime38/n/ne2650fdf4559
Bootstrap
https://qiita.com/tqkqt0/items/d9a3f3416c242ba48ba0
コメントアウトしているinclude CarrierWave::MiniMagickをアンコメント
process :resize_to_fit => [200, 200]を同じファイルに書く
Sqlite3が最初からgemに含まれているのでproduction以外に入れ直し、
productionにはpostgresqlを入れ、
Bundle install実行する。
Heroku db 削除
https://qiita.com/Esfahan/items/75ade0233fe02ab04381
有力
https://qiita.com/kakiuchis/items/5597354b1901c1371c9e
<head>に
<%= favicon_link_tag('favicon.ico') %>
を追加、
App/asset/imageにfavicon.icoを追加する。
