Posts on あまブログ

【Git】git commit --amendで直前のコミットを修正する

Fri, 25 Nov 2022 09:39:29 +0900

この記事では、git commit --amendの使い方を紹介します。

git commit --amend：直前のコミットの修正
- 現在のステージングエリアの状態を元に、直前のコミットを作り直す
- 修正されたコミットは実際は新しいコミットのため、リモートにpush済みのコミットへの使用には注意が必要

1. コミットメッセージの修正

ステージングエリアの変更がない状態でgit commit --amendを実行すると、直前のコミットのコミットメッセージだけを修正できます(コミットの内容は変更されない)。

$ git add hello.rb
$ git commit -m "コミットメッセージ"
$ git commit --amend -m "修正後のコミットメッセージ"

git commit --amendする前(上記2行目と3行目の間)に作業ディレクトリ(ステージングエリアに追加していない)のファイルの修正があっても問題ない

2. コミットの修正

2-1. `git add`し忘れた場合

# hello.rbとmain.rbを修正
$ git add hello.rb
$ git commit -m "hello.rbとmain.rbを修正"
# main.rbをaddし忘れたことに気付く
$ git add main.rb
$ git commit --amend --no-edit

--no-editでコミットメッセージを変更せずにコミットを修正

2-2. ファイルの修正

# hello.txtを修正
$ echo "hello" > hello.txt
$ git add hello.txt
$ git commit -m "helloに修正"
# hello worldに修正すべきだったことに気付く
$ echo "hello world" > hello.txt
$ git add hello.txt
$ git commit --amend -m "hello worldに修正"

不要なコミットを追加しないで済む

【参考】

Node.jsでESモジュールを使う

Wed, 23 Nov 2022 20:52:06 +0900

この記事では、Node.jsでESモジュール(ECMAScriptモジュール, JavaScriptモジュール)を使う方法を紹介します。

バージョン情報
- node：v16.18.0

方法1：モジュールファイルの拡張子を`mjs`にする

foo.mjs

export const foo = "foo";

main.mjs

import { foo } from "./foo.mjs";
console.log(foo);

$ node main.mjs
foo

方法2：`package.json`に`"type": "module"`を指定する

$ tree
.
├── foo.js
├── main.js
└── package.json

package.json

{
 "type": "module"
}

foo.js

export const foo = "foo";

main.js

import { foo } from "./foo.js";
console.log(foo);

$ node main.js
foo

【参考】

【ES2015】JavaScriptの関数の書き方

Mon, 14 Nov 2022 12:39:15 +0900

1. 関数宣言(Function declaration)

function calcRectArea(width, height) {
 return width * height;
}

console.log(calcRectArea(5, 6)); // => 30

1-1. 関数宣言の巻き上げ

関数宣言は巻き上げられる

hello(); // => "Hello"

function hello(){
 return "Hello";
}

関数式は巻き上げられない

hello(); // => TypeError: hello is not a function

const hello = function(){
 return "Hello";
};

2. 関数式(Function expression)

2-1. 名前付き関数(Named function)

名前付き関数は再帰的に関数を呼び出す際などに利用する

// factorialは関数の外から呼び出せる名前
// innerFactは関数の外から呼び出せない名前
const factorial = function innerFact(n) {
 if (n === 0) {
 return 1;
 }
 // innerFactを再帰的に呼び出している
 return n * innerFact(n - 1);
};
console.log(factorial(3)); // => 6

2-2. 無名関数(Anonymous Function)

無名関数はコールバック関数としてよく使われる

const x = function(a, b) {
 return a * b;
};

3. アロー関数(Arrow function expression)

アロー関数は関数式の代替構文(機能的な違いはいくつかある)
ES2015から追加された

const x = (a, b) => {
 return a * b;
};

3-1. アロー関数の省略記法

関数の仮引数が1つのときは()を省略できる
関数の処理が1つの式である場合に、ブロック({})とreturn文を省略できる
- その式の評価結果をreturnの返り値とする

// 仮引数の数と定義
const fnA = () => { /* 仮引数がないとき */ };
const fnB = (x) => { /* 仮引数が1つのみのとき */ };
const fnC = x => { /* 仮引数が1つのみのときは()を省略可能 */ };
const fnD = (x, y) => { /* 仮引数が複数のとき */ };
// 値の返し方
const fnE = x => { return x + x; }; // ブロックの中でreturn
const fnF = x => x + x; // 1行のみの場合はreturnとブロックを省略できる
const fnG = x => {
 let y = 10;
 return x + y;
}; // 関数の処理が複数行ある場合はreturnとブロックは省略できない

4. メソッド定義(Method definition)

オブジェクトのプロパティである関数をメソッドと呼ぶ
JavaScriptにおいて関数とメソッドの機能的な違いはない
オブジェクト.メソッド名()でメソッドを呼び出す

const obj = {
 method1: function () {
 return "this is method1";
 }, // `function`キーワードでのメソッド
 method2: () => "this is method2" // Arrow Functionでのメソッド
};
console.log(obj.method1()); // => "this is method1"
console.log(obj.method2()); // => "this is method2"

次のように空オブジェクトのobjを定義してから、methodプロパティへ関数を代入してもメソッドを定義できる

【Git】複数のコミットを一つにまとめる(rebase -i で squash)

Fri, 11 Nov 2022 22:24:57 +0900

この記事では、git rebase -iを使って複数のコミットを一つにまとめる方法を紹介します。

1. 連続したコミットの場合

以下のedit2, edit3, edit4を一つにまとめて、edit 2 & 3 & 4にします。

$ git log --oneline
96a8b1e (HEAD -> main) edit4
30600dd edit3
452c39e edit2
ac56720 edit1

ac56720以降のコミットを表示させたいので、以下のコマンドを実行

$ git rebase -i ac56720
# git rebase -i HEAD~3でも可

テキストエディタに以下が表示される(古いコミットが上)

pick 452c39e edit2
pick 30600dd edit3
pick 96a8b1e edit4

edit3とedit4のpickをs(またはsquash)に変更して、ファイルを保存して閉じる。

pick 452c39e edit2
s 30600dd edit3
s 96a8b1e edit4

f(fixup)にするとコミットメッセージの編集画面は表示されず、まとめられたコミットのコミットメッセージがedit2になる(squashとfixupの違いはこれだけ)

以下のコミットメッセージの編集画面が表示される

# This is a combination of 3 commits.
# This is the 1st commit message:

edit 2

# This is the commit message #2:

edit 3

# This is the commit message #3:

edit 4

コミットメッセージをedit 2 & 3 & 4に変更してファイルを保存して閉じる。(他のコミットメッセージは消しても消さなくてもいい)

【Git】git reset --soft、--mixed、--hardで変更を取り消す

Sun, 06 Nov 2022 21:35:41 +0900

1. git reset

git reset [<mode>] [<commit>]

mode
- --soft：HEADの移動
- --mixed：HEADの移動、インデックスの更新
- --hard：HEADの移動、インデックスの更新、作業ディレクトリの更新
- デフォルトで--mixedが指定される
commit
- 巻き戻したいcommitを指定
- デフォルトでHEADが指定される

2. git resetの各モードについて

2-1. –soft (HEADの移動)

git reset --soft HEAD~

直近のgit commitを取り消す

2-2. –mixed (インデックスの更新)

git reset --mixed HEAD~

直近のgit commitとgit addを取り消す

2-3. –hard (作業ディレクトリの更新)

git reset --hard HEAD~

直近のgit commitとgit addと作業ディレクトリの変更を取り消す

3. まとめ

--soft ：HEAD が指し示すブランチを移動する (--soft を使うと処理はここで終了)
--mixed：--soft + インデックスの内容を HEAD と同じにする (--mixedを使うと処理はここで終了)
--hard：--soft + --mixed + 作業ディレクトリの内容をインデックスと同じにする

【参考】

【RuboCopエラー】Use a guard clause instead of wrapping the code inside a conditional expression.

Tue, 01 Nov 2022 22:37:08 +0900

バージョン情報

rubocop 1.34.1
Ruby 3.1.2

エラー内容

Use a guard clause instead of wrapping the code inside a conditional expression.

→例外処理の条件分岐のネストが深くなるのを防ぐためにGuard Clause(ガード節)を使いましょう。

エラー対処

# これを
def image_check
 unless avatar.image?
 errors.add(:avatar, 'エラーメッセージ')
 end
end

# こうする
def image_check
 return if avatar.image?

 errors.add(:avatar, 'エラーメッセージ')
end

【参考】

【Ruby】Minitestの使い方

Mon, 31 Oct 2022 23:39:15 +0900

この記事では、minitestを使ってRubyのコードをテストする方法を紹介します。

Rubyのテストフレームワーク、Test::Unit・test-unit・minitestの違いについては以下を参照ください。

minitestの使い方

minitestを使うための基本的なルールは以下です。

require 'minitest/autorun'を書く
Minitest::Testを継承するクラス内にテストを書く
メソッド名をtest_から始める

$ tree
.
├── sample.rb
└── sample_test.rb

sample.rb

class Sample
 def self.hello
 'Hello!'
 end
end

sample_test.rb

require 'minitest/autorun'
require_relative 'sample'

class SampleTest < Minitest::Test
 def test_hello
 assert_equal 'Hello!', Sample.hello
 end
end

$ ruby sample_test.rb
Run options: --seed 20412
# Running:
.
Finished in 0.001143s, 874.8906 runs/s, 874.8906 assertions/s.
1 runs, 1 assertions, 0 failures, 0 errors, 0 skips

【参考】

【Ruby3.1】ボウリングのスコア計算プログラムをオブジェクト指向で作る

Mon, 31 Oct 2022 12:25:00 +0900

非OOP版はこちら↓

【Ruby 3.1】ボウリングのスコア計算プログラムを作る | あまブログ

1. 実行環境

macOS：12.6
Ruby：3.1.0

2. ソースコード

bowling.rb

#!/usr/bin/env ruby
# frozen_string_literal: true

require_relative 'game'

shots = ARGV[0].split(',')

game = Game.new(shots)
puts game.score

game.rb

# frozen_string_literal: true

require_relative 'frame'

class Game
 def initialize(shots)
 @shots = shots
 end

 def score
 @frames = build_frames
 game_score = 0
 (0..9).each do |idx|
 frame = Frame.new(@frames[idx])
 game_score += frame.score
 @frames[idx + 1] ||= []
 @frames[idx + 2] ||= []
 game_score += calc_bonus_point(idx, frame)
 end
 game_score
 end

 def build_frames
 frame = []
 frames = []
 @shots.each do |s|
 frame << s
 if frames.length < 10
 if frame.length >= 2 || s == 'X'
 frames << frame.dup
 frame.clear
 end
 else
 frames.last << s
 end
 end
 frames
 end

 def calc_bonus_point(idx, frame)
 if frame.strike?
 next_two_shots = (@frames[idx + 1] + @frames[idx + 2]).slice(0, 2)
 bonus_point = next_two_shots.sum { |s| Shot.new(s).score }
 elsif frame.spare?
 next_shot = @frames[idx + 1][0]
 bonus_point = Shot.new(next_shot).score
 else
 bonus_point = 0
 end
 end
end

frame.rb

【Rails】gemのアンインストール方法

Sun, 30 Oct 2022 11:18:18 +0900

この記事では、RailsアプリでBundlerを使ってインストールしたgemを削除する方法を紹介します。

手順

$ bundle exec gem uninstall <gem名>
↓
Gemfileから該当のgemの行を削除
↓
$ bundle install

上記によりGemfile.lockからも削除されます。

【参考】

【Bundler】Gemfileのバージョン指定の書き方

Sat, 29 Oct 2022 23:42:30 +0900

GemfileはBundlerでgemの依存関係を管理するために必要な設定ファイルです。

Gemfileにはgem名とバージョンをgem 'rails', '~> 6.1.5'のようなフォーマットで記述します。

~> 6.1.5の正確な意味わかりますか？

~>の呼び方知ってますか？(トゥウィドルワッカと呼びます)

この記事ではGemfileのバージョン指定の書き方を解説していきます。

1. Gemfileのバージョン指定子の意味

バージョン指定	意味
`1.0`	1.0のみ
`>= 1.0`	1.0以上
`~> 1.0`	1.0以上2.0未満
`~> 1.0.0`	1.0.0以上1.1未満
指定なし	最新版

~> 1.0はマイナーバージョン(0.x.0)は上がってもいいがメジャーバージョン(x.0.0)は上げたくないことを意味する
~> 1.0.0はパッチバージョン(0.0.x)は上がってもいいがマイナーバージョン(0.x.0)は上げたくないことを意味する

# 以下二つは同じ意味
gem 'rails', '~> 6.1'
gem 'rails', '>= 6.1', '< 7.0'

# 以下二つは同じ意味
gem 'rails', '~> 6.1.5'
gem 'rails', '>= 6.1.5', '< 6.2'

2. twiddle wakka(トゥウィドルワッカ)とは

~>がtwiddle wakkaです。

Gemfileのバージョン指定にはoptimistic version constraint(楽観的なバージョン指定)とpessimistic version constraint(悲観的なバージョン指定)があります。¹

optimistic version constraint
- gem 'library', '>= 2.2.0'
pessimistic version constraint
- gem 'library', '>= 2.2.0', '< 3.0'

このpessimistic version constraintの省略記法としてできたのが~>(twiddle wakka)です。

【Rails】ポリモーフィック関連付けを使ってコメント投稿機能を実装する

Tue, 25 Oct 2022 21:21:15 +0900

この記事では、Railsのポリモーフィック関連付けを使ってコメント投稿機能を実装する際のポイントを紹介します。

1. バージョン情報

macOS：12.6
Ruby：3.1.2
Rails：6.1.6

2. 前提条件

Userモデル(ユーザー)
Bookモデル(本)のCRUD
Userモデルに紐づいたReportモデル(日報)のCRUD

3. 実装時のポイント

3-1. ポリモーフィック関連付け

BookモデルとReportモデルに従属するCommentモデルの作成

$ rails g model comment user:references commentable:references{polymorphic} content:text --no-test-framework

app/models/comment.rb

class Comment < ApplicationRecord
 belongs_to :user
 belongs_to :commentable, polymorphic: true

 validates :content, presence: true # 追記
end

db/migrate/XXXX_create_comments.rb

class CreateComments < ActiveRecord::Migration[6.1]
 def change
 create_table :comments do |t|
 t.references :user, null: false, foreign_key: true
 t.references :commentable, polymorphic: true, null: false
 t.text :content

 t.timestamps
 end
 end
end

マイグレーションを実行

$ rails db:migrate

db/schema.rb

 create_table "comments", force: :cascade do |t|
 t.integer "user_id", null: false
 t.string "commentable_type", null: false
 t.integer "commentable_id", null: false
 t.text "content"
 t.datetime "created_at", precision: 6, null: false
 t.datetime "updated_at", precision: 6, null: false
 t.index ["commentable_type", "commentable_id"], name: "index_comments_on_commentable"
 t.index ["user_id"], name: "index_comments_on_user_id"
 end

commentable_typeカラムにセットされるのは参照する親モデルのクラス名(BookまたはReport)

app/models/book.rb

【Rails】ユーザーフォロー機能を実装する

Wed, 19 Oct 2022 20:46:45 +0900

この記事では、RailsでTwitterやInstagramのようなユーザーフォロー機能を実装する際のポイントを紹介します。

1. バージョン情報

macOS：12.6
Ruby：3.1.2
Rails：6.1.6

2. 実装時のポイント

2-1. モデルの関連

Friendshipモデルの作成

$ rails g model Friendship follower_id:integer followed_id:integer --no-fixture --no-test-framework

follower_id：フォロー(という行為)をしているユーザーのid
- 自分にとってのフォロワーじゃなくてフォローをしている人という意味のフォロワー(⇄フォロイー)
followed_id：フォローされてるユーザーのid
- 意味的にはfollowee_idでもいい

生成されたdb/migrate/XXXX_create_friendships.rbに以下を追記。

add_index :friendships, :followed_id
add_index :friendships, [:follower_id, :followed_id], unique: true

add_index :friendships, [:follower_id, :followed_id], unique: trueが:follower_idで始まっているため、add_index :friendships, :follower_idは定義不要
unique: trueでデータベース側からユニーク制約をつけ、あるユーザーが同じユーザーを2回以上フォローすることを防ぐ(モデル側のバリデーションによる一意性チェックは後述)

$ rails db:migrate

User/Friendshipの関連付け

app/models/friendship.rb

class Friendship < ApplicationRecord
 belongs_to :follower, class_name: "User"
 belongs_to :followed, class_name: "User"

 validates :follower_id, uniqueness: { scope: :followed_id }
end

validates :follower_id, uniqueness: { scope: :followed_id }
- モデル側のバリデーションによる一意性チェック
- scopeを指定することでfollower_idとfollowed_idの組み合わせの一意性を保つ(あるユーザーが同じユーザーを2回以上フォローすることを防ぐ)

app/models/user.rb

class User < ApplicationRecord
 has_many :active_friendships, class_name: 'Friendship',
 foreign_key: :follower_id,
 dependent: :destroy,
 inverse_of: :follower
 has_many :passive_friendships, class_name: 'Friendship',
 foreign_key: :followed_id,
 dependent: :destroy,
 inverse_of: :followed
end

class_name
- class_nameオプションはhas_manyで指定した関連付け名と実際のモデル名が違う場合に使用するもの。今回のように一つのFriendshipモデルに対して二つの関連(active_friendshipsとpassive_friendships)を持たせたい場合、has_many :friendships(でuser.friendships)だとどちらの関連か区別できない。なのでhas_many :active_friendships(でuser.active_friendships)とする。ただこのままだとRailsは存在しないactive_friendshipsテーブルを探しに行くことになるので、実際に存在するfriendshipsテーブルを使うにはhas_many :active_friendships, class_name: 'Friendship'とする。以上によりactive_friendshipsという関連を実際のモデル名のFriendshipと対応付けることができる。
- Railsガイド: Active Record の関連付け - 4.1.2.2 :class_name
foreign_key
- 今回の場合、Railsは自動的にfriendshipsテーブルのuser_idを探しに行くが、friendshipsテーブルにuser_idカラムはないので、foreign_keyオプションで明示的にfollower_id(またはfollowed_id)を指定する必要がある
- Railsガイド: Active Record の関連付け - 4.1.2.5 :foreign_key
dependent: :destroy
- Userモデルのデータリソースが削除されるとそれに紐づくFriendshipモデルのデータリソースも同時に削除される
- Railsガイド: Active Record の関連付け - 4.1.2.4 :dependent
inverse_of
- Railsガイド: Active Record の関連付け - 3.5 双方向関連付け

# inverse_ofの挙動
irb> a = User.first
irb> b = a.active_friendships.first
irb> a.name == b.follower.name
=> true
irb> a.name = 'David'
irb> a.name == b.follower.name
=> true # inverse_ofを指定しないとfalse

# user(自分)が相手をフォローした場合
user.active_friendships.first.follower #=> 自分
user.active_friendships.first.followed #=> 相手
user.passive_friendships.first.follower #=> 相手
user.passive_friendships.first.followed #=> 自分

2-2. フォロー数・フォロワー数の表示

app/models/user.rb

【Rails】ActiveStorageで画像アップロード機能を実装する

Wed, 12 Oct 2022 21:22:05 +0900

この記事では、Rails 5.2からの標準機能であるActiveStorageを使って画像アップロード機能を実装するポイントを紹介します。

1. バージョン情報

macOS：12.6
Ruby：3.1.2
Rails：6.1.6
image_processing：1.12.2
active_storage_validations：0.9.8

2. 実装時のポイント

2-1. Active Storageのセットアップ

以下を実行して、migrationファイルを作成します。

$ rails active_storage:install

db/migrate/XXXX_create_active_storage_tables.active_storage.rbが作成される

migrationを実行します。

$ rails db:migrate

2-2. 画像アップロードと表示

各userにアバター画像を添付したい場合は、以下のようにUserモデルを定義します。

class User < ApplicationRecord
 has_one_attached :avatar
end

以下のように書くことでフォームからアバター画像をアップロードできます。

<div class="field">
 <%= f.label :avatar %>
 <%= f.file_field :avatar %>
</div>

ストロングパラメータにavatarの追加が必要

以下のように書くことでアバター画像を表示できます。

<%= image_tag user.avatar if user.avatar.attached? %>

avatar.attached?で特定のuserがアバター画像を持っているかどうかを調べられます。

2-3. 画像のリサイズ

画像のリサイズのためにimage_processing gemが必要です。

Gemfileのimage_processing gemのコメントを解除します。

# Use Active Storage variant
gem 'image_processing', '~> 1.2'

image_processing gemを使うために、macにimagemagickとvipsをインストールします。

$ brew install imagemagick vips

GitHub - image_processing - Installation

variantメソッドで、添付ファイルごとに特定のサイズ違いの画像を生成できます。

【Rails】deviseでユーザー認証機能を実装する

Thu, 22 Sep 2022 13:56:54 +0900

この記事では、devise gemを使ってRailsアプリケーションにユーザー認証機能を実装する方法を紹介します。

1. 実行環境

macOS：12.5.1
Ruby：3.1.2
Rails：6.1.7
devise：4.8.1
devise-i18n：1.10.2

2. 手順

2-1. サンプルアプリの作成

以下のコマンドを実行して、サンプルアプリを作成します。

$ rails new sample_app
$ cd sample_app
$ rails generate scaffold book title:string memo:text
$ rails db:migrate

2-2. deviseのセットアップ

Gemfileに以下を追記して、bundle installを実行します。

gem 'devise'

アプリケーションのルートディレクトリで以下のコマンドを実行して、deviseをセットアップします。

$ rails generate devise:install

config/environments/development.rbに以下を追記して、デフォルトの url オプションを定義します。

config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }

2-3. ルートルーティングの設定

config/routes.rbに以下を追記して、ルートルーティングを設定します。

Rails.application.routes.draw do
 root to: 'books#index'
end

deviseはサインインやパスワード変更などを行った後のデフォルトのリダイレクト先にルート(/)を使用します。

上記の設定により、リダイレクト先が/から/booksに変更されます。

2-4. フラッシュメッセージの表示

app/views/layouts/application.html.erbを以下のように編集します。

<%# 省略 %>
<body>
 <% if notice.present? %>
 <p id="notice"><%= notice %></p>
 <% end %>
 <% if alert.present? %>
 <p id="alert"><%= alert %></p>
 <% end %>
 <%= yield %>
</body>

app/views/books/index.html.erbとapp/views/books/show.html.erbの以下の行を削除します。

VSCodeでRailsをデバッグする【Rails + vscode-rdbg(debug.gem)】

Sat, 17 Sep 2022 11:24:09 +0900

この記事では、Ruby 3.1で標準ライブラリとなったdebug.gemを使って、VSCode上でRailsアプリのデバッグを行う方法を紹介します。

1. 設定方法

Railsアプリのデバッグを行うために必要な設定を行います。

1-1. debug.gemのインストール

※ Rails 7以降ではデフォルトでdebug.gemが使われるため以下の設定は不要

Gemfileに以下を記述します。

group :development, :test do
 # See https://guides.rubyonrails.org/debugging_rails_applications.html#debugging-with-the-debug-gem
 gem "debug", platforms: %i[ mri mingw x64_mingw ]
end

bundle installを実行してdebug.gemをインストールします。

1-2. vscode-rdbgのインストール

VSCodeの拡張機能「VSCode rdbg Ruby Debugger」を追加します。

VSCode rdbg Ruby Debugger - Visual Studio Marketplace

1-3. launch.jsonファイルの作成

VSCodeのアクティビティバーから「実行とデバッグ(Run and Debug)」を選択し、「launch.jsonファイルを作成します(create a launch.json file)」を選択します。

次に、「デバッガーの選択(Select debugger)」で「Ruby(rdbg)」を選択します。

するとプロジェクトのルートフォルダに.vscode/launch.jsonが作成されます。

作成された.vscode/launch.jsonを以下のように編集してください。

{
 "version": "0.2.0",
 "configurations": [
 {
 "type": "rdbg",
 "name": "Debug Rails",
 "request": "launch",
 "cwd": "${workspaceRoot}",
 "script": "bin/rails server",
 "args": [],
 "askParameters": false,
 "useBundler": true,
 },
 ]
}

以上で設定は終了です。

【Git】グローバルなgitignoreの設定方法

Fri, 16 Sep 2022 21:12:44 +0900

この記事では、グローバルなgitignoreの設定方法を紹介します。

グローバルなgitignoreファイル(~/.config/git/ignore)を作成し、全てのリポジトリでGitの追跡対象外とするファイルを定義します。

1. gitignoreとは

意図的に未追跡のファイルを指定して、それらをGitが追跡しないようにするためのもの
すでに Git に追跡されているファイルは影響を受けない
- 現在追跡しているファイルの追跡を止めるには、git rm --cached を使う

2. gitignoreの使い分け

.gitignore：特定のリポジトリで全ての人が無視したいファイル
$GIT_DIR/info/exclude：特定のリポジトリで自分だけが無視したいファイル
$XDG_CONFIG_HOME/git/ignore：全てのリポジトリで自分だけが無視したいファイル

3. グローバルなgitignoreの設定

グローバルなgitignoreの設定には$XDG_CONFIG_HOME/git/ignoreを使用します。

3-1. $XDG_CONFIG_HOME/git/ignoreとは

core.excludesfileのデフォルト値
$XDG_CONFIG_HOMEが未設定の場合、代わりに$HOME/.config/git/ignoreが使用される

つまり

$ git config --global core.excludesfile ~/.gitignore_globalして~/.gitignore_globalを作成する必要はなく、代わりに~/.config/git/ignoreを作成すればok。

※~/.config/git/ignoreを使用する場合、core.excludesfileの設定の削除が必要

3-2. 設定方法

~/.config/git/ignoreを作成し、無視したいファイルを追加するだけです。

gitignoreテンプレート：github/gitignore
gitignore作成：gitignore.io

【参考】

【Rails】kaminariでページング処理を実装する

Fri, 16 Sep 2022 12:26:45 +0900

この記事では、kaminari gemを使ってページング処理(ページネーション)を実装する方法を紹介します。

1. 実行環境

macOS：12.5.1
Ruby：3.1.2
Rails：6.1.7
kaminari：1.2.2

2. 手順

2-1. kaminari gemのインストール

Gemfileに以下を追記します。

gem 'kaminari'

以下のコマンドを実行してkaminari gemをインストールします。

bundle install

2-2. ページネーションを実装

コントローラーに以下を追記します。

def index
 @books = Book.order(:id).page(params[:page])
end

デフォルトで25件/ページ
Book.page(params[:page])だと並び順が変わることがあるため、必ずorderをつける
- Active Record クエリインターフェイス - 4 並び順
- order - ActiveRecord::QueryMethods

ビューファイルに以下を追記します。

<%= paginate @books %>

以上でページネーションの実装は完了です。

2-3. 日本語化

kaminariが表示する"First"や"Last"のような表示を日本語化します。

config/locales/ja.ymlに以下を追記します。

ja:
 views:
 pagination:
 first: '最初'
 last: '最後'
 previous: '前'
 next: '次'
 truncate: '...'

I18n and Labels - GitHub - amatsuda/kaminari

【参考】

【Rails】i18nで日本語化する方法

Thu, 15 Sep 2022 22:44:50 +0900

この記事では、Railsに同梱されているi18n gemを使ってアプリケーションを多言語化する方法を紹介します。

1. 実行環境

macOS：12.5.1
Ruby：3.1.2
Rails：6.1.7
i18n：1.12.0

2. 手順

2-1. i18nモジュールの設定

使用する言語のリストとデフォルトで使用する言語を設定します。

config/initializers/locale.rbに以下を追記します。

# 英語と日本語の利用を許可する
I18n.available_locales = [:en, :ja]

# デフォルトの言語を日本語にする
I18n.default_locale = :ja

2-2. ロケールファイルのダウンロード

使用する言語のデフォルトのロケールファイルをsvenfuchs/rails-i18nからダウンロードします。

日本語

$ curl -s https://raw.githubusercontent.com/svenfuchs/rails-i18n/master/rails/locale/ja.yml -o config/locales/ja.yml

英語

$ curl -s https://raw.githubusercontent.com/svenfuchs/rails-i18n/master/rails/locale/en.yml -o config/locales/en.yml

上記のコマンドによりconfig/locales/ja.ymlとconfig/locales/en.ymlが作成されます。

以降はこれらのファイルに翻訳を追加していきます。

2-3. Active Recordモデルで翻訳を行なう

config/locales/ja.ymlに以下を追記します。

ja:
 activerecord:
 models:
 book: 本
 attributes:
 book:
 title: タイトル
 memo: メモ

model_name.humanとhuman_attribute_nameを使ってモデル名とカラム名の訳語を表示します。

Book.model_name.human #=> 本
Book.human_attribute_name(:title) #=> タイトル
Book.human_attribute_name(:memo) #=> メモ

Rails 国際化（i18n）API - 4.7.2 Active Modelのメソッド

config/locales/en.ymlに英訳を追加します。

en:
 activerecord:
 models:
 book: Book
 attributes:
 book:
 title: Title
 memo: Memo

2-4. その他の翻訳

config/locales/ja.ymlに以下を追記します。

【Git】コミット済みファイルを管理対象から除外する方法

Wed, 14 Sep 2022 23:09:12 +0900

Gitは一度ファイルを追跡すると、.gitignoreに追加しても追跡は継続されます。

.gitignoreに追加する前にコミットしてしまった。
リモートリポジトリにすでに追跡されているファイルの追跡をやめたい。

このような既にGitの管理対象になっているファイルの追跡を止めるには以下のコマンドを実行します。

ファイルの場合

git rm --cached <ファイル>

ディレクトリの場合

git rm -r --cached <ディレクトリ>

【参考】

【iTerm2】現在のディレクトリのまま新規タブを開く

Mon, 12 Sep 2022 23:02:49 +0900

iTerm2のデフォルトでは、ホームディレクトリで新規タブが開かれます。

これを、元のタブと同じディレクトリで新規タブを開くように設定します。

1. 実行環境

iTerm2：3.4.16

2. 設定方法

Preference > Profile > Working Directory > Reuse previous session’s directory

以上で設定は終了です。

2-1. 追加設定

Advanced Configuration > Edit…
- 新規タブのほかに、新規ウィンドウとパネル分割時のディレクトリ設定が可能

【Ruby】Sinatraでメモアプリを作る(DB編)

Fri, 19 Aug 2022 21:35:50 +0900

この記事では、RubyのWebアプリケーションフレームワークであるSinatraを使って、シンプルなメモアプリを作成します。

データ保存先のDBにはPostgreSQLを使用します。

今回は、以下の記事で作成したメモアプリのデータ保存先をPostgreSQLに変更します。

【Ruby】Sinatraでメモアプリを作る(JSONファイル編) | あまブログ

PostgreSQLのインストール方法は以下を参照ください。

【macOS】PostgreSQLの基本操作 | あまブログ

1. 実行環境

macOS：12.5
Ruby：3.1.0
Bundler：2.3.12
PostgreSQL：14.3
sinatra：2.2.2
webrick：1.7.0
sinatra-contrib：2.2.2
pg：1.4.3

2. 手順

2-1. pgのインストール

RubyからPostgreSQLを使うために必要なgem、pgをインストールします。

Gemfileに以下を追加します。

+ gem "pg"
 gem "sinatra"

以下のコマンドを実行してgemをインストールします。

$ bundle install

2-2. DB接続とテーブル定義

memo.rbでpgを使えるようにします。

- require 'json'
+ require 'pg'

memo.rbの以下の部分を削除します。

FILE_PATH = 'public/memos.json'

def get_memos(file_path)
 File.open(file_path) { |f| JSON.parse(f.read) }
end

def set_memos(file_path, memos)
 File.open(file_path, 'w') { |f| JSON.dump(memos, f) }
end

memo.rbに以下を追加します。

def conn
 @conn ||= PG.connect(dbname: 'postgres')
end

configure do
 result = conn.exec("SELECT * FROM information_schema.tables WHERE table_name = 'memos'")
 conn.exec('CREATE TABLE memos (id serial, title varchar(255), content text)') if result.values.empty?
end

PG.connectでDBに接続し、インスタンス変数@connに接続情報をキャッシュ
configurationにはアプリ起動時に一度だけ行う処理を記述
PostgreSQLのシステムテーブルtablesからmemosテーブルの存在を確認
if result.values.empty?でmemosテーブルがなければテーブルを作成

2-3. メモ一覧の表示

memo.rbに以下を追加します。

【Ruby3.1】wcコマンドを作る

Thu, 18 Aug 2022 22:00:26 +0900

この記事では、RubyでLinuxのwcコマンドを実装する方法を解説します。

gemを使わずにRubyの標準ライブラリのみで実装します。

1. 実行環境

macOS：12.5
Ruby：3.1.0

2. 作成するwcコマンドの要件

オプションなし
- 標準入力とファイルの入力を受け取る
-cオプション
-lオプション
-wオプション
- 単語の区切り文字は半角スペース、タブ、改行のみに対応

以下の機能は実装の対象外とします。

ノーブレークスペースを含むマルチバイト文字の対応

3. wcコマンドの仕様

macOS標準のwcコマンドの仕様は以下の通りです。(ソースコードはこちら)

(今回の要件に必要な箇所のみ)

引数なし
- 標準入力を受け取る
- Ctrl + D(EOF)を受け取るまで入力を受け付ける
引数にファイルを指定
- ファイルを受け取る
- 複数ファイルを指定した場合、出力の最終行に各ファイルの合計を表示
  - <合計の行数> <合計の単語数> <合計のバイト数> total
オプションなし
- <行数> <単語数> <バイト数> <ファイル名>の順で表示
-cオプション
- バイト数を表示する
-lオプション
- 行数を表示する(改行コードの数)
-wオプション
- 単語数を表示する
- 半角スペース、タブ、改行で区切られた文字列の数(全角スペースはmacOS標準のwcコマンドも非対応)

4. ソースコード

ver1：自作→レビュー反映
ver2：ver1→他の人のコードを反映

4-1. ver1

#!/usr/bin/env ruby
# frozen_string_literal: true

require 'optparse'

def exec
 options = parse_options
 options = { c: true, l: true, w: true } if options.empty?
 paths = ARGV
 paths.empty? ? display_word_count_from_stdin(options) : display_word_count_from_files(paths, options)
end

def parse_options
 opt = OptionParser.new
 options = {}
 opt.on('-c')
 opt.on('-l')
 opt.on('-w')
 opt.parse!(ARGV, into: options)
 options
end

def display_word_count_from_stdin(options)
 lines = $stdin.readlines
 word_count_map = build_word_count_map(lines)
 display_word_count(word_count_map, options)
end

def build_word_count_map(lines, path = '')
 {
 number_of_lines: count_line(lines),
 number_of_words: count_word(lines),
 bytesize: count_bytesize(lines),
 path: path
 }
end

def count_line(lines)
 lines.size
end

def count_word(lines)
 lines.sum { |line| line.split(/[ \t\n]+/).size }
end

def count_bytesize(lines)
 lines.sum(&:bytesize)
end

def display_word_count(word_count_map, options)
 word_counts = []
 word_counts << format_word_count(word_count_map[:number_of_lines]) if options[:l]
 word_counts << format_word_count(word_count_map[:number_of_words]) if options[:w]
 word_counts << format_word_count(word_count_map[:bytesize]) if options[:c]
 word_counts << " #{word_count_map[:path]}" unless word_count_map[:path].empty?
 puts word_counts.join
end

def format_word_count(word_count)
 word_count.to_s.rjust(8)
end

def display_word_count_from_files(paths, options)
 word_count_maps = build_word_count_maps(paths)
 word_count_maps.map { |word_count_map| display_word_count(word_count_map, options) }
 display_total_word_count(word_count_maps, options) if paths.size >= 2
end

def build_word_count_maps(paths)
 paths.map do |path|
 lines = File.readlines(path)
 build_word_count_map(lines, path)
 end
end

def display_total_word_count(word_count_maps, options)
 total_word_count_map = build_total_word_count_map(word_count_maps)
 display_word_count(total_word_count_map, options)
end

def build_total_word_count_map(word_count_maps)
 {
 number_of_lines: word_count_maps.sum { |word_count_map| word_count_map[:number_of_lines] },
 number_of_words: word_count_maps.sum { |word_count_map| word_count_map[:number_of_words] },
 bytesize: word_count_maps.sum { |word_count_map| word_count_map[:bytesize] },
 path: 'total'
 }
end

exec

4-2. ver2

#!/usr/bin/env ruby
# frozen_string_literal: true

require 'optparse'

def exec
 options = parse_options
 options = { c: true, l: true, w: true } if options.empty?
 paths = ARGV
 counts = build_counts(paths: paths)
 counts.map { |count| display_count(count: count, options: options) }
 display_total_count(counts: counts, options: options) if paths.size >= 2
end

def parse_options
 opt = OptionParser.new
 options = {}
 opt.on('-c')
 opt.on('-l')
 opt.on('-w')
 opt.parse!(ARGV, into: options)
 options
end

def build_counts(paths:)
 if paths.empty?
 [build_count(text: $stdin.read)]
 else
 paths.map do |path|
 build_count(text: File.read(path), path: path)
 end
 end
end

def build_count(text:, path: '')
 {
 line_count: text.count("\n"),
 word_count: text.split(/\s+/).size,
 bytesize: text.bytesize,
 path: path
 }
end

def display_count(count:, options:)
 formatted_counts = []
 formatted_counts << format_count(count: count[:line_count]) if options[:l]
 formatted_counts << format_count(count: count[:word_count]) if options[:w]
 formatted_counts << format_count(count: count[:bytesize]) if options[:c]
 formatted_counts << " #{count[:path]}" unless count[:path].empty?
 puts formatted_counts.join
end

def format_count(count:)
 count.to_s.rjust(8)
end

def display_total_count(counts:, options:)
 total_count = build_total_count(counts: counts)
 display_count(count: total_count, options: options)
end

def build_total_count(counts:)
 {
 line_count: counts.sum { |count| count[:line_count] },
 word_count: counts.sum { |count| count[:word_count] },
 bytesize: counts.sum { |count| count[:bytesize] },
 path: 'total'
 }
end

exec

【参考】

【Ruby】rbenvのよく使うコマンド一覧

Tue, 16 Aug 2022 21:39:57 +0900

この記事ではrbenvのよく使うコマンドを紹介していきます。

1. バージョン確認

1-1. 現在使用中のRubyのバージョンを表示

$ rbenv version

1-2. インストール済みのRubyのバージョンを表示

$ rbenv versions

~/.rbenv/versionsのRubyのバージョンを表示

2. インストール

2-1. インストール可能なRubyの最新安定版のバージョンを表示

$ rbenv install -l/--list

2-2. インストール可能なRubyの全バージョンを表示

$ rbenv install -L/--list-all

2-3. Rubyのインストール

$ rbenv install <version>

~/.rbenv/versionsにインストールされる

2-4. Rubyのアンインストール

$ rbenv uninstall <version>

3. バージョン指定

バージョンの優先順位

環境変数： RBENV_VERSION
ローカル：rbenv local <version>
グローバル：rbenv global <version>

3-1. デフォルトで使用するRubyのバージョンを指定

$ rbenv global <version>

~/.rbenv/versionが作成され、グローバルに設定したRubyのバージョンが書き込まれる

3-2. カレントディレクトリで使用するRubyのバージョンを指定

$ rbenv local <version>

カレントディレクトリに.ruby-versionが作成され、ローカルに設定したRubyのバージョンが書き込まれる
rbenv local --unsetで解除

3-3. シェル単位で使用するRubyのバージョンを指定

$ rbenv shell <version>

環境変数$RBENV_VERSIONに指定したRubyのバージョンがセットされる
rbenv shell --unsetで解除

4. その他

4-1. rbenvのバージョンを表示

$ rbenv -v

4-2. rbenvとruby-buildのアップグレード

$ brew upgrade rbenv ruby-build

上記はHomebrewのコマンド
rbenv install -lでRubyの最新安定版のバージョンが表示されない時はrbenvとruby-buildの更新が必要かも

4-3. rbenvのヘルプを表示

$ rbenv -h

4-4. rbenvのコマンド詳細情報を表示

$ rbenv help <command>

【参考】

【Mac】VSCodeのショートカットキーまとめ

Fri, 12 Aug 2022 21:39:52 +0900

この記事ではMacユーザー向けに、Visual Studio Codeのキーボードショートカットの中から特に使用頻度の高いものを紹介していきます。

1. 一般

操作	ショートカット
コマンドパレットを開く	`shift + ⌘ + P`
クイックオープン	`⌘ + P`
新規ウィンドウを開く	`shift + ⌘ + N`
ウィンドウを閉じる	`⌘ + W`
ユーザー設定を開く	`⌘ + ,`
キーボードショートカットを開く	`⌘ + K`→`⌘ + S`

2. 基本的な編集

操作	ショートカット
行を下に移動／上に移動	`option + ↓` / `option + ↑`
行の下にコピー/上にコピー	`shift + option + ↓` / `shift + option + ↑`
行の削除	`shift + ⌘ + K`
行を下に挿入／上に挿入	`⌘ + Enter` / `shift + ⌘ + Enter`
一致する括弧にジャンプ	`shift + ⌘ + \`
行のインデント/アウトデント	`⌘ + ]` / `⌘ + [`
コードを折りたたむ/展開する	`option + ⌘ + [` / `option + ⌘ + ]`
行コメントの切り替え	`⌘ + /`
補完機能をトリガー	`control + space` `⌘ + I`

3. マルチカーソルと選択

操作	ショートカット
カーソルの挿入	`option + クリック`
カーソルを下へ挿入/上へ挿入	`option + ⌘ + ↓` / `option + ⌘ + ↑`
現在の行を選択	`⌘ + L`
選択中の文字列と一致する文字列を全て選択	`shift + ⌘ + L`
矩形選択	`shift + option + マウスドラッグ` `shift + option + ⌘ + ↑ / ↓ / ← / →`

4. 検索と置換

操作	ショートカット
検索	`⌘ + F`
置換	`option + ⌘ + F`
検索結果の次に移動/前に移動	`⌘ + G` / `shift + ⌘ + G` `Enter` / `shift + Enter`
マッチした文字列を全て選択	`option + Enter`

5. ナビゲーション

操作	ショートカット
指定行へ移動	`control + G`
問題パネルを開く	`shift + ⌘ + M`
パネルの表示/非表示切り替え	`⌘ + J`

6. エディタの管理

操作	ショートカット
エディタを閉じる	`⌘ + W`
フォルダを閉じる	`⌘ + K` → `F`
エディタを垂直分割	`⌘ + \`

7. ファイル管理

操作	ショートカット
新規ファイル	`⌘ + N`
ファイルを開く	`⌘ + O`
保存	`⌘ + S`
閉じたエディタを開く	`shift + ⌘ + T`
アクティブなファイルを新しいウィンドウに表示する	`⌘ + K` → `O`
最近開いた項目	`control + R`

8. 表示

操作	ショートカット
エディタレイアウトの切り替え（水平／垂直）	`option + ⌘ + 0`
サイドバーの表示/非表示の切り替え	`⌘ + B`
出力パネルの表示	`shift + ⌘ + U`
Markdownプレビューをサイドに表示	`⌘ + K` → `V`
Markdownプレビューを新規ファイルとして表示	`shift + ⌘ + V`
ターミナルを表示する	control + `
新しいターミナルを作成する	control + shift + `

9. その他

9-1. ユーザが作成したショートカットキーのみを表示する方法

キーボードショートカットエディターの検索欄に@source:userを入力する

【Ruby】Sinatraでメモアプリを作る(JSONファイル編)

Mon, 08 Aug 2022 21:39:45 +0900

この記事では、RubyのWebアプリケーションフレームワークであるSinatraを使って、シンプルなメモアプリを作成します。

データの保存先にはDBを使わず、JSONファイルを使用します。

1. 実行環境

macOS：12.5
Ruby：3.1.0
Bundler：2.3.12
sinatra：2.2.2
webrick：1.7.0
sinatra-contrib：2.2.2

2. メモアプリの要件

以下のメモアプリを作成します。

機能
- メモの作成
- メモの編集
- メモの削除
- メモ一覧の表示
- 特定のメモの表示

3. 作成手順

以下の手順で進めていきます。

設計
実装
改良

3-1. 設計

まずはアプリケーションの設計を行います。

3-1-1. URI設計

RESTfulなURI設計として、今回は以下のURIを使用します。

Method	Path	Description
GET	/memos	メモ一覧を表示
GET	/memos/new	メモ作成画面を表示
GET	/memos/{memo_id}/edit	メモ編集画面を表示
POST	/memos	メモを作成
GET	/memos/{memo_id}	特定のメモを表示
PATCH	/memos/{memo_id}	特定のメモを編集
DELETE	/memos/{memo_id}	特定のメモを削除

3-1-2. ディレクトリ設計

ディレクトリ構成は以下のようになります。

memo-app/
 - public/
 - memos.json # データ保存先
 - views/
 - edit.erb # メモ編集画面
 - index.erb # メモ一覧表示画面
 - layout.erb # 各ビューの共通部分
 - new.erb # メモ作成画面
 - show.erb # 特定のメモ表示画面
 - memo.rb # ルーティング定義

3-2. 実装

次にメインの機能の実装を行います。

【Ruby3.1】lsコマンドを作る

Thu, 04 Aug 2022 21:12:59 +0900

この記事では、RubyでLinuxのlsコマンドを実装する方法を解説します。

gemを使わずにRubyの標準ライブラリのみで実装します。

OOP版はこちら↓

【Ruby3.1】lsコマンドを作る(OOP版) - あまブログ

1. 実行環境

macOS：12.5
Ruby：3.1.0

2. 作成するlsコマンドの要件

今回はlsコマンドの以下の機能を実装の対象とします。

オプションなしのlsコマンド
- 横に最大3列を維持して表示
- ファイルの並び順は列ごとに辞書式順序にソートされる
-aオプション
-rオプション
-lオプション

ファイルの並び順

以下の機能は実装の対象外とします。

引数にファイルやディレクトリを指定可能にする
mac拡張属性(@マーク)の表示

3. lsコマンドの仕様

macOS標準のlsコマンドの仕様は以下の通りです。(ソースコードはこちら)

(今回の要件に必要な箇所のみ)

引数なし
- カレントディレクトリの内容を表示
-aオプション
- ファイル名が.で始まるファイルを含めて表示
-lオプション
- ディレクトリ内の各ファイルのブロック数の合計を1行目に表示(total <blocks>)
- 2行目以降に各ファイルをロングフォーマットで表示
-rオプション
- 逆順で表示

3-1. ロングフォーマットについて

-lオプション指定時に表示される以下のような形式をロングフォーマットと呼びます。

dr-xr-xr-x 3 root wheel 4539 7 30 07:10 dev

ロングフォーマットに含まれるファイルの情報(属性)は以下の7つです。

ファイルタイプとファイルモード
ハードリンク数
所有者名
グループ名
ファイルサイズ
タイムスタンプ
ファイル名

3-1-1. ファイルタイプとファイルモード

ファイルタイプとファイルモードを10桁のアルファベットで表示(drwxr-xr-x)
- 1桁目：ファイルタイプ
- 2桁目~10桁目：ファイルモード
File::Stat#ftypeでファイルタイプを取得
File::Stat#modeでファイルモードを取得

lsコマンドの-lオプションで表示されるファイルタイプとファイルモードの詳細については以下の記事を参照ください。

【Ruby】File::Stat#modeが返すファイルモードの数値を記号表記に変換する

Thu, 04 Aug 2022 12:44:15 +0900

この記事では、RubyのFile::Stat#modeが返すファイルモードの数値と、記号表記(symbolic notation)の対応を解説します。

ファイルモードの記号表記については以下の記事を参照ください。

【ls -l】ファイルタイプとファイルモードの記号の意味 | あまブログ

1. File::Stat#modeが返す値

fs = File::Stat.new('sample.txt')

p fs.mode #=> 33188
p fs.mode.to_s(8) #=> "100644"

File::Stat#modeはファイルモードを10進数の数値で返します。(33188)

これを意味のわかるものにするためには、8進表記の文字列に変換する必要があります。("100644")

2. 8進表記と記号表記の対応

ここからは8進表記の文字列と記号表記の対応を解説していきます。

先ほど出てきた100644を記号表記に変換すると以下のようになります。

8進表記	記号表記
`100644`	`-rw-r--r--`

この6桁の8進表記はそれぞれの桁ごとに以下の意味を持ちます。

1~2桁目：ファイルタイプ
3桁目：特殊権限
4桁目：所有者の権限
5桁目：グループの権限
6桁目：その他のユーザの権限

以降で8進表記の各桁と記号表記の対応について詳しく解説していきます。

1~2桁目：ファイルタイプ

File::Stat#modeが返す6桁の8進表記の1~2桁目はファイルタイプを表します。

ファイルタイプの8進表記と記号表記の対応は以下のようになります。

8進表記	記号表記	ファイルタイプ
`01`	`p`	名前付きパイプ(FIFO)
`02`	`c`	キャラクタデバイス(Character special file)
`04`	`d`	ディレクトリ(Directory)
`06`	`b`	ブロックデバイス(Block special file)
`10`	`-`	通常ファイル(Regular file)
`12`	`l`	シンボリックリンク(Symbolic link)
`14`	`s`	ソケット(Socket link)

3桁目：特殊権限

File::Stat#modeが返す6桁の8進表記の3桁目は特殊権限を表します。

【ls -l】ファイルタイプとファイルモードの記号の意味

Wed, 03 Aug 2022 22:57:02 +0900

この記事ではLinuxのlsコマンドの-lオプションで表示されるファイルタイプとファイルモードの記号の意味を解説します。

ls -lコマンドを実行すると、以下のようなファイルの詳細情報が表示されます。

$ ls -l
-rw-r--r-- 1 uname staff 0 11 28 12:31 default.txt
drwxr-xr-x 2 uname staff 64 11 28 11:55 default_dir

各行の先頭に表示される-rw-r--r--やdrwxr-xr-xのような10桁の記号は、そのファイルのファイルタイプとファイルモードを表します。

1桁目：ファイルタイプ
2桁目~10桁目：ファイルモード

以降では、ファイルタイプとファイルモードの記号の意味を解説していきます。

1. ファイルタイプ

ls -lで表示される10桁の記号のうち1桁目はファイルタイプを表します。

ファイルタイプを表す記号の種類は以下の7つです。

記号	ファイルタイプ
`b`	ブロックデバイス(Block special file)
`c`	キャラクタデバイス(Character special file)
`d`	ディレクトリ(Directory)
`l`	シンボリックリンク(Symbolic link)
`s`	ソケット(Socket link)
`p`	名前付きパイプ(FIFO)
`-`	通常ファイル(Regular file)

2. ファイルモード

ls -lで表示される10桁の記号のうち2桁目~10桁目はファイルモードを表します。

このファイルモードは以下の3文字×3組で表されます。

3文字(権限なし：-)
- r：読み込み
- w：書き込み
- x：実行
3組
- 所有者(owner)
- グループ(group)
- その他のユーザ(other)

例えばファイルモードがrwxr-xr-xの場合、所有者は読み込み・書き込み・実行の全てを許可(rwx)、グループは読み込み・実行を許可(r-x)、その他のユーザも読み込み・実行を許可(r-x)という意味になります。

2-1. 特殊権限(スティッキービット、SGID、SUID)

ファイルモードを表す記号には前述のr,w,x,-以外に、特殊権限を表す記号があります。

RubyでJSONファイルを扱う方法

Sat, 30 Jul 2022 22:36:55 +0900

この記事ではJSONの基礎と、RubyでJSONファイルを扱う方法を紹介します。

1. JSONの基礎

1-1. JSON(JavaScript Object Notation)とは

データ記述言語の1つ
プログラミング言語を問わず利用することができる(JavaScript, Java, PHP, Ruby, Python など)
名称と構文はJavaScriptにおけるオブジェクトの表記法に由来する
MIEMタイプはapplication/json
拡張子はjson
文字コードはUTF-8でエンコードすることが必須
ウェブアプリケーションでデータを転送する場合によく使われる

1-2. JSONの表記方法

JSONのデータ型

JSONは以下のデータ型で構成されます。

文字列(string)
数値(number)
真偽値(boolean)
ヌル値(null)
オブジェクト(object)
配列(array)

1. 文字列(string)

{"name":"John"}

ダブルクォーテーションで囲んだ文字列を指定(シングルクォーテーションは使えない)
バックスラッシュでエスケープしたUnicode文字で構成される

2. 数値(number)

{
 "number_1" : 210,
 "number_2" : 215,
 "number_3" : 21.05,
 "number_4" : 10.05
}

10進法表記のみ(8進、16進法表記は使えない)
浮動小数点数も使用できる

3. 真偽値(boolean)

{
 "active_flag": true,
 "delete_flag": false
}

true とfalseはすべて小文字で指定

4. ヌル値(null)

{"middlename":null}

nullはすべて小文字で指定

5. オブジェクト(object)

{
 "employee":{
 "name":"John",
 "age":30,
 "city":"New York"
 }
}

キーとして使うデータ型は文字列に限る
JavaScriptにおける連想配列、Rubyにおけるハッシュ

6. 配列(array)

[
 {
 "name":"John",
 "age":30
 },
 {
 "name":"Carol",
 "age":21
 }
]

配列要素には、文字列、数値、真偽値、ヌル値、オブジェクト、配列すべてを使用できる

2. RubyでJSONファイルを扱う方法

2-1. JSONファイルを読み込んでRubyオブジェクトに変換する

array.json

【Ruby】JSON.parseエラー対処【no implicit conversion of File into String (TypeError)】

Sat, 30 Jul 2022 22:29:25 +0900

1. バージョン情報

Ruby：3.1.0
robocop：1.32.0

2. 経緯

以下のような、JSONファイルを読み込むコードを書いていた。

require 'json'

file_path = "test.json"

p File.open(file_path) { |f| JSON.load(f) } #=> ファイルの内容

これをrubocopでチェックすると以下の警告文が表示された。

Security/JSONLoad: Prefer JSON.parse over JSON.load.

JSON.load()ではなくJSON.parse()を使えと言っている。

以下のようにJSON.parse()を使うように修正したところエラーが発生した。

require 'json'

file_path = "test.json"

p File.open(file_path) { |f| JSON.parse(f) } #=> no implicit conversion of File into String (TypeError)

3. エラー対処法

JSON.parse()は引数に文字列を指定する必要があり、引数にファイルは指定できない。

なので、先ほどのコードを以下のように修正すると上手くいく。

require 'json'

file_path = "test.json"

p File.open(file_path) { |f| JSON.parse(f.read) } #=> ファイルの内容

Fileクラス
- IO#read

【参考】

【REST】TwitterのURLを再設計する

Mon, 25 Jul 2022 21:13:14 +0900

この記事ではRESTの考え方を理解するために、TwitterのURLをRESTの設計原則に従って再設計します。

1. 対象の機能

今回はTwitterの以下の機能を再設計の対象とします。

ユーザを表示する
ツイートする
ツイートに返信する
引用ツイートをする
リツイートする
フォローする
フォロー一覧を表示する
フォロワー一覧を表示する
リストを作成する
リストにユーザを追加する
リストからユーザを削除する
リスト一覧を表示する
リストを表示する

2. URL設計

Method	Path	Description
GET	users/{user_id}	特定のユーザを表示
POST	tweets	ツイートを作成する(返信、引用ツイート含む)
POST	retweets	特定のツイートをリツイートする
POST	followings	特定のユーザをフォローする
GET	followings	ログイン中のユーザのフォロー一覧を表示
GET	followers	ログイン中のユーザのフォロワー一覧を表示
GET	users/{user_id}/followings	特定のユーザのフォロー一覧を表示
GET	users/{user_id}/followers	特定のユーザのフォロワー一覧を表示
POST	lists	リストを作成する
POST	lists/{list_id}/members	特定のリストに特定のユーザを追加する
DELETE	lists/{list_id}/members/{user_id}	特定のリストから特定のユーザを削除する
GET	lists	ログイン中のユーザのリスト一覧を表示
GET	users/{user_id}/lists	特定のユーザのリスト一覧を表示
GET	lists/{list_id}	特定のリストを表示

3. 解説

3-1. ツイートする(返信・引用ツイート含む)

Method	Path	Description
POST	tweets	ツイートを作成する(返信、引用ツイート含む)

ツイートをするのは常にログインユーザのため、URIにログインユーザのidは含めない
返信の場合、リクエストのボディに返信先のツイートの情報を含める
引用ツイートの場合、リクエストのボディに引用するツイートのidを含める

3-2. リツイートする

Method	Path	Description
POST	retweets	特定のツイートをリツイートする

リツイートをするのは常にログインユーザのため、URIにログインユーザのidは含めない
リクエストのボディにリツイートするツイートのidを含める

3-3. フォローする

Method	Path	Description
POST	followings	特定のユーザをフォローする

フォローを実行するのは常にログインユーザのため、URIにログインユーザのidは含めない
リクエストのボディにフォローするユーザのidを含める

3-4. リストにユーザを追加する

Method	Path	Description
POST	lists/{list_id}/members	特定のリストに特定のユーザを追加する

リストへのユーザ追加を実行するのは常にログインユーザのため、URIにログインユーザのidは含めない
リクエストのボディにリストに追加するユーザのidを含める

3-5. リストを表示する

Method	Path	Description
GET	lists/{list_id}	特定のリストを表示

リストを一意に特定できれば、そこからリストを所有するユーザはわかるため、users/{user_id}/lists/{list_id}とする必要はない

【参考】

【Git】特定のコミットを修正する方法【rebase -i】

Mon, 25 Jul 2022 21:02:39 +0900

1. はじめに

本稿では、git rebase -iを使った特定のコミットの修正方法を解説します。

直前のコミットだけではなく、2つ以上前のコミットを修正できる
コミットメッセージの修正だけではなく、ファイルの編集内容の修正も可能

チーム開発等で既にpushしているコミットに対しての使用には注意が必要です。

2. 手順

以下の手順で進めていきます。

コミットログの確認
git rebase -i HEAD~n
修正したいコミットの「pick」を「edit」に変更
ファイルの修正
git add
git commit –amend
git rebase –continue

2-1. コミットログの確認

以下のコマンドを実行して、修正したいコミットを確認します。

git log --oneline
a00d4fa (HEAD -> main) file2.txtを修正
091fed5 file2.txtを作成
d4a404b file1.txtを修正 # これを修正したい
6f86174 file1.txtを作成

今回は以下のコミットを修正したいと思います。

d4a404b file1.txtを修正

2-2. git rebase -i HEAD~n

git rebase -i HEAD~n コマンドで、デフォルトのテキストエディタに直近のn個のコミットを表示できます。

今回修正したいコミットはHEADを含めて3つ目のコミットなので、以下のコマンドを実行します。

git rebase -i HEAD~3

すると、テキストエディタで以下のように表示されます。

# コミット一覧のファイル
pick d4a404b file1.txtを修正
pick 091fed5 file2.txtを作成
pick a00d4fa file2.txtを修正

# Rebase 6f86174..a00d4fa onto 6f86174 (3 commands)
#
# Commands:
# p, pick <commit> = use commit
# r, reword <commit> = use commit, but edit the commit message
# e, edit <commit> = use commit, but stop for amending
# s, squash <commit> = use commit, but meld into previous commit
# f, fixup [-C | -c] <commit> = like "squash" but keep only the previous
# commit's log message, unless -C is used, in which case
# keep only this commit's message; -c is same as -C but
# opens the editor
# x, exec <command> = run command (the rest of the line) using shell
# b, break = stop here (continue rebase later with 'git rebase --continue')
# d, drop <commit> = remove commit
# l, label <label> = label current HEAD with a name
# t, reset <label> = reset HEAD to a label
# m, merge [-C <commit> | -c <commit>] <label> [# <oneline>]
# . create a merge commit using the original merge commit's
# . message (or the oneline, if no original merge commit was
# . specified); use -c <commit> to reword the commit message
#
# These lines can be re-ordered; they are executed from top to bottom.
#
# If you remove a line here THAT COMMIT WILL BE LOST.
#
# However, if you remove everything, the rebase will be aborted.
#

2-3. 修正したいコミットの「pick」を「edit」に変更

d4a404bのコミットをpickからeditに変更します。

【MacBook】USキーボードで簡単に「英字⇄かな」切替する方法

Sat, 23 Jul 2022 20:42:35 +0900

USキーボードのMacBookを買ったけど、日本語入力への変換がめんどくさい！

「英字⇄かな」切替をもっと簡単にする方法はないかな？

本記事の内容
- USキーボードのMacBookで「英字⇄かな」切替を簡単に行う方法

今回は、USキーボードのMacBookで「英字⇄かな」切替を簡単に行う方法を紹介します。

MacBookは見た目がカッコいいUSキーボードを選びました。

徐々にUSキーボードに慣れてきた中で、唯一解決しない問題が「英字⇄かな」切替がめんどくさいことです。

何故なら、USキーボードには「全角/半角」切替ボタンがありません。

さらにMacBookのデフォルトでは「英字⇄かな」切替のショートカットキーが「Control + スペースキー」に割り当てられています。

そしてこの「Control + スペースキー」がめちゃくちゃ打ちづらい！

そこで今回は、そんな問題を解決するオススメの方法を2つ紹介します。

方法1.「Command + スペースキー」で切り替える

こちらの方法は、やることはシンプルで、デフォルトのショートカットキーである「Control + スペースキー」を「Command + スペースキー」に変えるだけです。

「Command」と「スペースキー」が隣り合っているので、とても簡単に「英字⇄かな」切替ができます。

手順1.「システム環境設定」から「キーボード」を選択

まず最初にDockの「システム環境設定」を開き、「キーボード」を選択します。

手順2.「ショートカット」タブの「入力ソース」を選択

次に「ショートカット」タブをクリックし、左側のリストから「入力ソース」を選択します。

手順3.「前の入力ソースを選択」をクリックしてから新しいキーを設定

次に、「前の入力ソースを選択」をクリックし、「Command + スペースキー」を直接入力します。

黄色い三角マークが出た場合

下の画像のように、「Command + スペースキー」設定後に黄色い三角マークが出た場合はもう少し設定をする必要があります。

この黄色い三角マークは、先ほど設定した「Command + スペースキー」が既に別のアクション(デフォルトでは「Spotlight検索」)のショートカットキーとして割り当てられていることを意味します。

なので既に「Command + スペースキー」が割り当てられていた「Spotlight検索」のショートカットキーを変更することでこの問題は解決します。

手順3と同じように、今度は「Spotlight」→「Spotlight検索を表示」を選択して、「Control + スペースキー」を入力します。

「Control + スペースキー」がちゃんと設定されると以下のように黄色い三角マークは消えます。

以上で設定完了です！

方法2.「caps lock」で切り替える

2つ目方法では、「caps lock」ボタンで「英字⇄かな」切り替えを行えるようにします。

手順1.「システム環境設定」から「キーボード」を選択

まず最初にDockの「システム環境設定」を開き、「キーボード」を選択します。

手順2.「入力ソース」タブを選択し、「Caps Lockキーで英字入力モードと切り替える」をチェック

次に「入力ソース」タブを選択し、「Caps Lockキーで英字入力モードと切り替える」にチェックを入れます。

【未経験・独学】基本情報技術者試験の勉強時間はどれくらい必要？

Wed, 20 Jul 2022 11:14:03 +0900

本記事の内容
- IT業界未経験から合格までに必要な勉強時間
- 勉強のスケジュール
- 勉強内容
- オススメの参考書

今回はIT業界未経験から独学で基本情報技術者試験に合格するための方法を解説します。

この記事を書いている僕は、平成30年度秋期基本情報技術者試験に合格しました。

これから基本情報技術者試験の勉強を始める方は、ぜひこの記事を読んでみてください！

1. IT業界未経験でも3ヶ月の勉強期間で合格できる

IT業界未経験の方でも、3ヶ月で180時間の勉強で合格できます。

1-1. 当時の自分のレベル

社会人1年目の10月に受験しました。

学生時代にパソコンに触れる機会は、Wordでレポートを提出するときくらいでした。

試験勉強を始める前にやっていたことといえば、社内研修で1ヶ月間C言語を教わったことくらいです。

基本情報技術者試験に合格すれば会社から資格取得手当が貰えたし、何かしらの勉強はしたかったので、存在を知った瞬間から受験する気はありました。

ただ流石にまだ合格は無理だろうと思って、1年目の10月は受験しないで次の2年目の4月に受験しようと思っていました。

7月くらいに現場の先輩から「基本情報受けるの？」と聞かれ、まだ無理だと思うから今回は受けないと答えると、「いやいや今からでも全然行けるっしょ」と受験する気がないことに結構驚かれました。

そしたらなんか僕も「え、マジっすか、いけんすか。」ってなって、「いけんのかぁ、じゃ受けてみようかなぁ」って感じで受けたら、いけました。

このような感じで僕のような素人でも3ヶ月の勉強で合格できたので、受験しようか迷ってる方にはぜひ挑戦してほしいです！

1-2. 合格までに必要な勉強時間

IT業界未経験で知識0からのスタートでも、180時間あれば十分に合格レベルまで持っていけます。

期間は余裕を持って3ヶ月くらいあるといいです。

毎日2時間×90日=180時間が理想ですが、仕事がある人は平日1時間、土日に5時間ずつで週15時間×12週間=180時間くらいのペースでもいいです。

180時間の配分はざっくり以下を目指しましょう。

午前対策
- 80時間
午後対策
- 100時間

2. 勉強のスケジュール

ここからは勉強のスケジュールを紹介していきます。

僕の場合は以下のようなスケジュールで勉強しました。

入社した4月に会社から基本情報技術者試験の参考書が支給されていたので、図に示す期間の前から参考書を読んだりしていました。

8/1に午前試験の過去問を1回解いてみたところから本格的な勉強スタートです。

そこから9/16までは午前対策のみを行いました。

9/16から午後対策を始めたので、9/16~9/28までの期間は午前、午後どちらの勉強もしている状態です。

9/28で完全に午前対策をやめて、午後対策のみに集中しました。

本番1週間前の10/13~10/14の二日間で、本番同様に午前・午後を通しで2回分解きました。

ラスト1週間は最後の調整で、午後試験を中心に今までやったことを確認したり、気になるところの過去問を解き直したりしていました。

3. 勉強内容

ここからは実際に行った勉強内容を紹介していきます。

3-1. 午前試験

以下の流れで午前試験の勉強を行いました。

試しに過去問を1回分解いてみる
参考書1周
過去問演習と参考書の復習
- 過去問1~50→3回分
- 過去問51~80→19回分
- 参考書2~3周目
過去問1~80→3回分

まずは点数を気にせずにとりあえず過去問を1回解いてみて午前試験がどのようなものかを確認しました。

そのあとで参考書を簡単に1周読み、あとはひたすら過去問演習をしました。

参考書の2~3周目もがっつり読みこむのではなく、過去問演習をしていく中でわからない用語に遭遇したら、その都度参考書で確認していくという方法で読み進めていきました。

過去問51〜80をかなり解いていますが、これは51〜80(マネジメント/ストラテジ系)は計算用紙がいらず、1問にかかる時間が短いので仕事中暇なときに基本情報技術者試験ドットコムでずっと解いていたためです。

僕の場合、午前対策の期間が8/1〜9/28の59日間とずいぶん長いですが、最初はのんびり勉強していたということもあるので、この内容なら40日間×2時間=80時間くらいで終わると思います。

知識0からのスタートだと知らない単語だらけなので午前対策の期間が長くなりがちですが、午前試験は暗記ゲーなので、そこまで一生懸命理解しようとしなくても大丈夫です。

とりあえず過去問を解きまくって、ある程度いけそうだと思ったら午前対策はやめて、午後対策に移りましょう。

3-2. 午後試験

以下の流れで午後試験の勉強を行いました。

【初心者向け】JavaScriptで簡単なゲームを30分で作ろう！

Sun, 17 Jul 2022 21:58:10 +0900

JavaScript初心者でも簡単に作れるゲームが知りたい！

ゲームの作り方の詳しい解説やソースコードも見たい！

本記事の内容
- ゲームの完成形とソースコード
- ゲームの作り方の解説

この記事は、JavaScriptの基礎文法を一通り学んで「実際に何かを作ってみたい！」 という方に向けたものになっています。

ライブラリなどは一切使わず、JavaScriptの基礎文法だけで作れるゲームを紹介します。

今回作るゲームはJavaScript初心者の方でも30分で作ることができます。

実際に手を動かして、JavaScriptの理解を深めていきましょう！

1. 数字当てゲーム

簡単な「数字当てゲーム」を作っていきます。

1-1. 完成形とソースコード

以下が今回作るゲームの完成形です。

1~20までの数字を予想してスコアを競うゲームです。
表示されるヒントを頼りに正解の数字を予想していきます。
より少ない回数で数字を当てると高得点になります。

デモサイトで実際の動きを確認できます。

ソースコードはこちらから確認できます。

1-2. このゲームを作って学べること

今回の「数字当てゲーム」を作って学べることは以下の2つです。

JavaScriptのDOM操作
コードのリファクタリング

1-3. 用意するもの

以下の3つのファイルを用意しましょう。

index.html
style.css
script.js

これらのファイルはこちらにあります。

2. まずはゲームの仕様を理解しよう

コードを書く前に、まずはゲームの仕様を理解しましょう。

2-1. 仕様の確認

今回の「数字当てゲーム」は大きく3つの機能に分けることができます。

メイン機能
- ユーザーが数字を入力してチェックボタンをクリックすると処理を実行
- 入力された値によって異なるメッセージを表示
- 入力された数字が不正解の場合、スコアを1減らしてゲーム続行
- 入力された数字が正解の場合、正解の数字を表示してゲーム終了
リセット機能
- リセットボタンをクリックしてゲームを再スタート
ハイスコア機能
- ハイスコアを表示する

2-2. 必要な要素の確認

必要な要素は以下の7つです。

正解の数字(secretNumber)
入力された数字(inputNumber)
スコア(score)
メッセージ(message)
チェックボタン(check)
リセットボタン(reset)
ハイスコア(highscore)

1. 正解の数字(secretNumber)

変数secretNumberに1~20までのランダムな数字を設定します。

正解した時にこの数字を表示させます。

2. 入力された数字(inputNumber)

変数inputNumberにユーザーにより入力された数字を代入します。

この値をもとに条件分岐を行います。

【VSCode】オススメ拡張機能まとめ

Sun, 10 Jul 2022 23:35:51 +0900

この記事では、Visual Studio Codeのオススメの拡張機能を紹介していきます。(随時更新中)

1. 一般

2. HTML

HTML CSS Support
HTMLHint
- こちらのHTMLHintに移行推奨
Live Server
Auto Complete Tag
- VSCodeの基本設定だけで代替可能(詳細)
open in browser
- Live Serverがあればほぼいらない、<script type="module">で書いたJSファイルを読み込んでるhtmlファイルはfile:// プロトコル経由で開いても動作しない

3. Ruby

3-1. Rails

Slim
- slim使う場合はあったほうがいい

4. JavaScript

4-1. Vue.js

Volar
- Vue3からはVolar、Vue2ならVetur

5. PostgreSQL

PostgreSQL

6. Git

7. Docker

Docker

【参考】

【Mac】Chromeのショートカットキーまとめ

Sun, 10 Jul 2022 22:44:19 +0900

この記事ではMacユーザー向けに、Google Chromeのキーボードショートカットの中から特に使用頻度の高いものを紹介していきます。

1. タブとウィンドウのショートカット

操作	ショートカット
新しいウィンドウを開く	`⌘ + n`
新しいウィンドウをシークレットモードで開く	`⌘ + shift + n`
新しいタブを開いてそのタブに移動する	`⌘ + t`
閉じたタブを閉じた順序で再び開く	`⌘ + shift + t`
タブの移動	`⌘ + option + ←`または`⌘ + option + →`
現在のタブのページを戻る・進む	`⌘ + ←`または`⌘ + →`
現在のタブを閉じる	`⌘ + w`

2. Google Chrome 機能のショートカット

操作	ショートカット
ページ内の文字列検索	`⌘ + f`
文字列検索で一致する次の部分に移動する	`⌘ + g`
文字列検索で一致する前の部分に移動する	`⌘ + shift + g`
デベロッパーツールを開く	`⌘ + option + i`

3. アドレスバーのショートカット

操作	ショートカット
サイト名に www. と .com を追加して現在のタブで開く	`サイト名を入力 + control + enter`
アドレスバーに移動する	`⌘ + l`
アドレスバーから予測候補を削除する	`shift + fn + delete`

4. ウェブページのショートカット

操作	ショートカット
現在のページを再読み込みする	`⌘ + r`
キャッシュを無視して現在のページを再読み込みする	`⌘ + shift + r`
現在のページの HTML ソースコードを表示する	`⌘ + option + u`
全画面表示モードをオンまたはオフにする	`⌘ + control + f`
ページを 1 画面ずつ下にスクロールする	`space`
ページを 1 画面ずつ上にスクロールする	`shift + space`

【参考】

【ER図】Twitterのデータベースを設計する

Thu, 07 Jul 2022 23:31:36 +0900

この記事ではTwitterのサイトのER図の書き方を解説します。

論理設計の対象はTwitterの一部の機能に限定し、ER図はIE記法で、Draw.ioで作成しました。

1. 対象の機能

ユーザを表示する
ツイートする
ツイートに返信する
リツイートする
引用ツイートする
フォローする
フォロー一覧を表示する
フォロワー一覧を表示する
リストにユーザーを追加する
リスト一覧を表示する
リストをフォローする

2. ER図

3. テーブル定義

3-1. usersテーブル

ユーザーの情報を管理するテーブル

username
- @から始まるアカウント固有の識別名(ユーザー名)
name
- 表示名(名前)
bio
- 自己紹介
location
- 場所
website
- ウェブサイト
date_of_birth
- 生年月日
profile_image
- プロフィール画像
header_image
- ヘッダー画像

3-2. tweetsテーブル

ユーザーのツイートを管理するテーブル

user_id
- ツイートしたユーザーのid
content
- ツイート文
image
- ツイート画像
reply_to
- 返信の場合、返信先のツイートのidが入る
- 通常のツイートの場合はnull(または0)が入る
quote_tweet_id
- 引用ツイートの場合、引用元のツイートのidが入る
- 通常ツイートの場合、null(または0)が入る

3-3. retweetsテーブル

リツイートしたユーザーとリツイートされたツイートの関連を表すテーブル(誰がどのツイートをリツイートしたかの情報を持つテーブル)

user_id
- リツイートしたユーザーのid
tweet_id
- リツイートされたツイートのid

3-4. followsテーブル

フォローしたユーザーとフォローされたユーザーの関連を表すテーブル(誰をフォローして誰にフォローされているかの情報を持つテーブル)

follower_id
- フォローという行為をしたユーザーのid(誰かをフォローしたユーザーのid = 誰かのフォロワーになるユーザーのid)
followee_id
- フォローの対象となるユーザーのid(誰かにフォローされているユーザーのid)

3-5. listsテーブル

リストの情報を管理するテーブル

【VSCode】HTMLタグの自動閉じタグ補完・自動タグ名変更を拡張機能なしで設定する方法

Sat, 25 Jun 2022 22:55:04 +0900

1. はじめに

Visual Studio Codeの拡張機能であるAuto Complete Tagが提供する機能は、Visual Studio Codeの基本設定だけで代替可能です。

この記事では、拡張機能をインストールすることなく、HTMLタグの自動閉じタグ補完機能と自動タグ名変更機能を有効にする方法を紹介します。

2. Auto Complete Tag

Visual Studio Codeの拡張機能にAuto Complete Tagというものがあります。

Auto Complete TagとはAuto Close TagとAuto Rename Tagの機能を合わせたもので、この拡張機能を有効にするとHTMLタグの自動閉じタグ補完(Auto Close Tag)と自動タグ名変更(Auto Rename Tag)ができるようになります。

2-1. Auto Close Tag

開始タグの閉じ括弧を入力すると、終了タグが自動的に挿入されます。

2-2. Auto Rename Tag

一方のHTMLタグの名前を変更すると、対になるHTMLタグの名前も自動的に変更されます。

3. 設定方法

3-1. 自動閉じタグ補完(Auto Close Tag)

command + ,で設定を開く
Auto Closing Tagsで検索
HTML: Auto Closing Tagsにチェックを入れて設定を有効にする

settings.jsonを直接編集する場合は以下を記入。

{
"html.autoClosingTags": true
}

3-2. 自動タグ名変更(Auto Rename Tag)

command + ,で設定を開く
Editor: Linked Editingで検索
Editor: Linked Editingにチェックを入れて設定を有効にする

settings.jsonを直接編集する場合は以下を記入。

【Git】作業ツリー上の変更を取り消す方法

Sat, 25 Jun 2022 10:24:31 +0900

この記事ではgit addもgit commitもしていない、作業ツリー上のファイル(インデックスに登録されていないワークツリー上のファイル)の変更を取り消して元に戻す方法を紹介します。

1. 方法

$ git checkout -- <ファイル名>

git checkout -- .で全てのファイルを指定

【参考】

【Git】派生元ブランチの変更

Sat, 25 Jun 2022 10:08:10 +0900

この記事ではGitの派生元ブランチ(親ブランチ)の特定と変更方法を紹介します。

間違った親ブランチからブランチを作成してしまいコミットもしてしまった時などに有効です。

1. 派生元ブランチの特定方法

$ git show-branch | grep "*" | grep -v "$(git rev-parse --abbrev-ref HEAD)" | head -n 1 | awk -F'[]~^[]' '{print $2}'

grep "*"：*がついてる行のみ表示
grep -v "$(git rev-parse --abbrev-ref HEAD)"：カレントブランチを除外
head -n 1：1行目を表示
awk -F'[]~^[]' '{print $2}’：ブランチ名のみ表示

2. 派生元ブランチの変更方法

2-1. git rebase –onto

 H---I---J topicB
/
E---F---G topicA
/
A---B---C---D main

↓

$ git rebase --onto main topicA topicB

↓

 H'--I'--J' topicB
/
| E---F---G topicA
|/
A---B---C---D main

git rebase --onto <変更後の親ブランチ> <現在の親ブランチ> <移動するブランチ>
rebaseによりコミットが改変されているため、リモートへのpushにはgit push -fが必要

2-2. git cherry-pick

$ git checkout -b topicB-new master
$ git cherry-pick <コミットid>

新しいブランチを作り、欲しいコミットだけをgit cherry-pickで移動させる
適用させたいコミット数が少ない場合に有効

【参考】

【Ruby 3.1】ボウリングのスコア計算プログラムを作る

Fri, 24 Jun 2022 21:48:46 +0900

OOP版はこちら↓

【Ruby3.1】ボウリングのスコア計算プログラムをオブジェクト指向で作る | あまブログ

1. 実行環境

macOS Monterey 12.4
Ruby 3.1.0

2. ボウリングのスコア計算プログラムの要件

1ゲーム = 10フレーム
1フレーム = 2投
スペアのフレームの得点は次の1投の点を加算する。
ストライクのフレームの得点は次の2投の点を加算する。
10フレーム目は1投目がストライクもしくは2投目がスペアだった場合、3投目が投げられる。
ありえない投球数やありえない数字・記号がこない前提。
入力例：6,3,9,0,0,3,8,2,7,3,X,9,1,8,0,X,6,4,5

3. ソースコード

ver1：自作→レビュー反映
ver2：ver1→他の人のコードを反映

3-1. ver1

#!/usr/bin/env ruby
# frozen_string_literal: true

score = ARGV[0]
scores = score.split(',')
shots = []
scores.each do |s|
 if s == 'X'
 shots << 10
 shots << 0
 else
 shots << s.to_i
 end
end

frames = []
shots.each_slice(2) do |s|
 frames << s
end

frames_point = []
frames.each_with_index do |frame, i|
 frames_point[i] = frame.sum
 if i < 9
 if frame[0] == 10
 frames_point[i] += frames[i + 1][0]
 frames_point[i] += if frames[i + 1][0] == 10
 frames[i + 2][0]
 else
 frames[i + 1][1]
 end
 elsif frame.sum == 10
 frames_point[i] += frames[i + 1][0]
 end
 end
end
puts frames_point.sum

3-2. ver2

#!/usr/bin/env ruby
# frozen_string_literal: true

shots = ARGV[0].split(',').map { |s| s == 'X' ? 10 : s.to_i }

frame = []
frames = []
shots.each do |s|
 frame << s
 if frames.length < 10
 if frame.length >= 2 || s == 10
 frames << frame.dup
 frame.clear
 end
 else
 frames.last << s
 end
end

point = 0
(0..9).each do |n|
 point += frames[n].sum
 frames[n + 1] ||= []
 frames[n + 2] ||= []
 if frames[n][0] == 10
 point += (frames[n + 1] + frames[n + 2]).slice(0, 2).sum
 elsif frames[n].sum == 10
 point += frames[n + 1][0]
 end
end
puts point

4. ソースコード(ver2)の解説

4-1. 主な使用メソッド

4-2. 解説

4行目

shots = ARGV[0].split(',').map { |s| s == 'X' ? 10 : s.to_i }

ARGV[0].split(',')で入力された文字列を,で分割して文字列の配列にする
- "6,3,9,0,0,3,8,2,7,3,X,9,1,8,0,X,6,4,5"が["6", "3", "9", "0", "0", "3", "8", "2", "7", "3", "X", "9", "1", "8", "0", "X", "6", "4", "5"]になる
.map { |s| s == 'X' ? 10 : s.to_i }でXを数値の10に、それ以外を数値に変換する
結果、shotsには[6, 3, 9, 0, 0, 3, 8, 2, 7, 3, 10, 9, 1, 8, 0, 10, 6, 4, 5]が入る

6~18行目

frame = []
frames = []
shots.each do |s|
 frame << s
 if frames.length < 10
 if frame.length >= 2 || s == 10 # frameに2投またはストライクの1投が入ったら
 frames << frame.dup
 frame.clear
 end
 else # 10フレーム目
 frames.last << s
 end
end

shots[6, 3, 9, 0, 0, 3, 8, 2, 7, 3, 10, 9, 1, 8, 0, 10, 6, 4, 5]から、各フレーム毎に分割したframes[[6, 3], [9, 0], [0, 3], [8, 2], [7, 3], [10], [9, 1], [8, 0], [10], [6, 4, 5]]を作りたい

【Git】プルリクエストを使った開発の流れ

Wed, 22 Jun 2022 22:09:44 +0900

この記事ではGutHubでPull Requestを使った開発の流れを紹介します。

1. 準備

まずは開発用のリポジトリを作成します。

リポジトリの作成方法には以下の2つがあります。

リポジトリを自分で作る
既存のリポジトリをcloneする

1-1. リポジトリを自分で作る

リポジトリの作成方法は、以下の手順を参照してください。

【Git】リポジトリの作成 | あまブログ

1-2. 既存のリポジトリをcloneする

チーム開発等で既にリポジトリが存在する場合は、以下の手順でリモートリポジトリをcloneします。

$ mkdir <ディレクトリ名>
$ cd <ディレクトリのパス>
$ git clone <リポジトリのURL>

※リポジトリのURLの取得方法

2. 開発の流れ

以下の流れで行います。

リモートのmainをローカルのmainに反映させる
作業ブランチを作成する
ファイルの編集・追加を行う(コードを書く)
ファイルの編集・追加をローカルに反映させる
作業ブランチをリモートにpushする
Pull Requestを作成する
フィードバックを受ける
Pull Requestをマージする

2-1. リモートのmainをローカルのmainに反映させる

まずはリモートのmainブランチの状態をローカルのmainブランチに反映させる。(最新のmainの状態にする)

$ git checkout main
$ git pull origin main

2-2. 作業ブランチを作成する

$ git checkout -b <ブランチ名> main

上記はmainブランチを派生元に指定。

2-3. ファイルの編集・追加を行う(コードを書く)

作成したブランチ上でコードを書く。

2-4. ファイルの編集・追加をローカルに反映させる

作業した内容をローカルの作業ブランチに反映させる。

$ git status
$ git add <編集・追加したファイル名>
$ git commit -m "<コミットメッセージ>"

2-5. 作業ブランチをリモートにpushする

$ git push origin <ブランチ名>

この時点でリモートに作業ブランチが作成される。

【Git】リポジトリの作成

Wed, 22 Jun 2022 22:05:09 +0900

この記事ではGitのリポジトリの作成方法を紹介します。

1. リモートリポジトリの作成

まず初めに、GitHub上にリモートリポジトリを作成します。

GitHubの「New repository」からリモートリポジトリを作成。

2. ローカルリポジトリの作成

次に自分のPC上にローカルリポジトリを作成します。

2-1. ディレクトリの作成

$ mkdir <ディレクトリ名>

2-2. ファイルの作成

作成したディレクトリに移動し、任意のファイルを作成します。

$ cd <ディレクトリ名>
$ echo "# test" >> README.md

2-3. ローカルリポジトリの作成

$ git init

2-4. ファイルをローカルリポジトリに反映

$ git add README.md
$ git commit -m "first commit"

3. ローカルリポジトリの内容をリモートリポジトリに反映

ローカルリポジトリの作業内容を、GitHub上のリモートリポジトリに反映させます。

3-1. リモートリポジトリの登録

使用するリモートリポジトリを登録します。

$ git remote add origin https://github.com/[ユーザ名]/[リモートリポジトリ名]

3-2. ローカルリポジトリの内容をリモートリポジトリに反映

ローカルリポジトリをリモートリポジトリにpushします。

$ git push -u origin main

【VSCode】ファイル末尾に改行を自動で挿入する設定

Tue, 21 Jun 2022 09:19:54 +0900

この記事では、Visual Studio Codeのファイル保存時に、自動で末尾に改行が挿入されるように設定する方法を紹介します。

1. 環境

VS Code バージョン 1.68.1

2. 手順

⌘,(command + ,)で設定を開く
insertFinalNewlineで検索
Files: Insert Final Newlineにチェックを入れて設定を有効にする

設定すると、settings.jsonに以下が追記される。

"files.insertFinalNewline": true

※ 上記を settings.json に直接追記しても設定可能

settings.jsonの開き方
- ⇧⌘P(shift + command + P)でコマンドパレットを開く
- open settingsで検索
- Preferences: Open Settings (JSON)を選択

【参考】

User and workspace settings

Q&A掲示板のER図を書く

Tue, 21 Jun 2022 09:12:34 +0900

「ユーザが質問を投稿して、そこに誰かがコメントを付ける、問題が解決したらコメントの中からベストアンサーを1つ選ぶ」というシステムのER図を書く。

1. 要件

質問を投稿する
コメントする
ベストアンサーを選ぶ

2. ER図

または

NginxでSSL対応サイトを作る

Tue, 14 Jun 2022 10:30:13 +0900

この記事では、Debian 11上のNginxでSSL対応サイトを作る方法を紹介します。

自己署名証明書を作成し、Nginxの設定を編集します。

Nginxの設定ファイルの詳しい解説は以下の記事を参照してください。

【Debian】NginxでVirtual Hostsを使って複数のドメインを設定する方法【Server Blocks】 | あまブログ

1. 環境

Debian GNU/Linux 11 bullseye (さくらのVPS)
Nginx 1.21.6
OpenSSL 1.1.1

2. SSLの概要

まず初めに、SSLの概要を説明します。

2-1. SSLの暗号化方式

データのやりとりには共通鍵暗号を使う
共通鍵暗号で必要となる共通鍵の受け渡しに公開鍵暗号を使う

共通鍵暗号：暗号化と復号化に同じ鍵を使う

公開鍵暗号：秘密鍵で暗号化、ペアとなる公開鍵で復号化

2-2. 公開鍵証明書

SSL証明書、サーバー証明書とも呼ばれる
認証局によるデジタル署名がついたサーバーの公開鍵のこと
- 通信を行うサーバーが信頼できるかどうかを確認する仕組み
- デジタル署名を自身で行なった証明書を自己署名証明書と言う(オレオレ証明書)

デジタル署名：秘密鍵で署名、ペアとなる公開鍵で検証

【公開鍵証明書発行の流れ】( 図解 X.509 証明書 #x.509 - Qiita より)

3. 手順

以下の手順で進めていきます。

公開鍵証明書の作成
Nginxの設定

また、本手順では、サーバーのホスト名をtest.comとします。

3-1. 公開鍵証明書の作成

サーバーの秘密鍵と公開鍵証明書を作成します。

まずは、opensslをインストール。

$ sudo apt install openssl

秘密鍵と公開鍵証明書を生成。(ここで生成される公開鍵証明書は自己署名証明書)

$ sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -subj /CN=test.com -keyout /etc/ssl/private/nginx.key -out /etc/ssl/certs/nginx.crt

req：CSR(Certificate Signing Request：証明書署名要求)を生成するためのサブコマンド。
-x509：CSRではなく自己署名証明書を生成する。
-nodes：公開鍵証明書のパスフレーズ設定をスキップ。パスフレーズを設定するとNginxを再起動するたびに入力する必要がある。
-days：生成する公開鍵証明書の有効期限を指定。
-newkey rsa:2048：公開鍵証明書と秘密鍵を同時に生成する。rsa:2048で2048ビットのrsa鍵を指定。
-subj /CN=test.com：Common Nameにホスト名を指定。-subjオプションを指定しない場合、プロンプトが表示され入力を求められる。CN以外はテキトーな値でいい。
-keyout：生成する秘密鍵のファイル名を指定。
-out：生成する公開鍵証明書のファイル名を指定。

3-1-1. 細かくやると

先程行った秘密鍵と公開鍵証明書の生成を、「秘密鍵の生成」と「公開鍵証明書の生成」に分けて行うと以下のようになります。

さくらのVPSに設定した独自ドメインにサブドメインを設定する方法

Sun, 12 Jun 2022 10:04:34 +0900

この記事ではさくらのVPSに設定した独自ドメインでサブドメインを利用できるようにする方法を紹介します。

これにより、契約ドメインは1つで複数のサイトを扱うことができます。

例えばfoo.comの独自ドメインにbarをサブドメインに設定することで、foo.comとbar.foo.comの2つのサイトを利用できます。

前提条件

さくらのVPSを契約済み
独自ドメインを取得済み(お名前ドットコムやXserverドメインなどで作成)
サブドメインを作成済み(お名前ドットコムやXserverドメインなどで作成)
独自ドメインをさくらのVPSに設定済み

さくらのVPSにXserverドメインで取得した独自ドメインを設定する方法 | あまブログ

1. 設定方法

1.さくらインターネットのドメインコントロールパネルにアクセス。

2.「ネームサーバサービス」を選択

3.以下の画面で、設定済みのドメインの「ゾーン>」を選択します。(画面右側)

4.「編集」を選択

5.「レコード追加」で以下の情報を入力して「追加」を選択

「エントリ名」→サブドメイン名(barなど)
「タイプ」→別名(CNAME)
「データ」→@
DNSチェック→チェックしない
TTLの指定→チェックしない

6.「保存」を選択

以上で終了です。

【RuboCopエラー】Favor modifier if usage when having a single-line body. Another good alternative is the usage of control flow &&/||.

Fri, 10 Jun 2022 10:00:02 +0900

1. 環境

rubocop 1.30.0
Ruby 3.1.0

2. エラー内容

Favor modifier if usage when having a single-line body. Another good alternative is the usage of control flow &&/||.

if文の中身が1行の場合は、後置ifを使用するか、&&または||を使用してください。

3. エラー対処法

# bad
if some_condition
 do_something
end

# good
do_something if some_condition

# another good option
some_condition && do_something

【RuboCopエラー】Use the return of the conditional for variable assignment and comparison.

Fri, 10 Jun 2022 09:53:31 +0900

rubocopでUse the return of the conditional for variable assignment and comparison.のエラーが出た時の対処法。

1. 環境

rubocop 1.30.0
Ruby 3.1.0

2. エラー内容

Use the return of the conditional for variable assignment and comparison.

変数の代入と比較には、条件式の戻り値を使用してください。

3. エラー対処法

# bad
if foo
 bar = 1
else
 bar = 2
end

# good
bar = if foo
 1
 else
 2
 end

DebianにPostgreSQLをインストールして外部から接続する方法

Fri, 10 Jun 2022 09:29:29 +0900

この記事では、さくらのVPS上のDebianにPostgreSQLをインストールして、Macから外部接続する方法を紹介します。

1. 環境

Debian GNU/Linux 11 bullseye (さくらのVPS)
macOS Monterey 12.4
PostgreSQL 14.3

2. 手順

以下の流れで進めていきます。

PostgreSQLのインストール
接続確認
ユーザの作成
外部接続の設定
外部接続の確認

2-1. PostgreSQLのインストール

2-1-1. 必要なパッケージのインストール

まずは、PostgreSQLのインストールに必要な以下のパッケージをインストールします。

以下のコマンドを実行してパッケージをインストール。

$ sudo apt install curl gnupg2 ca-certificates lsb-release

パッケージの情報を表示：apt show <パッケージ名>
インストール済みパッケージの確認：apt list --installed <パッケージ名>

2-1-2. 署名鍵のインポート

次に、aptがパッケージの信頼性を確認できるようにするために、PostgreSQLが公式に公開している署名鍵をインポートします。

以下のコマンドを実行して署名鍵をインポート。

$ curl https://www.postgresql.org/media/keys/ACCC4CF8.asc | gpg --dearmor | sudo tee /etc/apt/trusted.gpg.d/apt.postgresql.org.gpg >/dev/null

2-1-3. リポジトリの追加

aptの設定ファイルにPostgreSQLの公式リポジトリを追加します。

以下のコマンドを実行して /etc/apt/sources.list.d 配下に設定ファイルを作成します。

$ echo "deb http://apt.postgresql.org/pub/repos/apt $(lsb_release -cs)-pgdg main" | sudo tee /etc/apt/sources.list.d/pgdg.list

作成された /etc/apt/sources.list.d/pgdg.list の内容は以下のようになります。

【Ruby 3.1】カレンダーのプログラムを作る

Wed, 08 Jun 2022 09:24:49 +0900

1. 環境

macOS Monterey 12.4
Ruby 3.1.0

2. カレンダープログラムの要件

-mで月を、-yで年を指定できる
引数を指定しない場合は、今年・今月のカレンダーが表示される
macに入っているcalコマンドと同じ見た目になっている
今日の日付の部分の色が反転する
どのような引数が与えられようが、cal コマンドと同じ表示結果になる

3. ソースコード

3-1. 試作品(自作→レビュー反映)

#!/usr/bin/env ruby

require 'date'
require 'optparse'

today = Date.today
options = ARGV.getopts("", "m:#{today.month}", "y:#{today.year}")

if options["m"].to_i >= 1 && options["m"].to_i <= 12
 inputed_month = options["m"].to_i
else
 puts "cal: #{options["m"]} is neither a month number (1..12) nor a name"
 return
end

if options["y"].to_i >= 1 && options["y"].to_i <= 9999
 inputed_year = options["y"].to_i
else
 puts "cal: year `#{options["y"]}' not in range 1..9999"
 return
end

first_date = Date.new(inputed_year, inputed_month, 1)
last_date = Date.new(inputed_year, inputed_month, -1)
space = " "

puts " #{inputed_month}月 #{inputed_year}"
puts "日 月 火 水 木 金 土"

print space * first_date.wday

def color_reverse(text)
 "\e[30m\e[47m#{text}\e[0m"
end

(first_date..last_date).each do |full_date|
 day_of_week = full_date.wday
 if full_date == today
 print color_reverse(full_date.day).rjust(16)
 else
 print full_date.day.to_s.rjust(2)
 end
 print " "
 puts "" if day_of_week == 6
end

puts ""

3-2. 最終形(自作→レビュー反映→他の人のコードを見る)

#!/usr/bin/env ruby

require 'date'
require 'optparse'

params = ARGV.getopts('m:y:')
month = (params['m'] || Date.today.month).to_i
year = (params['y'] || Date.today.year).to_i

if month < 1 || month > 12
 puts "cal: #{params['m']} is neither a month number (1..12) nor a name"
 return
end

if year < 1 || year > 9999
 puts "cal: year `#{params['y']}' not in range 1..9999"
 return
end

start_of_month = Date.new(year, month, 1)
end_of_month = Date.new(year, month, -1)

puts " #{month}月 #{year}"
puts "日 月 火 水 木 金 土"
print " " * 3 * start_of_month.wday
(start_of_month..end_of_month).each do |day|
 format = day == Date.today ? "\e[7m%2d\e[0m " : '%2d '
 printf format, day.day
 puts "\n" if day.wday == 6
end
puts "\n\n"

4. ソースコード(最終形)の解説

4-1. 主な使用メソッド

4-2. 解説

# 6行目
params = ARGV.getopts('m:y:')

# 引数に「-m」と「-y」をとる

# 7~8行目
month = (params['m'] || Date.today.month).to_i
year = (params['y'] || Date.today.year).to_i

# それぞれの引数が指定されなかった場合、monthに今月の月、yearに今年の年が入る

# 10~13行目
if month < 1 || month > 12
 puts "cal: #{params['m']} is neither a month number (1..12) nor a name"
 return
end

# -mオプションで1~12以外が指定された場合、エラーメッセージを表示して処理を終了

# 15~18行目
if year < 1 || year > 9999
 puts "cal: year `#{params['y']}' not in range 1..9999"
 return
end

# -yオプションで1~9999以外が指定された場合、エラーメッセージを表示して処理を終了

# 20~21行目
start_of_month = Date.new(year, month, 1)
end_of_month = Date.new(year, month, -1)

# 月の初日と最終日

# 25行目
print " " * 3 * start_of_month.wday

# 月の初日の曜日によって表示する位置を調整
# start_of_month.wdayには曜日を表す数値(日曜から0~6)が入る

# 26行目
(start_of_month..end_of_month).each do |day|

# dayに<Date: 2017-09-20 ...>の形式で月の初日から最終日までが入る

# 27~28行目
format = day == Date.today ? "\e[7m%2d\e[0m " : '%2d '
printf format, day.day

# 条件演算子によりdayが今日の日付の場合"\e[7m%2d\e[0m "が、それ以外の場合'%2d 'がformatに代入される
# printfにより、指定したフォーマットでday.day(日付)が表示される(今日の日付の場合に色を反転して表示)

# 29行目
puts "\n" if day.wday == 6

# 土曜日で改行

【Ruby】コンソールに出力結果を色付きで表示する方法【ANSIエスケープシーケンス】

Wed, 08 Jun 2022 09:14:49 +0900

この記事ではRubyの出力結果を色付きで表示する方法を紹介します。

ターミナルの出力結果で色を使うためにはエスケープシーケンスというものを利用します。

エスケープシーケンスはターミナル上で色を含む特定の制御を実現するための特殊な文字列です。

この記事では色の変更に関するエスケープシーケンスのみを紹介します。

1. 書き方

print "<エスケープシーケンス>文字列"

# 赤い文字を表示したい場合
print "\e[31m文字"

１つの文字列に複数のシーケンスを適用することもできる。

# 文字色：赤、背景色：緑色
print "\e[31m\e[42m文字"

末尾に\e[0mでリセットできる。

print "\e[31m赤文字\e[0m"
print "普通の色の文字"

末尾に\e[0mがないと、次の出力も変更した色のまま。

print "\e[31m赤文字"
print "これも赤文字"

2. カラーコード

例：\e[31

色の名前	文字色	背景色
黒	30	40
赤	31	41
緑	32	42
黄色	33	43
青	34	44
マゼンタ	35	45
シアン	36	46
白	37	47
デフォルト	39	49
リセット	0	0

デフォルト：色のみをリセット

print "\e[3m\e[31mイタリック赤文字\e[39m"
print "イタリック普通の色の文字"

リセット：色やその他の効果を全てリセット

print "\e[3m\e[31mイタリック赤文字\e[0m"
print "普通の書式で普通の色の文字"

【参考】

【macOS】PostgreSQLの基本操作

Wed, 08 Jun 2022 09:08:47 +0900

この記事では、PostgreSQLの基本操作を解説します。

バージョン情報
- macOS Monterey 12.4
- PostgreSQL 14.3

1. インストール

インストール

$ brew install postgresql

バージョン確認

$ psql --version
psql (PostgreSQL) 14.3

2. データベースサーバの起動・停止

2-1. brew servicesコマンド

brew services

起動

$ brew services start postgresql

停止

$ brew services stop postgresql

2-2. pg_ctlコマンド

pg_ctlコマンド

起動

$ pg_ctl -D /usr/local/var/postgres start

pg_ctl -D <データディレクトリのパス> start

停止

$ pg_ctl -D /usr/local/var/postgres stop

pg_ctl -D <データディレクトリのパス> stop

データディレクトリのパスの確認

postgres=# SHOW data_directory;
data_directory
-------------------------
/usr/local/var/postgres
(1 row)

-Dオプションの省略

環境変数PGDATAにデータディレクトリのパスを設定することで、-Dオプションを省略して起動・停止ができる。

~/.zshrcに以下を追加

SQLの基本を理解する

Tue, 07 Jun 2022 08:57:52 +0900

1. SQLの概要

1-1. SQLとは

リレーショナルデータベースを操作するための言語
標準規格に準拠したSQLを標準SQLと言う

1-2. SQLの基本的な記述ルール

SQL文の最後に;(セミコロン)をつける
キーワードに大文字/小文字の区別はない
定数は''(シングルクォーテーション)で囲む

2. SQLの分類

2-1. DDL(Data Definition Language)

CREATE
DROP
ALTER

2-2. DML(Data Manipulation Language)

SELECT
INSERT
UPDATE
DELETE

2-3. DCL(Data Control Language)

COMMIT
ROLLBACK
GRANT
REVOKE

3. SQL基礎

3-1. CREATE TABLE

テーブルの作成

CREATE TABLE Staff
(id CHAR(4) NOT NULL,
name TEXT NOT NULL,
age INTEGER ,
PRIMARY KEY (id));

主な制約
- PRIMARY KEY
- UNIQUE
- REFERENCES 表名(列名)
- CHECK(条件)
- NOT NULL
- DEFAULT 値

3-2. INSERT

行の挿入

INSERT INTO Staff (id, name, age) VALUES ('0001', '山田太郎', 26);
INSERT INTO Staff VALUES ('0004', '渡辺さつき', 28);

3-3. SELECT

列の取得

さくらのVPSにXserverドメインで取得した独自ドメインを設定する方法

Mon, 06 Jun 2022 22:34:49 +0900

この記事ではさくらのネームサーバにXserverドメインで取得した独自ドメインを設定する方法を紹介します。

これによりさくらのVPSに作成したサーバに、設定したドメイン名でアクセスできるようになります。

前提条件
- さくらのVPSでサーバを契約済み
- Xserverドメインで取得した独自ドメインをXserverで使用

さくらのVPSでサーバを契約する方法は以下を参照してください。

さくらのVPSにDebian11 (bullseye)をインストールする方法 | あまブログ

1. Xserverドメイン側の設定

1-1. ネームサーバー設定の変更

Xserverアカウントにログインします。

XServerアカウント - ログイン | レンタルサーバーならエックスサーバー

ログイン後、該当のドメインを選択。

ドメイン選択後の画面で「ネームサーバー設定」>「設定変更」を選択。

ネームサーバー設定で「ドメイン適用先サービス」>「その他のサービスで利用する」を選択し、ネームサーバーに以下を入力します。

ns1.dns.ne.jp
ns2.dns.ne.jp

以下のようになっていればOKです。「確認画面へ進む」を選択します。

以下の画面で、設定内容を確認して「設定を変更する」を選択。

Xserverドメイン側の設定は以上です。

ネームサーバーの設定 | Xserverドメイン

2. さくらのVPS側の設定

2-1. ドメイン名の登録

さくらインターネットの会員メニューにログインします。

会員認証｜さくらインターネット

「契約中のドメイン一覧」を選択。

以下の画面で、「ドメインコントロールパネル」を選択。

以下の画面で、「ネームサーバサービス」>「ネームサーバ新規登録」を選択。

以下の画面で、利用したいドメイン名を入力し、「ドメインを登録する」を選択。

ネームサーバサービス一覧に追加したドメインが表示されたら、新規登録は完了です。

ネームサーバー（オプションサービス）を利用したい | さくらのサポート情報

2-2. ゾーン情報の作成

以下の画面で、先ほど追加したドメインの「ゾーン>」を選択します。(画面右側)

以下の画面で、「さくらのDNSに設定する(簡単設定)」でサーバーのIPアドレスを入力し、「追加して設定」を選択。

さくらのVPS側の設定は以上です。

ドメインのゾーン情報を編集したい | さくらのサポート情報

以上で終了です。

【メモ】

【IIS】さくらのVPS(WindowsServer)にエックスサーバーの独自ドメインを設定してみた
ネームサーバー
- IPアドレスとドメイン名の紐付けを行うサーバー
- = DNSサーバー
ドメイン移管とは
- ドメイン移管とは？移管の流れ・具体的な方法や費用・トラブルの原因まで解説！ – 初心者のためのブログ始め方講座
別のパターン

【Debian】NginxでVirtual Hostsを使って複数のドメインを設定する方法【Server Blocks】

Mon, 06 Jun 2022 12:28:13 +0900

NginxのWebサーバではVirtual Hosts(Server Blocks)を使って1台のサーバで複数のドメインを運用することができます。

この記事では、Debian 11上のNginxにVirtual Hostsを設定する方法を紹介します。

なお、本稿の手順を進める前にDebian上にNginxがインストールされている必要があります。

DebianでのNginxのインストール方法は以下の記事を参照してください。

【Debian】Nginx公式リポジトリにある最新バージョンのNginxをインストールする | あまブログ

1. 環境

Debian 11 bullseye
nginx 1.21.6

2. 手順

2-1. ドキュメントルートディレクトリの作成

ドキュメントルートは各ドメインのhtmlファイルが保存されるディレクトリで、任意の場所に作ることができます。

以下では /var/wwwディレクトリの中にサーバでホストしたいドメインごとに html ディレクトリを作成します。

今回はサンプルとしてtest1.comとtest2.comの2つのドメインを使用します。

以下のコマンドを実行して、ドキュメントルートディレクトリを作成します。

$ sudo mkdir -p /var/www/test1.com/html
$ sudo mkdir -p /var/www/test2.com/html

2-2. サンプルページの作成

次に各サイトのデフォルトページをドキュメントルートディレクトリの中に作成します。

以下のコマンドを実行して、1つ目のサンプルページを作成します。

$ sudo vi /var/www/test1.com/html/index.html

テスト用として、以下の内容で作成します。

/var/www/test1.com/html/index.html

<html>
 <head>
 <title>test1</title>
 </head>
 <body>
 <h1>test1.com</h1>
 </body>
</html>

続けて、2つ目のサンプルページも作成します。

$ sudo cp /var/www/test1.com/html/index.html /var/www/test2.com/html/
$ sudo vi /var/www/test2.com/html/index.html

内容は以下のようになります。

【Debian】Nginx公式リポジトリにある最新バージョンのNginxをインストールする

Mon, 06 Jun 2022 12:25:33 +0900

この記事では、DebianにNginx公式リポジトリにある最新バージョンのNginxをインストールする手順を紹介します。

※Debianのデフォルトの設定でapt install nginxした場合、Nginx公式リポジトリからではなく、Debian公式リポジトリから少し古いバージョンのNginxがインストールされます。

1. 実行環境

Debian 11 bullseye

2. 手順

2-1. 必要なパッケージのインストール

Nginxのインストールに必要な以下のパッケージをインストールします。

以下のコマンドを実行してパッケージをインストール。

$ sudo apt install curl gnupg2 ca-certificates lsb-release debian-archive-keyring

パッケージの情報を表示：apt show <パッケージ名>
インストール済みパッケージの確認：apt list --installed <パッケージ名>

2-2. 署名鍵のインポート

aptがパッケージの信頼性を確認できるようにするために、Nginxが公式に公開している署名鍵をインポートします。

以下のコマンドを実行して署名鍵をインポート。

$ curl https://nginx.org/keys/nginx_signing.key | gpg --dearmor | sudo tee /usr/share/keyrings/nginx-archive-keyring.gpg >/dev/null

コマンドの意味
- curl https://nginx.org/keys/nginx_signing.key
  - curlコマンドで署名鍵ファイルをダウンロード
- gpg --dearmor
  - 署名鍵ファイルをgpgコマンドで暗号化
- sudo tee /usr/share/keyrings/nginx-archive-keyring.gpg
  - teeコマンドで /usr/share/keyrings 配下に nginx-archive-keyring.gpg というファイル名で保存
- >/dev/null
  - コマンド実行時の出力結果を /dev/null に渡している

以下のコマンドを実行して、ダウンロードした署名鍵が正しいことを確認します。

telnetでGETとPOSTでHTTPリクエストを送る方法

Sun, 05 Jun 2022 14:21:28 +0900

この記事では、クライアントからtelnetを使ってGETメソッドとPOSTメソッドでWebサーバにHTTPリクエストを送信する方法を紹介します。

HTTPは、Webサーバ(サーバ)⇄Webブラウザ(クライアント)間のWebページの送受信に使われるプロトコルです。

1. 環境

macOS Monterey：12.4

2. 手順

2-1. telnetのインストール

$ brew install telnet

2-2. GETメソッド

以下のコマンドで、example.comの80番ポート(HTTP)に接続

$ telnet example.com 80

書式：telnet <ホスト名> <ポート番号>

続けて、以下のHTTPリクエストを実行

GET / HTTP/1.1 # リクエスト行
Host: example.com # ヘッダ
<改行>

リクエスト行
- メソッド：GETメソッド、リクエストURI：/、プロトコルバージョン：HTTP/1.1
ヘッダ
- フィールド名：Host、フィールド値：example.com
  - Host→HTTP/1.1 で唯一の必須ヘッダ。フィールド値にURLのホスト部分を指定。
<改行>
- 1行空けることでヘッダの終わりを伝える

2-3. POSTメソッド

xxx.com/articlesに以下のようなフォームがある場合を想定

<form action="/articles" method="post">
<div>
<label for="article_title">Title</label>
<input type="text" name="article[title]" id="article_title">
</div>
<div>
<label for="article_body">Body</label>
<textarea type="text" name="article[body]" id="article_body"></textarea>
</div>
<div>
<input type="submit" name="commit" value="Submit" data-disable-with="Submit">
</div>
</form>

以下のコマンドで、xxx.comの80番ポート(HTTP)に接続

【Debian】Nginxで自分で作ったhtmlファイルを表示させる方法

Sun, 05 Jun 2022 14:16:21 +0900

この記事では、Nginx上に自分で作ったhtmlファイルを配置し、ブラウザから表示させる方法を紹介します。

1. 環境

Debian 11 bullseye
nginx 1.21.6

2. 手順

2-1. Nginxのインストール

Nginxをインストール

$ sudo apt update
$ sudo apt install nginx

Nginxのインストールを確認

$ /usr/sbin/nginx -v
nginx version: nginx/1.21.6

2-2. Nginxの起動

Nignxを起動

$ sudo systemctl start nginx

Nginxの起動を確認

$ systemctl status nginx
● nginx.service - nginx - high performance web server
Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor preset: enabled)
Active: active (running) since Sun 2022-06-05 06:38:04 JST; 1h 45min ago
Docs: https://nginx.org/en/docs/
Process: 8247 ExecStart=/usr/sbin/nginx -c /etc/nginx/nginx.conf (code=exited, status=0/SUCCESS)
Main PID: 8248 (nginx)
Tasks: 2 (limit: 529)
Memory: 1.7M
CPU: 10ms
CGroup: /system.slice/nginx.service
├─8248 nginx: master process /usr/sbin/nginx -c /etc/nginx/nginx.conf
└─8250 nginx: worker process

2-3. 設定ファイルの確認

Nginxの設定ファイルを確認

【Debian 11 bullseye】sudoコマンドをインストールする方法

Wed, 01 Jun 2022 23:38:19 +0900

本稿では、さくらVPSにインストールしたDebian 11にsudoコマンドをインストールする方法を紹介します。

sudoは一般ユーザにスーパーユーザ(root)の権限を与えるコマンドです。

なお、さくらVPSにDebian 11をインストール方法は以下をご参照ください。

さくらのVPSにDebian11 (bullseye)をインストールする方法 | あまブログ

1. sudoのインストール

sudoコマンドをインストールします。

# apt install -y sudo

2. /etc/sudoersの編集

sudoコマンドの設定ファイルである/etc/sudoersを編集して、権限の設定を行います。

/etc/sudoersは直接テキストエディタで開いて編集してはいけません。

書き方を誤るとsudoが動作せずに、どのユーザもsudoが使えなくなってしまうことがあるためです。

/etc/sudoersの編集はvisudoコマンドを使用します。

# visudo

visudoコマンドを実行したら、/etc/sudoersに以下を追記します。

foo ALL=(ALL) ALL

書式：<ユーザ> <マシン名>=(<権限>) <コマンド>

(<権限>)のところを(<ALL:ALL>)と書いた場合、左側がユーザ、右側がグループを表す。

ファイルを保存し、設定したユーザでsudoコマンドが実行できれば設定は完了です。

【参考】

さくらのVPSにDebian11 (bullseye)をインストールする方法

Wed, 01 Jun 2022 23:09:44 +0900

さくらのVPSにDebian11をインストールする手順を解説します。

サーバーを契約し、OSをインストールして、ユーザーを作成してログインします。

1. 手順

以下の手順で進めていきます。

さくらのVPSでサーバーを契約
Debian11のインストール
Debian11の設定
Debian11にログイン

1-1. さくらのVPSでサーバーを契約

以下にアクセスし、「お申し込み」を選択

VPS（仮想専用サーバー）｜さくらインターネット

サーバー作成
- サーバー選択
  - ゾーン：石狩第一
  - プラン：512MB(学習には最小プランで十分)
  - ストレージ変更オプション：SSD25GB
  - 購入台数：1台
  - 支払いパターン：毎月払い
- サーバー設定
  - サーバー名：任意
  - サーバー説明：任意
  - OS設定
    - インストールするOS：どれでも(後で入れ直すため)
    - OSバージョン：どれでも(後で入れ直すため)
  - スタートアップスクリプト：利用しない
  - サーバーへのSSHキー登録：登録しない(後で入れ直すため)
- 支払い方法
  - 初回は2ヶ月分の支払い

支払い完了後に以下の画面が表示され、数分後にサーバーが作成されます。

1-2. Debian11のインストール

さくらのVPSにログインして、コントロールパネルのサーバー一覧から作成したサーバーを選択

「OS再インストール」を選択し、OSインストール形式は「カスタムOS」、インストールOSは「Debian 11 amd64」を選択して「内容確認」をクリック

インストールOSが「Debian 11 amd64」になっていることを確認して、「OS再インストール」をクリック

1-3. Debian11の設定

作成したサーバーを選択し、「コンソール」>「VNCコンソール」を選択してVNCコンソールを起動

1-3-1. rootユーザーの設定

rootユーザーのパスワードを設定して、「Continue」を選択

設定したパスワードを再度入力して、「Continue」を選択

1-3-2. 一般ユーザーの設定

ユーザーのフルネームの設定は特に必要ないので何も入力せず、「Continue」を選択

一般ユーザーのユーザー名を設定して、「Continue」を選択

一般ユーザーのパスワードを設定して、「Continue」を選択

設定したパスワードを再度入力して、「Continue」を選択

1-3-3. パーティションの設定

「Guided – use entire disk」を選択

「Virtual disk 1 (vda)」を選択

【Git】リモート追跡ブランチと上流ブランチを理解する【fetch・merge】

Mon, 30 May 2022 00:00:00 +0000

1. リモート追跡ブランチ、上流ブランチ

リモート追跡ブランチ(remote-tracking branch)
- リモートブランチの状態を追跡するブランチ
- ローカルリポジトリに存在する(実体は.git/refs/remotes/)
上流ブランチ(upstream branch)
- デフォルトでマージの対象となるブランチ(引数なしでgit mergeした時にマージされるブランチ)
- mainブランチの上流ブランチがorigin/mainブランチである場合、「mainブランチはorigin/mainブランチを追跡している」と言う

2. fetch、merge、(pull)

fetch：リモートリポジトリのmainブランチをローカルリポジトリのorigin/mainブランチに反映
merge：ローカルリポジトリのorigin/mainブランチをローカルリポジトリのmainブランチにマージ
pull = fetch + merge
- git pull origin main = git fetch origin + git merge origin/main

3. 関連コマンド

3-1. 上流ブランチの設定

上流ブランチの設定(git-branch -u)

# git branch -u <リモート追跡ブランチ> <ローカルブランチ>
git branch -u origin/main main

push時に上流ブランチを設定(git-push -u)

# mainブランチの上流ブランチにorigin/mainブランチが設定される
git push -u origin main

上流ブランチの設定を解除(git-branch –unset-upstream)

# git branch --unset-upstream <ローカルブランチ>
git branch --unset-upstream main

3-2. ブランチの確認

ローカルブランチとリモート追跡ブランチの表示(git-branch -a)

【apt install】Debian公式リポジトリに登録されていないパッケージをインストールする方法

Thu, 19 May 2022 15:44:41 +0900

本稿では、aptコマンドを使ってDebianの標準以外のパッケージをインストールする方法を紹介します。

1. はじめに

Debianにパッケージをインストールする時には、aptコマンドを使うことが多いと思います。

デフォルトの状態ではDebianの公式リポジトリのみが/etc/apt/sources.listに設定されています。

そのため、サードパーティ製のパッケージ(Debianの公式リポジトリに登録されていないパッケージ)をインストールするためには、そのパッケージが格納されてるリポジトリを/etc/apt/sources.listに追加する必要があります。

今回は、以下の記事を参考にiozone3のインストールを例に手順を解説します。

apt-getで見つからないパッケージを追加する方法(debian, ubuntu両方対応)

2. 実行環境

Debian GNU/Linux 11 (bullseye)

3. 手順

3-1.パッケージディレクトリを検索

以下のサイトから、インストールしたいパッケージが存在するリポジトリを検索します。

Debian – パッケージ

「キーワード」にiozone3と入力して「検索」。

iozone3はnon-freeリポジトリにあることがわかる。

3-2.リポジトリを追加

/etc/apt/sources.listにnon-freeリポジトリを追加します。

今回はリポジトリの追加にapt-add-repositoryコマンドを使用します(sources.listを自分で直接編集する方法もある)。

apt-add-repositoryコマンドを使用するにはsoftware-properties-commonパッケージが必要です。

以下のコマンドを実行して、software-properties-commonパッケージをインストールします。

$ apt install -y software-properties-common

※上記コマンドの-yオプションについて、以下apt-getのmanpageより抜粋

-y, –yes, –assume-yes

Automatic yes to prompts; assume “yes” as answer to all prompts and run non-interactively.

If an undesirable situation, such as changing a held package, trying to install an unauthenticated package or removing an essential package occurs then apt-get will abort.

【Linux】SSH公開鍵認証方式の設定手順

Thu, 19 May 2022 15:42:32 +0900

1. はじめに

本稿では、クライアントからSSHでLinuxサーバーに接続する手順を解説します。

リモートのサーバーにローカルPCのSSHクライアントで公開鍵認証方式を使ってログインできるようにします。

2. 実行環境

【SSHクライアント】macOS Monterey：12.3.1
【SSHサーバー】Debian GNU/Linux 11 (bullseye)

3. 手順

以下の手順で進めていきます。

SSHのインストール
パスワード認証方式での設定
公開鍵認証方式での設定
セキュリティ設定
追加設定

3-1. SSHのインストール

サーバー側で以下のコマンドを実行して、OpenSSHをインストールします。

# apt install -y ssh

3-2. パスワード認証方式での設定

公開鍵認証方式の設定を行うために、一時的にパスワード認証方式でログインできるように設定します。

サーバー側で以下のコマンドを実行して、設定ファイル(/etc/ssh/sshd_config)のバックアップを取ります。

# cp /etc/ssh/sshd_config /etc/ssh/sshd_config.bk

/etc/ssh/sshd_configのパスワード認証の項目を以下に変更します。

PasswordAuthentication yes

※その他の項目は後で設定します。

SSHサーバーを再起動して設定を反映させます。

# systemctl restart ssh

クライアント側で以下のコマンドを実行して、パスワード認証方式でSSHサーバーにログインできることを確認します。

$ ssh <ユーザ名>@<SSHサーバーのIPアドレス>

3-3. 公開鍵認証方式での設定

次に公開鍵認証方式の設定を行います。

3-3-1. キーペアの生成

クライアント側で以下のコマンドを実行して、公開鍵と秘密鍵のキーペアを作成します。

$ ssh-keygen -t ed25519

公開鍵：~/.ssh/id_ed25519.pub

秘密鍵：~/.ssh/id_ed25519

※秘密鍵は絶対に流出させてはいけません。

3-3-2. 公開鍵の登録

次に、サーバー側に公開鍵を登録します。

ssh-copy-idを使って公開鍵の登録を行います。

クライアント側で以下のコマンドを実行し、ssh-copy-idをインストールします。

$ brew install ssh-copy-id

クライアント側で以下のコマンドを実行し、サーバー側に公開鍵を登録します。

$ ssh-copy-id -i ~/.ssh/id_ed25519.pub <ユーザ名>@<SSHサーバーのIPアドレス>

ssh-copy-idコマンドがやってくれたことを手動で行う場合は、以下のようになります。

【Rails/MySQL】RailsでMySQLを使う方法

Sun, 08 May 2022 00:00:00 +0000

1. はじめに

Railsではデフォルトのデータベースにsqlite3を使用しています。

今回はRailsアプリケーションのデータベースでMySQLを使用する方法を紹介します。

2. 開発環境

macOS Monterey：12.3.1
Ruby：3.1.0
Bundler：2.3.12
Ruby on Rails：6.1.5
MySQL：8.0.28

3. 手順

3-1. MySQLのインストールとセキュリティ設定

まずは、MySQLのインストールとセキュリティの設定を行います。

MySQLをHomebrewでインストールしてセキュリティ設定を行う | あまブログ

3-2. MySQLのユーザー作成

次にMySQLの開発用ユーザーを作成します。

rootユーザーでログインします。

$ mysql -u root -p

ユーザーの作成します。

mysql> CREATE USER 'newuser'@'localhost' IDENTIFIED BY 'password';

MySQL 8.0 リファレンスマニュアル_CREATE USER ステートメント

ユーザーが作成されたことを確認します。

mysql> SELECT User,Host FROM mysql.user;
+------------------+-----------+
| User | Host |
+------------------+-----------+
| mysql.infoschema | localhost |
| mysql.session | localhost |
| mysql.sys | localhost |
| root | localhost |
| newuser | localhost |
+------------------+-----------+
5 rows in set (0.00 sec)

権限の付与します。

【Rails/MySQL】bundle installでgem mysql2がインストールできない時の解決法

Sat, 07 May 2022 00:00:00 +0000

1. 開発環境

macOS Monterey：12.3.1
Ruby：3.1.0
Ruby on Rails：6.1.5
Bundler：2.3.12
MySQL：8.0.28(Homebrew3.4.10でインストール)

2. エラー時の状況

RailsでMySQLを使うためにrails new <app> -d mysqlを実行
bundle installの所でエラーが発生(mysql2のインストールに失敗していた)

3. エラーログ

$ rails new <appname> -d mysql
省略
 run bundle install
Fetching gem metadata from https://rubygems.org/...........
Resolving dependencies....
省略
Gem::Ext::BuildError: ERROR: Failed to build gem native extension.

 current directory: /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/mysql2-0.5.3/ext/mysql2
/Users/kazunoko/.rbenv/versions/3.1.0/bin/ruby -I /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0 -r ./siteconf20220503-1924-xwtu0t.rb extconf.rb
checking for rb_absint_size()... yes
checking for rb_absint_singlebit_p()... yes
checking for rb_wait_for_single_fd()... yes
-----
Using mysql_config at /usr/local/bin/mysql_config
-----
checking for mysql.h... yes
checking for errmsg.h... yes
checking for SSL_MODE_DISABLED in mysql.h... yes
checking for SSL_MODE_PREFERRED in mysql.h... yes
checking for SSL_MODE_REQUIRED in mysql.h... yes
checking for SSL_MODE_VERIFY_CA in mysql.h... yes
checking for SSL_MODE_VERIFY_IDENTITY in mysql.h... yes
checking for MYSQL.net.vio in mysql.h... yes
checking for MYSQL.net.pvio in mysql.h... no
checking for MYSQL_ENABLE_CLEARTEXT_PLUGIN in mysql.h... yes
checking for SERVER_QUERY_NO_GOOD_INDEX_USED in mysql.h... yes
checking for SERVER_QUERY_NO_INDEX_USED in mysql.h... yes
checking for SERVER_QUERY_WAS_SLOW in mysql.h... yes
checking for MYSQL_OPTION_MULTI_STATEMENTS_ON in mysql.h... yes
checking for MYSQL_OPTION_MULTI_STATEMENTS_OFF in mysql.h... yes
checking for my_bool in mysql.h... no
-----
Don't know how to set rpath on your system, if MySQL libraries are not in path mysql2 may not load
-----
-----
Setting libpath to /usr/local/Cellar/mysql/8.0.28_1/lib
-----
creating Makefile

current directory: /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/mysql2-0.5.3/ext/mysql2
make DESTDIR\= clean

current directory: /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/mysql2-0.5.3/ext/mysql2
make DESTDIR\=
compiling client.c
client.c:178:24: warning: 'rbimpl_tainted_str_new_cstr' is deprecated: taintedness turned out to be a wrong idea. [-Wdeprecated-declarations]
 VALUE rb_sql_state = rb_tainted_str_new2(mysql_sqlstate(wrapper->client));
 ^
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/intern/string.h:1742:29: note: expanded from macro 'rb_tainted_str_new2'
#define rb_tainted_str_new2 rb_tainted_str_new_cstr /**< @old{rb_tainted_str_new_cstr} */
 ^
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/intern/string.h:1615:7: note: expanded from macro 'rb_tainted_str_new_cstr'
 rbimpl_tainted_str_new_cstr : \
 ^
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/intern/string.h:1401:1: note: 'rbimpl_tainted_str_new_cstr' has been explicitly marked deprecated here
RBIMPL_ATTR_DEPRECATED(("taintedness turned out to be a wrong idea."))
^
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/attr/deprecated.h:36:53: note: expanded from macro 'RBIMPL_ATTR_DEPRECATED'
# define RBIMPL_ATTR_DEPRECATED(msg) __attribute__((__deprecated__ msg))
 ^
client.c:787:14: warning: incompatible pointer types passing 'VALUE (void *)' (aka 'unsigned long (void *)') to parameter of type 'VALUE (*)(VALUE)' (aka 'unsigned long (*)(unsigned long)')
[-Wincompatible-pointer-types]
 rb_rescue2(do_send_query, (VALUE)&args, disconnect_and_raise, self, rb_eException, (VALUE)0);
 ^~~~~~~~~~~~~
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/iterator.h:388:26: note: passing argument to parameter 'b_proc' here
VALUE rb_rescue2(VALUE (*b_proc)(VALUE), VALUE data1, VALUE (*r_proc)(VALUE, VALUE), VALUE data2, ...);
 ^
client.c:795:16: warning: incompatible pointer types passing 'VALUE (void *)' (aka 'unsigned long (void *)') to parameter of type 'VALUE (*)(VALUE)' (aka 'unsigned long (*)(unsigned long)')
[-Wincompatible-pointer-types]
 rb_rescue2(do_query, (VALUE)&async_args, disconnect_and_raise, self, rb_eException, (VALUE)0);
 ^~~~~~~~
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/iterator.h:388:26: note: passing argument to parameter 'b_proc' here
VALUE rb_rescue2(VALUE (*b_proc)(VALUE), VALUE data1, VALUE (*r_proc)(VALUE, VALUE), VALUE data2, ...);
 ^
3 warnings generated.
compiling infile.c
compiling mysql2_ext.c
compiling result.c
compiling statement.c
statement.c:49:24: warning: 'rbimpl_tainted_str_new_cstr' is deprecated: taintedness turned out to be a wrong idea. [-Wdeprecated-declarations]
 VALUE rb_sql_state = rb_tainted_str_new2(mysql_stmt_sqlstate(stmt_wrapper->stmt));
 ^
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/intern/string.h:1742:29: note: expanded from macro 'rb_tainted_str_new2'
#define rb_tainted_str_new2 rb_tainted_str_new_cstr /**< @old{rb_tainted_str_new_cstr} */
 ^
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/intern/string.h:1615:7: note: expanded from macro 'rb_tainted_str_new_cstr'
 rbimpl_tainted_str_new_cstr : \
 ^
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/intern/string.h:1401:1: note: 'rbimpl_tainted_str_new_cstr' has been explicitly marked deprecated here
RBIMPL_ATTR_DEPRECATED(("taintedness turned out to be a wrong idea."))
^
/Users/kazunoko/.rbenv/versions/3.1.0/include/ruby-3.1.0/ruby/internal/attr/deprecated.h:36:53: note: expanded from macro 'RBIMPL_ATTR_DEPRECATED'
# define RBIMPL_ATTR_DEPRECATED(msg) __attribute__((__deprecated__ msg))
 ^
1 warning generated.
linking shared-object mysql2/mysql2.bundle
ld: library not found for -lssl
clang: error: linker command failed with exit code 1 (use -v to see invocation)
make: *** [mysql2.bundle] Error 1

make failed, exit code 2

Gem files will remain installed in /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/mysql2-0.5.3 for inspection.
Results logged to /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/extensions/x86_64-darwin-21/3.1.0/mysql2-0.5.3/gem_make.out

 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/builder.rb:95:in `run'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/builder.rb:44:in `block in make'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/builder.rb:36:in `each'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/builder.rb:36:in `make'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/ext_conf_builder.rb:63:in `block in build'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/tempfile.rb:317:in `open'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/ext_conf_builder.rb:26:in `build'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/builder.rb:161:in `build_extension'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/builder.rb:195:in `block in build_extensions'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/builder.rb:192:in `each'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/ext/builder.rb:192:in `build_extensions'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/3.1.0/rubygems/installer.rb:847:in `build_extensions'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/rubygems_gem_installer.rb:71:in `build_extensions'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/rubygems_gem_installer.rb:28:in `install'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/source/rubygems.rb:204:in `install'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/installer/gem_installer.rb:54:in `install'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/installer/gem_installer.rb:16:in `install_from_spec'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/installer/parallel_installer.rb:186:in `do_install'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/installer/parallel_installer.rb:177:in `block in worker_pool'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/worker.rb:62:in `apply_func'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/worker.rb:57:in `block in process_queue'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/worker.rb:54:in `loop'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/worker.rb:54:in `process_queue'
 /Users/kazunoko/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/bundler-2.3.12/lib/bundler/worker.rb:91:in `block (2 levels) in create_threads'

An error occurred while installing mysql2 (0.5.3), and Bundler cannot continue.

In Gemfile:
 mysql2
 run bundle binstubs bundler
Could not find gem 'mysql2 (~> 0.5)' in locally installed gems.
 rails webpacker:install
Could not find gem 'mysql2 (~> 0.5)' in locally installed gems.
Run `bundle install` to install missing gems.

4. エラーの原因と思しき箇所

ld: library not found for -lssl

opensslのパスが見つからないと言っている
- gemのmysql2はopensslが必須であり、bundleのビルド時にopensslのパスを設定する必要がある
macに標準でopenssl入ってなかったっけ？
- mac OS High SierraからデフォルトのOpenSSLがLibreSSLに変わった

5. 解決法

bundle configでbundlerの設定ファイルにopensslのパスを設定して、bundle installで再度mysql2をインストールする

【Rails/MySQL】dotenv-railsを使ってデータベースの認証情報を環境変数で管理する

Thu, 05 May 2022 00:00:00 +0000

RailsにMySQLを導入する際に、パスワードをdatabase.ymlに直接書くのはいかがなものかと思い、他の方法を調べた結果、dotenv-railsを使って認証情報を環境変数で管理できることがわかりました。

今回は作成済みのRailsアプリケーションにdotenv-railsを導入する手順を紹介します。

1. 開発環境

macOS Monterey：12.3.1
Ruby：3.1.0
Ruby on Rails：6.1.5
dotenv-rails：2.7.6
MySQL：8.0.28

2. dotenv-railsとは

認証情報などを環境変数で管理するためのgem
起動時にプロジェクトのルートディレクトリにある.envを読み込み、環境変数ENVに設定する
dotenv-rails公式レポジトリ

3. 手順

3-1. dotenv-railsのインストール

Gemfileに以下を追記します。

gem 'dotenv-rails'

dotenv-railsをインストールします。

$ bundle install

3-2. database.ymlの修正

database.ymlを以下のように修正します。

default: &default
 adapter: mysql2
 encoding: utf8mb4
 pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
 username: <%= ENV['DATABASE_DEFAULT_USER'] %>
 password: <%= ENV['DATABASE_DEFAULT_PASSWORD'] %>
 host: <%= ENV['DATABASE_DEFAULT_HOST'] %>
 socket: /tmp/mysql.sock

development:
 <<: *default
 database: <%= ENV['DATABASE_DEV_NAME'] %>

test:
 <<: *default
 database: <%= ENV['DATABASE_TEST_NAME'] %>

<<: *defaultで一番上のdefaultの設定が呼び出されています。

こうやって書いたのと同じ↓

development:
 adapter: mysql2
 encoding: utf8mb4
 pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
 username: <%= ENV['DATABASE_DEFAULT_USER'] %>
 password: <%= ENV['DATABASE_DEFAULT_PASSWORD'] %>
 host: <%= ENV['DATABASE_DEFAULT_HOST'] %>
 socket: /tmp/mysql.sock
 database: <%= ENV['DATABASE_DEV_NAME'] %>

3-3. .envの作成

アプリケーションのルートディレクトリ配下に、.envを作成します。

【無料】プログラミング質問サイトまとめ【日本・海外】

Wed, 04 May 2022 00:00:00 +0000

本稿では、エンジニア向けの技術系Q&Aサイトを紹介します。

1. 日本

1-1. teratail(テラテイル)

teratail【テラテイル】｜ITエンジニア特化型Q&Aサイト

投稿した質問・回答の削除は原則不可(teratail 投稿の削除ポリシー)

1-2. Qiita(キータ)

Qiita

「投稿する」>「質問」>「フォーマットを選択」>「Q&A」

1-3. スタック・オーバーフロー

スタック・オーバーフロー

Stack Overflowの日本語版
スタック・オーバーフローMeta(スタック・オーバーフローについてのQ&Aサイト)

1-4. クォーラ

Quora - 知識を共有し合い、世界を知ろう

技術系じゃない質問もある

2. 海外

2-1. Stack Overflow

Stack Overflow

日本語版とアカウントは共通

2-2. Stack Exchange

All Sites - Stack Exchange

技術系じゃない質問もある

技術系じゃない質問もある

【参考】

MySQLをHomebrewでインストールしてセキュリティ設定を行う

Tue, 03 May 2022 23:38:43 +0900

本稿ではMySQLのインストールからセキュリティ設定までの手順を解説します。

1. 開発環境

macOS Monterey バージョン12.3.1
Homebrew 3.4.10
MySQL 8.0.28

2. 手順

2-1. MySQLのインストール

HomebrewでMySQLをインストールします。

$ brew install mysql

MySQLがインストールされたことを確認します。

$ brew info mysql

brew info - Homebrew Documentation

2-2. MySQLのセキュリティ設定

サーバーを起動します。

$ mysql.server start

セキュリティ設定を開始します。

$ mysql_secure_installation

以下の項目の設定を行います。

VALIDATE PASSWORDプラグインの利用確認
rootユーザーのパスワード設定
匿名ユーザーの削除
リモートからrootユーザでログインできないようにする
testデータベースの削除
ユーザーの権限に関するテーブルの再読み込み

# VALIDATE PASSWORDプラグインの利用確認
VALIDATE PASSWORD COMPONENT can be used to test passwords
省略
Press y|Y for Yes, any other key for No:<Enterを押してスキップ>

# rootユーザーのパスワード設定
Please set the password for root here.

New password:<パスワードを入力>

# 匿名ユーザーの削除
By default, a MySQL installation has an anonymous user,
省略
Remove anonymous users? (Press y|Y for Yes, any other key for No) : <yを入力>

# リモートからrootユーザでログインできないようにする
Normally, root should only be allowed to connect from
省略
Disallow root login remotely? (Press y|Y for Yes, any other key for No) :<yを入力>

# testデータベースの削除
Remove test database and access to it? (Press y|Y for Yes, any other key for No) :<yを入力>

# ユーザーの権限に関するテーブルの再読み込み
Reload privilege tables now? (Press y|Y for Yes, any other key for No) :<yを入力>

MySQL 8.0 リファレンスマニュアル「mysql_secure_installation」

【IE記法】ER図の書き方

Tue, 03 May 2022 00:00:00 +0000

1. IE記法とは

ER図の記法の一つ
IE記法とIDEFX1記法がメジャー
別名「鳥の足記法」(Crow’s Foot Notation)
明確な規格がない

2. IE記法で使われる図形

2-1. エンティティ

エンティティを長方形(角付)で書く
エンティティ名を長方形の1段目に書く

2-2. アトリビュート(属性)

属性名を長方形の2段目に書く
主キーは、属性名の前に*を書く

2-3. リレーションシップ(関係)

リレーションシップを実線で書く

2-4. カーディナリティ(多重度)

カーディナリティとオプショナリティを書く

カーディナリティ(cardinality)

エンティティから近い方に書く
関連付くインスタンスの最大数を表す

オプショナリティ(optionality)

エンティティから遠い方に書く
関連付くインスタンスの最小数を表す
modalityと言ったりもする
1をmandatory(必須)、0をoptional(任意)と呼ぶ

カーディナリティとオプショナリティ

組み合わせ	オプショナリティ	カーディナリティ	Aインスタンス1つに対するBインスタンスの数
(1)	1	1	1
(2)	0	1	0または1
(3)	1	多	1以上
(4)	0	多	0以上

3. IE記法で書いたER図

3-1. 1対1

3-2. 1対多

3-3. 多対多

【Linuxコマンド】grep・egrep・fgrepの違い

Wed, 27 Apr 2022 00:00:00 +0000

本稿では、Linuxのgrep・egrep・fgrepコマンドの違いを解説します。

grep
- パターンを基本正規表現(BRE：Basic Regular Expression)として扱う
egrep
- パターンを拡張正規表現(ERE:Extended Regular Expression)として扱う
- grep -Eと同じ
fgrep
- パターンを固定文字列として扱うため、文字列をそのまま検索できる(正規表現を認識しない)
- grep -Fと同じ

以下のファイルを使用してそれぞれのコマンドの違いを見ていきます。

$ cat check_file
file
(f|g)ile
'\(f\|g\)ile'

1. grep

grepで使われるBRE(基本正規表現)では{,},(,),|,+,?を通常の文字列として扱います。

そのため、これらのメタ文字をちゃんとメタ文字として扱うには逆にエスケープが必要です。

$ grep -C 0 '(f|g)ile' check_file
(f|g)ile
$ grep -C 0 '\(f\|g\)ile' check_file
file

1つ目の検索のように(,|,)をエスケープしない場合、BREはこれらのメタ文字を通常の文字列として扱うため、(f|g)ileという文字列を検索します。

2つ目の検索のように(,|,)をエスケープすると、BREはこれらをメタ文字として扱うため、メタ文字の意味通りにfileまたはgileという文字列を検索します。

2. egrep

egrepで使われるERE(拡張正規表現)ではメタ文字をそのままメタ文字として扱うため、正規表現を使った検索に向いています。

$ egrep -C 0 '(f|g)ile' check_file
file
$ egrep -C 0 '\(f\|g\)ile' check_file
(f|g)ile

1つ目の検索のように(,|,)をエスケープしない場合、EREはメタ文字の意味通りにfileまたはgileという文字列を検索します。

2つ目の検索のように(,|,)をエスケープすると、EREはこれらのメタ文字を通常の文字列として扱うため、(f|g)ileという文字列を検索します。

3. fgrep

fgrepはメタ文字を認識しないため、直接文字列を検索するのに向いています。

$ fgrep -C 0 '(f|g)ile' check_file
(f|g)ile
$ fgrep -C 0 '\(f\|g\)ile' check_file
'\(f\|g\)ile'

1つ目の検索では、fgrepはメタ文字を通常の文字列として扱うため、(f|g)ileという文字列を検索します。

2つ目の検索では、fgrepは\も通常の文字列として扱うため、$f\|g$ileという文字列を検索します。

【参考】

【MySQL】ERROR 1064 (42000)→構文ミスが見つからない→予約語が原因かも

Fri, 08 Apr 2022 00:00:00 +0000

MySQLで構文は絶対正しいはずなのに、ERROR 1064 (42000)が出た時の話です。

解決法
- 予約語をバッククォートで囲む

1. ERROR 1064 (42000)について

ERROR 1064 (42000)は構文エラーです。以下のようなエラーメッセージが出力されます。

ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near [入力したSQL文の一部] at line 1

解決法としては、基本的にはドキュメントと自分が書いたSQLを見比べて、構文ミスを見つけるだけなんですが…

MySQL 8.0 リファレンスマニュアル(SQLステートメント)

2. 構文ミスが見つからない→予約語が原因かも

2-1. エラー発生

以下のSQL文でERROR1064(42000)の構文エラーが発生しました。

mysql> CREATE TABLE order (id INT);
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'order (id INT)' at line 1

2-2. 解決法

予約語である「order」をバッククォートで囲むことでエラーが解消されました。

Alfredのブックマーク検索機能の使い方

Mon, 28 Feb 2022 00:00:00 +0000

本稿では、macOS用ランチャーアプリAlfredの「ブックマーク検索機能」について、設定方法や使い方を解説していきます。

1. 環境

macOS Monterey バージョン12.2.1
Alfred 4.6.3

2. ブックマーク検索機能とは

Alfredの便利な機能の一つに「ブックマーク検索機能」があります。

ブックマークの名前・URL・フォルダ名で検索して、ブックマークしたサイトを開くことができます。

これまではブックマークしたサイトを開くには、以下の3ステップが必要でした。

ブラウザを開く
ブックマークを選択
サイトが表示される

これが、Alfredの「ブックマーク検索機能」を使うと以下のようになります。

Alfredで検索
サイトが表示される

たったの2ステップでブックマークしたサイトを開くことができます。

また、階層構造になったブックマークフォルダの場合も、見たいサイトを一発で開くことができます。

3. 設定方法

設定方法は「Alfredの設定」と「Macの設定」に分かれます。

3-1. Alfredの設定

まずはAlfredの「Web Bookmarks」の設定を行います。

3-1-1. Alfred Preferencesを開く

Alfredを起動した状態で、デスクトップ上部のメニューバーからAlfredのアイコンを選択し、「Preferences…」をクリックしてAlfred Preferencesを開きます。

3-1-2. Web Bookmarksを設定する

Alfred Preferencesの「Features」→「Web Bookmarks」から各項目の設定を行います。

Sources

ブックマークの検索対象とするブラウザを設定する項目です。

SafariとChromeで登録したブックマーク(またはどちらか一方のブックマークのみ)を検索対象に選択できます。
Chromeの場合は、選択したユーザーで登録したブックマークのみが検索対象になります。

Show bookmarks

ブックマーク検索時のプレフィックスを設定する項目です。

プレフィックスを指定して検索することで、検索結果にブックマークのみを表示することができます。

【実行例:ブックマークの「PhotoshopVIP」を検索】

プレフィックスを設定していない場合(「in default results」)

→PhotoshopVIPだけでなく、Photoshopアプリも検索結果に表示されてしまう。

プレフィックスを設定した場合(「via keyward」で「bm」を設定)

→PhotoshopVIPだけが表示される

Open Bookmarks

ブックマークを表示するブラウザを設定する項目です。

MacBookでシェルをbashやzshに切り替える方法

Tue, 01 Feb 2022 00:00:00 +0000

macOS Catalinaからデフォルトのシェルがbashからzshに変わりました。

「zshに変更したい」「bashに戻したい」などシェルを切り替えたい時があると思います。

本稿では、MacBookでシェルを切り替える方法を紹介します。

1.現在使用中のシェルの確認

% echo $SHELL
/bin/zsh

2.使用可能なシェル一覧の確認

% cat /etc/shells
# List of acceptable shells for chpass(1).
# Ftpd will not allow users to connect who are not using
# one of these shells.
/bin/bash
/bin/csh
/bin/dash
/bin/ksh
/bin/sh
/bin/tcsh
/bin/zsh

3.シェルの変更

% chsh -s /bin/bash
Changing shell for username.
Password for username:

ユーザーのパスワードを入力します。

ターミナル再起動後、シェルが切り替わります。

エラーの場合

chsh: no changes madeのエラーが出た場合は以下の手順でシェルを変更します。

「システム環境設定」
「ユーザとグループ」
左下の鍵アイコンをクリックしてロック解除
現在のユーザを右クリックして「詳細オプション」
「ログインシェル」を変更

4.設定ファイルの読み込み

$ cat .zshrc >> .bashrc
$ source ~/.bashrc

これで設定ファイルの内容が反映されます。

Posts on あまブログ

【Git】git commit --amendで直前のコミットを修正する

1. コミットメッセージの修正

2. コミットの修正

2-1. git addし忘れた場合

2-2. ファイルの修正

Node.jsでESモジュールを使う

方法1：モジュールファイルの拡張子をmjsにする

方法2：package.jsonに"type": "module"を指定する

【ES2015】JavaScriptの関数の書き方

1. 関数宣言(Function declaration)

1-1. 関数宣言の巻き上げ

2. 関数式(Function expression)

2-1. 名前付き関数(Named function)

2-2. 無名関数(Anonymous Function)

3. アロー関数(Arrow function expression)

3-1. アロー関数の省略記法

4. メソッド定義(Method definition)

【Git】複数のコミットを一つにまとめる(rebase -i で squash)

1. 連続したコミットの場合

【Git】git reset --soft、--mixed、--hardで変更を取り消す

1. git reset

2. git resetの各モードについて

2-1. –soft (HEADの移動)

2-2. –mixed (インデックスの更新)

2-3. –hard (作業ディレクトリの更新)

3. まとめ

【RuboCopエラー】Use a guard clause instead of wrapping the code inside a conditional expression.

バージョン情報

エラー内容

エラー対処

【Ruby】Minitestの使い方

minitestの使い方

【Ruby3.1】ボウリングのスコア計算プログラムをオブジェクト指向で作る

1. 実行環境

2. ソースコード

【Rails】gemのアンインストール方法

手順

【Bundler】Gemfileのバージョン指定の書き方

1. Gemfileのバージョン指定子の意味

2. twiddle wakka(トゥウィドルワッカ)とは

【Rails】ポリモーフィック関連付けを使ってコメント投稿機能を実装する

1. バージョン情報

2. 前提条件

3. 実装時のポイント

3-1. ポリモーフィック関連付け

【Rails】ユーザーフォロー機能を実装する

1. バージョン情報

2. 実装時のポイント

2-1. モデルの関連

Friendshipモデルの作成

User/Friendshipの関連付け

2-2. フォロー数・フォロワー数の表示

【Rails】ActiveStorageで画像アップロード機能を実装する

1. バージョン情報

2. 実装時のポイント

2-1. Active Storageのセットアップ

2-2. 画像アップロードと表示

2-3. 画像のリサイズ

【Rails】deviseでユーザー認証機能を実装する

1. 実行環境

2. 手順

2-1. サンプルアプリの作成

2-2. deviseのセットアップ

2-3. ルートルーティングの設定

2-4. フラッシュメッセージの表示

VSCodeでRailsをデバッグする【Rails + vscode-rdbg(debug.gem)】

1. 設定方法

1-1. debug.gemのインストール

1-2. vscode-rdbgのインストール

1-3. launch.jsonファイルの作成

【Git】グローバルなgitignoreの設定方法

1. gitignoreとは

2. gitignoreの使い分け

3. グローバルなgitignoreの設定

3-1. $XDG_CONFIG_HOME/git/ignoreとは

3-2. 設定方法

【Rails】kaminariでページング処理を実装する

1. 実行環境

2. 手順

2-1. `git add`し忘れた場合

方法1：モジュールファイルの拡張子を`mjs`にする

方法2：`package.json`に`"type": "module"`を指定する