fv17の日記

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

2018-09-01から1ヶ月間の記事一覧

Rails - modelまわりのメソッド一覧(CRUD)

Create / 生成 new 機能:モデルオブジェクトの作成。データベースには保存はしない user = User.new属性値の指定もできる user = User.new(name: "Foo Bar", email: "foo@bar.com") save 機能:生成したモデルオブジェクトをデータベースに保存 返り値:保…

Rails - モデルの作成

rails generate model YourModelName column1_name:<型> column2_name:<型>例えば、 rails generate model User name:string email:string

Rails - パーシャルによる切り出し

やり方 切り出したい部分を に書き換え app/views/layouts以下に _xxxxx.html.erb を追加 (「_」アンダーバー忘れずに) 以下、app/views/layouts/application.html.erbのheaderタグをパーシャルで切り出す具体例 パーシャルで切り出す前 app/views/layouts/a…

【Rails】_path書式と_url書式の使い分け

基本:_path書式 リダイレクト:_url書式

CSSプリプロセッサとは - Sass(SCSS)、PostCSS、Stylus、Less

CSSプリプロセッサとは CSSをよりプログラミングに近い形で表現し、生のCSSよりも可読性や保守性を向上させた言語のこと。CSSにはない、ネスト(入れ子構造)や変数などといった概念があり、より簡潔に、分かりやすく記述することができる。 それぞれのプリプ…

【CSS】リスト(liタグ)のマークを非表示にする list-style:none

CSS

liタグのマークを表示しないようにする li { list-style: none; }

【CSS】文字まわりのプロパティ

CSS

font-size フォントのサイズ 数値指定:px、em、rem、vw、vhなど (pxでの指定はレスポンシブ的に良くない) キーワード指定:xx-small、x-small、small、medium、large、x-large、xx-large font-weight フォントの太さ キーワード指定:normal、bold、lighter…

【CSS】text-alignの使い方

CSS

役割 文字や画像の位置を、画面の左右、中央に寄せる。 注意点 text-alignプロパティは、インライン要素(aタグやimgタグ、spanタグなど)に対して使うことはできない。ブロック要素に対してのみ使える。そのため、aタグやimgタグに対して使いたい場合は、そ…

【参考ページ一覧】Webエンジニアのキャリアや勉強方法

Google Tech Dev Guide https://techdevguide.withgoogle.com/ ロシアの天才ハッカーによる【新人エンジニアサバイバルガイド】 https://qiita.com/jacksuzuki/items/b2fa6b44962e73a53d08 新卒の子にどこまで勉強すれば良いですかね?と聞かれた件 https://…

Rubyのコーディング規約一覧

クックパッド https://github.com/cookpad/styleguide/blob/master/ruby.ja.md Airbnb https://github.com/airbnb/ruby Rubocop(Ruby Style Guide) 英語 https://github.com/rubocop-hq/ruby-style-guide 日本語 github.com 見てて思ったこと Airbnbのコーデ…

RubyとRails関連のドキュメント一覧

Ruby るりまサーチhttps://docs.ruby-lang.org/ja/search/ Rails APIドキュメントhttps://api.rubyonrails.org/

Unixのプロセスをkillする

kill対象のプロセスを探す ps aux | grep your_target_process_name例えば ps aux | grep spring kill kill pidcloud9の場合 kill -15 pid Tips - 「|」ってどう読むの? ¥マークをShift押しながら入力すると出てくる記号ですが、パイプと読みます。

minitestでテスト結果をRED、GREENのBARで表示する

minitest-reporters gemを導入する。 記述方法はRails tutorialの「3.6.1 minitest reporters」を参照 https://railstutorial.jp/chapters/static_pages?version=5.1#sec-minitest_reporters

ゼロから学ぶGitの勉強方法

対象とする人 はじめてGitを触る人 毎回ググりながらコマンド入力し、Gitの仕組みを説明できないエンジニア SourceTreeを使ってるけど、何しているのかイマイチ理解できていないデザイナ 到達するレベル 開発現場で Gitの仕組みを理解し、Gitまわりで躓くこ…

Rails - コントローラの作成

rails generate controller YourContrllerName yourAction1 yourAction2なお、削除は rails destroy controller YourContrllerName yourAction1 yourAction2 Tips Railsの慣習で、コントローラ名には複数形を使い、モデル名には単数形を用いる

タスク毎にbranchを切って開発する場合のフローとgitコマンド

Git

自分一人の開発時のフロー。実務での開発時は3.コミット後に、プルリクエストとなり、その後Githubなどのホスティングサービス上でマージされるので異なる。 1.ブランチを切る git checkout -b your_branch_name 2.切り替わったブランチで開発 表題の通り、…

bundle install と bundle update の違い

概要 bundle install Gemfile.lockを元にgemをinstall。 Gemfile.lockが存在しない場合、Gemfileを元にgemをinstallした後、Gemfile.lockを作成。 bundle update Gemfile.lockを無視し、Gemfileを元にgemをinstall後、Gemfile.lockを更新する。 Gemfile.lock…

Rails - 画面毎にtitleタグの中身を変更する

view側の実装 <% provide(:title, "your title name") %>app/views/layouts/application.html.erbの実装 <head> <title><%= yield(:title) %></title> </head>

テストを先に書くか、コードを先に書くか

Rails チュートリアルのコラムより https://railstutorial.jp/chapters/static_pages?version=5.1#sec-getting_started_with_testing テストを先に書く テストコードが短くシンプルになる時 セキュリティが重要な課題、またはその周りでエラーとなる時 バグ…

git add のオプション -u -A -all . の違い

オプションなしの基本動作 指定したファイルをインデックスに登録 git add <your file name> git add -u ワーキングツリー全体において、変更されたファイル、削除されたファイルをadd gitの管理下にない新規追加されたファイルはaddされない git add -A ワーキングツリー全</your>…

Rails - アプリの新規作成からherokuへのデプロイまでのコマンド一覧

railsアプリケーション作成 rails _5.x.x_ new sample_app bundle install --without production bundle update コミット git init git add -A git commit -m 'xxxxxxxxxx' bitbucketにリポジトリ作成後にpush bitbucket上で操作 bitbucket.org heroku上にア…