hey

日々を豊かにする為に。

hey

日々を豊かにする為に。

記事一覧

年齢30代IT未経験でIT業界に転職できた話。

コロナ禍や時代の変化、自由な働き方の増加により、IT業界、IT企業、プログラマー、システムエンジニアに転職を考えている人は多いと思います。 何を隠そう私もそう考えた…

300
hey
1年前
7

TECHCAMP学習59日目

実践的なControllerを学ぼう 目的 リクエストからレスポンスまでの処理を構造的に理解 レスポンスからレンダリングについて理解 サービスクラスを理解 クッキーとセッショ…

hey
3年前
1

TECHCAMP学習58日目

すごく眠たかったけど、なんとか学習しました。 【実践的なViewを学ぼう】 目的 ビューファイルとコントローラーの関連性を理解 ヘルパーメソッドの仕組みを理解 Viewの…

hey
3年前
1

TECHCAMP学習57日目

【基本的な使用方法について学ぼう】 正規表現 文字列が制約を満たしているかどうかを調べる 目的 正規表現の基本的な使用方法について学ぶ subメソッド 文字列の指定…

hey
3年前
1

TECHCAMP学習56日目

Ruby 【用意された機能を呼び出す方法】 Rubyに用意された機能について概要を知ること 機能を読み込んで、使用する方法を理解すること ライブラリ あらかじめ用意された…

hey
3年前

TECHCAMP学習55日目

【Rubyの記法をさらに学ぶ】 目的 if文以外の条件分岐について理解すること 繰り返し処理の構文を理解すること case文 if文よりシンプルにコードを書くことができる whil…

hey
3年前

TECHCAMP学習54日目

【レスポンシブWebデザインを学ぼう】 表示領域の設定 viewport 画面サイズによってCSSを切り替える設定 メディアクエリ、ブレークポイント 画面サイズごとに適用す…

hey
3年前
1

TECHCAMP学習53日目

レスポンシブWEBデザイン 画面幅によって見た目が変わるようにWEBサイトやアプリケーションのデザインを設計すること PC表示時のレイアウトを実装 Webフォント、GoogleFo…

hey
3年前
4

TECHCAMP学習52日目

【ChatAppのモデル単体テストコードを書こう】 RSpecモデルテスト Userモデル、Roomモデル、Messageモデル afterメソッド 任意処理の後に指定の処理を実行することがで…

hey
3年前
2

TECHCAMP学習51日目

【画像投稿機能を実装】 アップロードした画像専用のテーブルを作成 投稿した画像を表示 投稿した画像の大きさを調整 目的 Active Storageをインストール 選択した画像を…

hey
3年前

TECHCAMP学習50日目

【メッセージ投稿機能を実装】 目的 テキストの投稿機能を実装 投稿したテキストをメッセージ一覧画面で表示されること 投稿時刻を日本時刻へ変更 空の状態ではテキストを…

hey
3年前
1

TECHCAMP学習49日目

【チャットルーム情報をDBに保存】 中間テーブルを作成 rails g model room_user references railsで外部キーのカラムを追加する型 foreign_key: true has_many:モデル,…

hey
3年前

TECHCAMP学習48日目

【ChatAppのチャットルーム管理機能を実装】 目的 ユーザーと1対1でメッセージでやりとりができるチャットルームを作成 チャットルーム作成画面で「チャットルーム名の入…

hey
3年前

TECHCAMP学習47日目

【ChatAppのフロント実装】続き チャット画面の実装 最後、Fetch originボタンをクリックしてもPull originボタンが出てこず、メンターさんに質問。 なぜかother branch…

hey
3年前

TECHCAMP学習46日目

【ChatAppのフロント実装】続き チャット画面の実装 コードをひたすら打ち続けて終わった為、 ここで書く事がほとんどなくてすいません。

hey
3年前
1

TECHCAMP学習45日目

【ChatAppのフロント実装】続き ユーザー名とチャット作成ボタンの表示 チャットルーム一覧の表示 気付き VSCodeで開いているタブを順番に切り替える方法 command + shi…

hey
3年前
TECHCAMP学習59日目

TECHCAMP学習59日目

実践的なControllerを学ぼう

目的
リクエストからレスポンスまでの処理を構造的に理解
レスポンスからレンダリングについて理解
サービスクラスを理解
クッキーとセッションを理解

Railsにおけるコントローラー
ルーティングによって処理されたリクエストを受け取り、ビューファイルなどをレスポンスとして返却する

リクエスト→ルーティング→どのコントローラーのどのアクションで実行するか?

もっとみる
TECHCAMP学習58日目

TECHCAMP学習58日目

すごく眠たかったけど、なんとか学習しました。

【実践的なViewを学ぼう】

目的
ビューファイルとコントローラーの関連性を理解
ヘルパーメソッドの仕組みを理解

Viewの構造を意識した復習
RubyにおけるビューはHTMLなどのレスポンスをブラウザに表示する
→AcitonViewを搭載しているから

コントローラーのインスタンス変数はActionViewに受け渡される

ヘルパーメソッド 

もっとみる
TECHCAMP学習57日目

TECHCAMP学習57日目

【基本的な使用方法について学ぼう】

正規表現 文字列が制約を満たしているかどうかを調べる

目的
正規表現の基本的な使用方法について学ぶ

subメソッド
文字列の指定した部分を別の文字列に置き換える

matchメソッド
引数に指定した文字列がメソッドを使用した文字列に含まれているか否か

gsubメソッド
全てを置換するsub

.match()

[a-z] aからzまでのいずれかにマッチ

もっとみる
TECHCAMP学習56日目

TECHCAMP学習56日目

Ruby
【用意された機能を呼び出す方法】

Rubyに用意された機能について概要を知ること
機能を読み込んで、使用する方法を理解すること

ライブラリ あらかじめ用意された機能のかたまり
標準ライブラリ Rubyに標準で用意されてる
組み込みライブラリ 標準ライブラリで特に利用頻度が高い
外部ライブラリ 別途インストール必要 gemとか

require ライブラリ名

gem install

もっとみる
TECHCAMP学習55日目

TECHCAMP学習55日目

【Rubyの記法をさらに学ぶ】

目的
if文以外の条件分岐について理解すること
繰り返し処理の構文を理解すること

case文 if文よりシンプルにコードを書くことができる
while文 条件が真である時に繰り返す処理

無限ループ
処理が永遠に繰り返される

抜け出す方法 if文などの条件分岐 break

【ブロックの理解を深めよう】

目的
ブロックとは何か理解すること
メソッドでブロ

もっとみる
TECHCAMP学習54日目

TECHCAMP学習54日目

【レスポンシブWebデザインを学ぼう】

表示領域の設定 viewport

画面サイズによってCSSを切り替える設定
メディアクエリ、ブレークポイント

画面サイズごとに適用するCSSを記述

【サイトをレスポンシブ化しよう】

横幅を大きくしていくと600px〜1024pxまでの間はタブレット表示時のレイアウト、
1025px以上にするとPC表示時のレイアウト

検証ツールのデバイスモ

もっとみる
TECHCAMP学習53日目

TECHCAMP学習53日目

レスポンシブWEBデザイン
画面幅によって見た目が変わるようにWEBサイトやアプリケーションのデザインを設計すること

PC表示時のレイアウトを実装

Webフォント、GoogleFonts

TECHCAMP学習52日目

TECHCAMP学習52日目

【ChatAppのモデル単体テストコードを書こう】

RSpecモデルテスト
Userモデル、Roomモデル、Messageモデル

afterメソッド 任意処理の後に指定の処理を実行することができる

【ChatAppの結合テストコードを書こう】
ユーザー管理機能
チャットルーム管理機能
メッセージ投稿機能 の確認

click_onメソッド  引数に文字列を取り、一致するテキストなどを持った要

もっとみる
TECHCAMP学習51日目

TECHCAMP学習51日目

【画像投稿機能を実装】
アップロードした画像専用のテーブルを作成
投稿した画像を表示
投稿した画像の大きさを調整

目的
Active Storageをインストール
選択した画像を表示
画像の大きさを調整
画像かテキストどちらかが存在している場合はメッセージの送信を可能

Active Storage
ファイルアップロードを簡単に実装できるGem

ImageMagick、image_proces

もっとみる
TECHCAMP学習50日目

TECHCAMP学習50日目

【メッセージ投稿機能を実装】

目的
テキストの投稿機能を実装
投稿したテキストをメッセージ一覧画面で表示されること
投稿時刻を日本時刻へ変更
空の状態ではテキストを送れないように設定
チャットルーム名を一覧のヘッダーに表示
チャットルーム削除機能を実装

Messageモデルを作成
マイグレにカラム情報記載、実行
アソシエーションを記述、変更点をコミット

投稿したメッセージ情報をDBに保存

もっとみる
TECHCAMP学習49日目

TECHCAMP学習49日目

【チャットルーム情報をDBに保存】
中間テーブルを作成 rails g model room_user
references railsで外部キーのカラムを追加する型
foreign_key: true
has_many:モデル,through
 
user_ids モデル名+idsで指定すると中間テーブルにも保存される

コントローラーへ必要なユーザー情報を送信する実装
プルダウン sele

もっとみる
TECHCAMP学習48日目

TECHCAMP学習48日目

【ChatAppのチャットルーム管理機能を実装】

目的
ユーザーと1対1でメッセージでやりとりができるチャットルームを作成
チャットルーム作成画面で「チャットルーム名の入力」と「ユーザーの選択」をして登録できる機能を実装
「チャットルーム」と「ユーザー」の関連をデータベースでどのように管理するか理解する

チャットルームの新規登録画面を実装
チャットルームの新規登録機能を実装

【ビューファイル

もっとみる
TECHCAMP学習47日目

TECHCAMP学習47日目

【ChatAppのフロント実装】続き

チャット画面の実装

最後、Fetch originボタンをクリックしてもPull originボタンが出てこず、メンターさんに質問。

なぜかother branchにmasterが入っていた。
current branchにmasterを入れる必要がある。
settingからbranchesに入って、default branchでmasterを選択してu

もっとみる
TECHCAMP学習46日目

TECHCAMP学習46日目

【ChatAppのフロント実装】続き

チャット画面の実装

コードをひたすら打ち続けて終わった為、

ここで書く事がほとんどなくてすいません。

TECHCAMP学習45日目

TECHCAMP学習45日目

【ChatAppのフロント実装】続き

ユーザー名とチャット作成ボタンの表示

チャットルーム一覧の表示

気付き
VSCodeで開いているタブを順番に切り替える方法
command + shift + [ # 前のタブに移動
command + shift + ] # 次のタブに移動