In Gemfile: mysql2 エラーへの対応。

## エラー全体
> /private/var/folders/xt/149l2dks7ns2rz9j6ytm7m8c0000gn/T/bundler20200804-35301-1kchfhimysql2-0.5.3/gems/mysql2-0.5.3/ext/mysql2
make “DESTDIR=”
compiling client.c
compiling infile.c
compiling mysql2_ext.c
compiling result.c
compiling statement.c
linking shared-object mysql2/mysql2.bundle
ld: warning: directory not found for option
‘-L/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.15.Internal.sdk/usr/local/lib’
ld: library not found for -ls

Ruby on Rails 6にforeman導入メモ

## gem導入

“`ruby:Gemfile
gem ‘foreman’, group: :development
“`

## Procfile.devを実行するbin/server作成

“`bin/server
#!/bin/bash -i
bundle install
bundle exec foreman start -f Procfile.dev
“`

## コマンドを実行するProcfile.dev作成

“`Procfile.dev
web: /bin/sh -c “rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b ‘0.0.0.0’”
webpacker: ./bin/webpack-dev-server
“`

## bin/serverの権限変更

“`
chmod 777 bin/server
“`

## サーバースタート

“`
bin/server
“`

Railsのactionのfiter(before_actionとか)で沼にハマった

– 20分くらいハマった。

## やったこと

– それぞれのfilterにかかった時間を図るために、`print_start_time`と`print_end_time`を複数回呼び出す設定にしようとした。

“`rb:my_controller.rb
class MyController < ApplicationController before_action :set_current_time before_action :action1 before_action :print_elapsed_time before_action :set_current_time before_action :action2 before_action :print_elapsed_time def print_start_time puts('######') puts(Time.now) end def print_end_time puts(Time.now) puts('......') end

`find_spec_for_exe’: can’t find gem railties (>= 0.a) with executable rails (Gem::GemNotFoundException)が発生した時

##1.エラーの発生

久々に自宅のPCでrailsプロジェクトを作成しようとした際に、下記のエラーに遭遇した。
だいぶ前にクリーンインストール等

“`
find_spec_for_exe’: can’t find gem railties (>= 0.a) with executable rails (Gem::GemNotFoundException)
“`

`rails new`も`rails -v`も全て同じエラーが出てしまい、rails関係のコマンドが一切使えない。

##2.試したこと
①bundlerのバージョンの問題と想定

“`
$ rbenv exec gem install bundler
$ rbenv rehash
“`
こちらを試してみたが、同じエラーの発生。

②rbenvの使用しているバージョンを変更し、再度`gem install bundler`

“`
$ rbenv versions
system
* 2.6.5 (set by /Users/○○○○○/.rbenv/version)
2.7.0

$ rbenv gl

rails6 + docker + postgreSQL + Materializeで開発環境を作ってみた。

##railsの環境構築

Docker3
Rails6.0.3
Ruby2.7.0
DB:PostgeSQL
こちらの環境で作成していきます。

##1.dockerを立ち上げる
@shungo_m様の[「DockerでRails6の環境構築を行う方法」](URL “https://qiita.com/shungo_m/items/fd1ab99fbe76d39e456c”)を参考にしました。

docker立ち上げに必要なファイルの作成

“`
$ mkdir myapp
$ cd myapp
$ touch Dockerfile
$ touch docker-compose.yml
$ touch entrypoint.sh
$ touch Gemfile
$ touch Gemfile.lock

“`

“`php:Dokerfile
FROM ruby:2.7.0
RUN apt-get update -qq && apt-get install -y nodejs postgresql-client

RUN apt-get update && apt-get i

ActiveHashで複数のプルダウンメニューを作る方法

【概要】
—————————————-
1.結論

2.ActiveHashとは何か

3.どのように使用するのか

4.補足

1.結論
—————————————-
モデルを複数作って、db/migrateに全て記載する！

2.ActiveHashとは何か
—————————————-
ActiveHashとは変更されないデータをモデルファイルに書き込むことでDBに逐一保存せずにデータを扱えるgemです！

3.どのように使用するのか
—————————————
ActiveHashの導入方法は他のgemと一緒なので省きます！
また自分が反映させたいテーブルも用意しておきます。

“`ruby:コンソール
%rails g model abcdefghi –skip-migrat

【Rails】フォームのエラーメッセージを非同期で表示する

`form_with`を`local: true`なしで使っても、通常エラーメッセージ部分は非同期処理になりません。
非同期で表示してみたので方法をまとめます。

## FormのView
`form_with`に`local: true`を付けないと、非同期で通信が行われます。

“`erb:app/views/tests/new.html.erb
<%= form_with model: @test do |f| %>
<%= f.text_field :name %>
<%= render 'shared/err_msg' %>
<%= f.submit %>
<% end %>
“`
“`erb:app/views/shared/err_msg.html.erb

“`

## Controller
`@test.save`が失敗した

【Nuxt × Rails】CORSエラーによるプロキシ設定

フロント側から、Railsにユーザー情報をフォーム送信すると、こんなエラーが。

“`console
Access to XMLHttpRequest at ‘http://localhost:3000’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
“`

通常、フロントもバックもドメインは同じURLだが、異なる場合もある。
そんな時発生するのが、`クロスドメイン通信を許可しない`というエラー。

そこで、プロキシ設定をNuxt側にもRails側にもすることで、CORSエラーを解消する必要がある。

[CORSについて](https://dev.classmethod.jp/articles/cors-c

gem FriendlyIdの紹介と注意点

##gem FriendlyIdについて
[FriendlyId Guide](https://norman.github.io/friendly_id/file.Guide.html)があるので一部抜粋したものを翻訳します。

> FriendlyIdはRubyのActive Recordのアドオンで、URLのidを文字列に置き換えることができます。

> **FriendlyIdを使用しない場合**
> http://example.com/states/4323454
> **with FriendlyId**
> http://example.com/states/washington
> 人間が読めるキーワードを使ってページを識別するURLの部分を作成します。
> これにより、ユーザーにとっても検索エンジンにとっても、アプリケーションをよりフレンドリーなものにすることができます。

gemの名前のFriendlyIdの由来はここから付けられたものだと言うことがわかりますね。

## 実装の例

弊社のサービスCarelyでも実際にfriendly_idを使用しているので紹介し

eachメソッドを使ったRubyの繰り返し処理(1から10までの和を求める)

# 環境
>

# 模範回答

“`ruby
sum = 0

10.times do |i|
sum = sum + i + 1
end
“`

#自分の回答

“`ruby
sum = 0
numbers = [1,2,3,4,5,6,7,8,9,10]
numbers.each do |n|
sum += n
end
“`

#解説
>僕は配列に対してeachメソッドで繰り返し計算を行っているのに対して模範回答ではtimesメソッドを使っています。ブロックの外でsumという値を定義し、そのsumに対して行う処理をdoからendのブロック内で記述するという点は共通しています。しかし1から10まで全部書くのはスマートじゃないですね。「1から10まで」のように連続した値の範囲を表すも

フリーターでも分かる、jQuery基礎

どうもこんにちは、

今日はjQueryについて、

僕が学んだ基礎知識を共有していきたいと思います。

まずはじめに

簡単な公式を知らないと、

始まらないので公式から覚えましょう。

“`
＄（’HTML要素’).メソッド（引数）;

“`

です。

短っ！

と思った方もいると思いますが、

こっから色々と付け足していくのです。

もちろんコレで終わりなわけはありません。

簡単解説

HTML要素

というのは例えば、、

index.html
“`

こんにちは

“`

のところで言うh1です

あと、最後の　　;（セミコロン）　　　は忘れずにつけましょう。

コレが基本の構文ですね。

ではこの公式を使って、jQueryで何ができるのかを話していきます。

アニメーションを付けられる

はじめ見た時コレはすごいと思いました！

ほんの二行jQueryの記述を加えるだけでこんな変化を生み出せ