マガジンのカバー画像

プログラミングスクールTECH CAMPに通って

26
プログラミングスクールTECH CAMPで学んだことを日記のようにアウトプットしていきます。
運営しているクリエイター

記事一覧

RSpecを用いた単体テストの具体例 @TECH CAMP #26

RSpecを用いた単体テストの具体例 @TECH CAMP #26

どうも、とだです!
以前書いた以下の記事が自分の記事の中で人気なんですが、なんとgoogleで「RSpec 単体テスト」と検索すると一番上に来るようになりました!!

お世辞にもメジャーなキーワードでの検索とは言えませんが、おかげでそれなりの人の目にとまるようになったことは嬉しいです。今回は、この記事に付け加える形で、テストコードの具体例を列挙しようと思います。

前提今回もフリマアプリなどECサ

もっとみる
Deviseをカスタマイズして、テーブルに追加したカラムをupdateできるようにするためにしなければいけないこと @TECH CAMP #25

Deviseをカスタマイズして、テーブルに追加したカラムをupdateできるようにするためにしなければいけないこと @TECH CAMP #25

どうも、とだです。
プログラミングスクールは最終課題提出、会社では昇進試験、プライベートはTOEIC L&R受験と大忙しでした。疲れた…。

てな訳でしばらくお休みしてしまってました。今回も小ネタで勘弁してください。最近多いdeviseをカスタマイズするお話です。

今私はフリマアプリを製作していますが、それに限らず何かユーザー登録させるWebアプリケーションで、ユーザーに登録させたデータを変更し

もっとみる
Deviseをカスタマイズして、アカウントを編集した後のリダイレクト先を変更する@TECH CAMP #24

Deviseをカスタマイズして、アカウントを編集した後のリダイレクト先を変更する@TECH CAMP #24

 どうも、とだです。プログラミングスクールでの最終課題も大詰めで、そして転職活動準備もあり、今の仕事も忙しいし、TOEICの勉強もあり、なかなかnote投稿まで時間を割けないのが悔しいです。遊びたい。

 とりあえず小ネタを少しずつ披露します。以前から言っている「gem 'ancestry'による多階層データを用いて、選択肢を動的に変化させる機能について」は、もう少し時間を頂こうと思います。今回は

もっとみる
入力してもらった数値をJavaScript(jQuery)を使って動的に計算させる @TECH CAMP #23

入力してもらった数値をJavaScript(jQuery)を使って動的に計算させる @TECH CAMP #23

 どうも、やる事たくさんで暇しない、とだです。もっと遊びたい。
 前回の投稿の最後に「gem 'ancestry'による多階層データを用いて、選択肢を動的に変化させる機能をJavaScript(jQuery)とAjax(非同期通信)を用いて実装する」話を投稿すると言いましたが、内容が結構重たい(量が多い)ので、その前に軽い話を先に投稿してしまおうと思います。

フリマアプリなどにある、金額を入力し

もっとみる
Webページの上部にflashメッセージを表示させよう @TECH CAMP #22

Webページの上部にflashメッセージを表示させよう @TECH CAMP #22

 どうも、ひとつ山を越えたので少し余裕が出てきたとだです。

 今日はflashメッセージの表示のさせ方をアウトプットしようと思います。いつものようにアプリの開発環境はruby on railsを想定しています。
 自分の環境は

ruby 2.5.1rails 5.2.3

です。

1.まずはflashメッセージ用のビューを用意する まずは実際にflashメッセージそのもののビューを用意します

もっとみる
deviseを用いたログイン機能の中でエラーが発生した時にアラートを出す方法 @TECH CAMP #21

deviseを用いたログイン機能の中でエラーが発生した時にアラートを出す方法 @TECH CAMP #21

 どうもこんにちは、とだです。ニトリで作業机を買ったら作業が捗るようになりました。やったね!

 今日は簡単に小ネタを紹介します。あるWebサービス等でユーザー管理にdeviseを導入している場合、ログインの時にメールアドレスやパスワードを間違えて入力された際エラーを返すと思いますが、エラーが起きていることをユーザーに伝えるためにどうすればいいか、というネタです。
 flashメッセージを実装する

もっとみる
正規表現を用いて登録してほしいデータに制限を設ける @TECH CAMP #20

正規表現を用いて登録してほしいデータに制限を設ける @TECH CAMP #20

 随分と間が空いてしまいましたが、気づけばこのシリーズも20回目を迎えられました。最終課題真っ只中のとだです。

 今回も簡単にアウトプットします。Webアプリケーションで、ユーザーに個人情報を新規登録してもらうことがあると思います。その時入力フォームに、必須項目があったり、名前を全角で入力してもらったり、パスワードを8文字以上入れてもらったり等、色々な条件を提示することがあります。今回はそんな条

もっとみる
deviseを導入した時に、入力してもらうパスワードの最低文字数を変更する方法 @TECH CAMP #19

deviseを導入した時に、入力してもらうパスワードの最低文字数を変更する方法 @TECH CAMP #19

 どうも、忙しすぎて逆に充実した毎日を送れています、とだです。引越しの準備で忙しい上にプログラミングスクールでの制作物の開発も忙しくて、でも遊びたくて遊んでいます。

パスワードの文字数制限をカスタマイズしたい さっそく本題です。Webアプリケーションを開発するとして、そのアプリケーションにログイン機能をもたせたい時に「devise」というユーザー管理機能を簡単に実装できる大変便利なgemを導入す

もっとみる
今更ながら、HTMLで新しく知ったタグの使い方を紹介します @TECH CAMP #18

今更ながら、HTMLで新しく知ったタグの使い方を紹介します @TECH CAMP #18

 どうも、最終課題となるフリマアプリのクローンサイトの制作で忙しい、とだです。コード書いたり勉強したりとやらなきゃいけないことが多い!どうしよう!遊びたい!!!

 とにかく小ネタでいいからアウトプットをしなければと、今日は初心に帰って勉強し始めの頃に学んだHTMLについて(並行してhamlについて)アウトプットしようと思います。

今まで知らなかった要素、結構ある 今日の小ネタは、最終課題でvi

もっとみる
多対多のリレーションはどのように実装すればいいのか @TECH CAMP #17

多対多のリレーションはどのように実装すればいいのか @TECH CAMP #17

 どうも、とだです。今日は先日投稿した下の記事でちょっと出てきた「中間テーブル」というものについてまとめたいと思います。

中間テーブルについて
 上の記事でも取り上げていますが、LINEのようなチャットアプリを例にします。

あるユーザーは複数のグループに所属する。
あるグループには複数ユーザーが所属する。

 このようなユーザーとグループの関係を 多対多 と言います。
この種類のアソシエーショ

もっとみる
データベース設計で重要な、テーブルとカラムの設計を知ろう @TECH CAMP #16

データベース設計で重要な、テーブルとカラムの設計を知ろう @TECH CAMP #16

 どうも、とだです。今日もデータベース設計についてアウトプットしようと思います。

テーブルの構成要素 まずは、テーブルの構成要素について簡単にまとめます。
 また、エンティティについておさらいしておきます。エンティティとは、サービスの中で管理する必要のある概念、情報を指します。例えば、このnoteというサービスでは「ユーザー」や「投稿記事」、「コメント」などの情報を管理する必要があります。これら

もっとみる
データベース設計をしよう @TECH CAMP #15

データベース設計をしよう @TECH CAMP #15

 どうも、とだです。今日はデータベース設計について簡単にまとめたいと思います。

データベース設計とは サービスやシステムを開発する際に、まずやるべきこととして、扱うデータをどのように管理するかを決める必要があります。この作業がデータベース設計となります。データベース設計をしっかりと行うことで、サービスが発展して複雑になった場合でも、より効率的かつ簡易的にデータの操作を行うことができます。すごい大

もっとみる
[Rails] 外部キー制約がついているデータを削除するにはどうすればいいの? @TECH CAMP#14

[Rails] 外部キー制約がついているデータを削除するにはどうすればいいの? @TECH CAMP#14

 どうもお久しぶりです、個人アプリの開発が忙しいとだです。全然思い通りにならない。助けて欲しいくらいです、ダメだけど。

 何かアウトプットしなきゃと、今日は小ネタを持ってきました。
 タイトルにもある通り、Railsでの開発で、外部キー制約がついているデータを削除したい、destroyアクションで削除機能を実装したい時にやらなければいけない1ステップについて紹介します。やるべきことというのは、決

もっとみる
BEMという命名規則をマスターしたい @TECH CAMP #13

BEMという命名規則をマスターしたい @TECH CAMP #13

 どうも、ちょっとプログラミングに関するアウトプットがおざなりになってしまいました、とだです。
 今日は簡単に、個人的におさらいしたいCSS設計で最も難しいとされるBEMについてまとめたいと思います。

CSS設計とは まず、CSS設計とはCSSを記述する時のルールのことです。

BEMとは BEMとは、多くの開発者が取り入れているCSS設計です。BEMはBlock、Element、Modifie

もっとみる