Ruby文法メモ 基礎文法ですが、自分用メモとして残しておきます。 users = [ { name: '太郎', age: 27 }, { name: '次郎', age: 25 } ] users.each do |user| puts user end # {:name=>"太郎", :age=>27} # {:name=>"次郎", :age=>25} users.each do |user| …

モデル アプリケーションが扱うデータや処理を表現する仕組み モデルの作成 $rails g model モデル名 カラム名:データ型 $rails g model Post name:text # 規則:テーブルの作成には単数形、頭文字は大文字。 データベースに(変更を)反映する $rails db:migra…

アプリ作成 $rails new アプリ名 サーバー起動 $rails sever(省略可:s) ルーティング・コントローラー・ビュー 内容 詳細 routing ブラウザ（URL）とコントローラを繋ぐ役割 controller ビューをブラウザに返す view ページの「見た目」を作るためのHTMLファ…

本日は、Rails記事投稿の一部を学習しました。 ポイント モデルの情報は、コントローラーのアクションへ@変数で代入する。 （ビューには直接書かない） params[:id]はURL側の数値を代入する。 find_byはモデルから情報取得する。 params+find_byの組み合わせ…

タイトルにあるとおり、 ブログ更新についてのお知らせです。 本日より、ブログ更新頻度を１週間に１回とします。 理由は単純で、量が薄いので、 ここからは質（と言えるほどではないですが。）をあげるようなコンテンツとしたいと思います。 学習は毎日続け…

本日は、cssのチートシートをまとめました。 今後も順次追加予定です。 CSSチートシート css 詳細 備考 color 文字色 font-size 文字の大きさ font-weight 文字の太さ font-family フォント種類 letter-spacing 文字間隔 line-height 行間隔 background-colo…

本日は、HTMLとCSSを活用して、 簡単なTOPページの作成にあたりました！ デザインがめちゃめちゃ素人くさいですが、、、 学習サイトで勉強しているだけではなく。 １から作ってみる、ことで多くの知見を得ることができました。 特に、検索バーについては、以…

シンボリックリンクとは 私は今業務でWindowsを利用しているのですが、（私用はMacです） 業務内でフォルダのショートカットを多様してます。 みんな絶対パスを毎回指定するのはとても面倒ですよね。 そこでシンボリックリンクの出番です。 この「ショートカ…

Web系エンジニアとして、避けることができないコマンド操作 Linuxコマンドの基礎編として、 まずは以下を抑えておきましょう！ Linux基礎コマンド一覧 コマンド 内容 touch [ファイル名] ファイルを作成する cat [ファイル名] ファイルの中身を表示する mkdi…

宣言 1,000時間（6ヶ月）の学習でWeb系バックエンドエンジニアになる。 これまで ・漠然と学習をしてしまい、ロードマップや具体的な指標、期間が明記できていなかった。 ・学習順序が明確ではなかった。 ・つまみ食い学習をしていたが、基礎が身についてな…

意気揚々とrailsサーバーを立ち上げたのですが、 今度はサーバーが切れない、ことになりました。。。 自分用メモでもありますが、解決策を書いておきます。 解決方法 ◆パターン1 psコマンドを使い、railsプロセスを見つける。 該当IDをコマンドを切ります。 …

本日は、Railsサーバーが立ち上がらなかった時の対処方法を書いていきます。 ◆環境 MBP16 OS :macOS Catalina(10.15.4) メモリ :16GB SSD :512GB シェル :zsh Rails :6.0.3 初心者あるある第3弾となってしまいました。。。 過去の失敗談はこちら。 challenge…

今回は、Rubyの環境構築で躓き、 Railsでも躓いた点をまとめてみました。 Rubyの環境構築はこちら => challenger-soft.hatenablog.com 初心者あるあるなのか、、、 困っている方の助けになれば嬉しいです。 それではいきましょう。 Railsインストール インス…

今回は、「Homebrew & rbenv」を使ったRubyの環境構築を行いました。 環境構築って本当に面倒ですよね。。。 この記事が、まだ見ぬエンジニアの助けになれば嬉しいです！ ではいきましょう！ ◆環境 MBP16 OS :macOS Catalina(10.15.4) メモリ :16GB SSD :512…

本日は、式展開について書いていきます。 式展開は、 「 " " 」で囲まれた文字列に対して、 「 #{ } 」で式や変数を埋め込むことが可能となります。 さっそく、確認してみましょう。 name = "酒井" #ダブルクォーテーション puts "私の名前は、#{name}です" …

本日からRubyについて、勉強していきます！ 今回は、素朴な疑問「クォーテーションの違い」について書きます。 初心者としては、違いがあるのかな？と思いませんか。 私も同じでした、どんな違いがあるのか。コードを実行しながらいきましょう！ #ダブルクォ…

本日は、cssの「hober」「translateY()」を用いて、 ヘッダーへのアクションを追加してみました。 個人的にクリックアクションだと、１工程挟むので、 カーソル合わせるだけで簡単に参照できた方が使いやすいな、と思ったからです。 「translateY()」は、要…

本日、個人的に学んだことをアウトプットするべく、 まずは、ヘッダー部分を作成しました！ <header> <div class="header-logo">xxxx</div> <div class="header-list"> <ul> <li>新規登録</li> <li>ログイン</li> </ul> </div> </header> が！その途中で、気になる余白がいるんです。 私は、cssで指定していないのに。。。 そこで調べてみると、 なんと！chromeにはデフォ…

本日は、javascriptで要素追加を実施しました！ 私の中では結構感動しまして、 このような形でアプリケーションの実行がされているのかと納得しました。 簡単な実装、かつ、フロント部分しか見てないですが。 ここにバックエンド処理が加わると色々世界が広…

本日は、HTML+CSS+Javascript入門！2回目となります！ 今回は、javascriptでクリックイベントと、 cssのアニメーションでコードを書いてみました。 動画の方が分かりやすいのですが、、、画像でご勘弁ください！ それでは早速いきましょう！ const ＝ 定数と…