# 目的

- Github Actions上の、bundle installやyarn installの高速化

# bundler
 `ruby/setup-ruby@v1`でbundle installとキャッシュの両方を行える。モノレポなので、全体的にディレクトリ（`backend`）を指定している。
```
name: Cache Backend Bundle

on:
  push:
    branches:
      - main
    paths:
      - backend/**
  workflow_dispatch:

jobs:
  cache:
    runs-on: ubuntu-latest
    defaults:
      run:
        working-directory: ./backend
    steps:
      - uses: actions/checkout@v4
      - name: Set up Ruby
        uses: ruby/setup-ruby@v1
        with:
          working-directory: ./backend
          ruby-version: 3.2.2
          bundler-cache: true
```

# yarn
`actions/cache`を利用する。`actions/cache`を利用する場合、[baseブランチや親ブランチのキャッシュにはアクセスできるが、兄弟ブランチのキャッシュにはアクセスできない](https://docs.github.com/en/actions/using-workflows/caching-dependencies-to-speed-up-workflows#restrictions-for-accessing-a-cache)。そのためbaseブランチであるmainブランチに変更があった場合、mainブランチ上でキャッシュを残すようにした。

## キャッシュを残すGithub Action

```
name: Cache Frontend node_modules

on:
  push:
    branches:
      - main
    paths:
      - frontend/**
  workflow_dispatch:

jobs:
  cache:
    runs-on: ubuntu-latest
    defaults:
      run:
        working-directory: ./frontend
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
      - uses: actions/cache@v4
        with:
          path: './frontend/node_modules'
          key: ${{ runner.os }}-frontend-node_modules-${{ hashFiles('./frontend/yarn.lock') }}
      - name: yarn install
        run: yarn install
```

## キャッシュを利用するGithub Action

```
name: Lint Frontend

on:
  push:
    paths:
      - frontend/**

jobs:
  build:
    runs-on: ubuntu-latest
    defaults:
      run:
        working-directory: ./frontend
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
      - uses: actions/cache@v4
        with:
          path: './frontend/node_modules'
          key: ${{ runner.os }}-frontend-node_modules-${{ hashFiles('./frontend/yarn.lock') }}
      - name: yarn install
        run: yarn install
      - name: lint
        run: yarn lint
```

# 参考

- [GitHub Actionsでactions/setup-nodeだけでnode_modulesをキャッシュできるのか試してみた](https://dev.classmethod.jp/articles/caching-dependencies-in-workflow-execution-on-github-actions/)
	- この記事と同じようにactions/setup-nodeでキャッシュされる内容を勘違いしていた
	- `結論：actions/setup-nodeだけではできず、actions/cacheを使う必要がありました`


Github Actionsで、インストールしたパッケージをキャッシュする

# Ruby / Rails
- [Rubyの抽象メソッドでNotImplementedErrorを使わないこと](https://techracho.bpsinc.jp/hachi8833/2024_04_26/141461#3-2)
	- 記事中にもあるように、まさにJavaのNotImplementedErrorのようなものだと思っていたので驚き
- [clipboard: マルチプラットフォームで使えるクリップボード操作gem](https://techracho.bpsinc.jp/hachi8833/2024_04_23/141242#3-4)
# デザイン
- [ヘッダー（グローバルナビゲーション）のデザイン事例100選](https://note.com/akane_desu/n/nd079b5e83727)

2024年5月のブックマーク

# Ruby / Rails
- [個人的Rails開発環境構築2024](https://zenn.dev/razokulover/articles/899a966321cb1b)
	- こういうテンプレを自分も作っておきたいが、まだ作れておらず…
- [Rails で PDF を作ったけど、時代遅れのやり方だったかもしれない](https://zenn.dev/lovegraph/articles/e3c8baedfc5ed6)
	- 自分も過去wicked_pdfを使っていたけど、セキュリティ上もう使わないほうが良さそう
# js / HTML
- [チェックボックスの indeterminate 状態は将来多分なくなる](https://feb19.jp/blog/20240314_indeterminate_checkbox_could_possibly_be_terminate)
	- iOSでチェックボックスを避けてるの知らなかった
- [「Astro DB」登場。LibSQLベース、TypeScript ORM搭載、1GBまで無料。静的サイト生成用データベース](https://www.publickey1.jp/blog/24/astro_dblibsqltypescript_orm1gbastro.html)
	- Astroでサイト作っているので使ってみたい
- [Astro DB を使ったアプリケーションを Vercel にデプロイする](https://zenn.dev/chot/articles/a03fa6c3c5244c)
	- 上記の実例

# アクセシビリティ
- [アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その1）](https://momdo.hatenablog.jp/entry/20240321/1711028498)
# AWS
- [【AWS】障害時の調査事項まとめ ～ELB・ECS・RDS～](https://qiita.com/Kamibayashi_Mai/items/c2dd000635c49d61326c)
# 組織、ソフトスキル系

- [仕事を任せられるエンジニアになるために意識してほしいこと](https://tech.tabechoku.com/entry/2019/05/02/182457)
- [「強い」エンジニアと働く中で、新卒1年目・未経験プロダクトマネージャーが何に悩み、どこに自分の価値を見出したか](https://speakerdeck.com/kassy1127/qiang-i-enziniatodong-kuzhong-de-xin-zu-1nian-mu-wei-jing-yan-purodakutomaneziyagahe-ninao-mi-dokonizi-fen-nojia-zhi-wojian-chu-sitaka)
    - どこの会社でも同じような会話されてるのだなーと思った
        - 自分の場合は「ウォンツではなくニーズ」をと言っている
    - 「それはhowなんよ」の標語が良い
- [マネージャーに全てを決められたくない vs マネージャーには答えを持っていてほしい問題について - yo-log](https://yo-iida.hatenablog.com/entry/2023/12/07/201452)
- [【初心者ITエンジニア向け】上手な質問は「相手にエスパーさせない質問」です](https://blog.jnito.com/entry/2020/04/17/072343)
- [曖昧なコミュニケーションはプロジェクトを炎上させる](https://baigie.me/nippo/2023/08/08/ambiguous_communication_imanishi/)
- ["伝わる" テキストコミュニケーション](https://note.com/himaratsu/n/nd1dea40ae4cc)
    - `箇条書きには番号をつける`など、超実践的なTIPS一覧
    - `「↑これお願いします！」のように急にデザイナーさんを召喚`されるの本当にあるある…自分は必ずサマリを書くし、場合によっては依頼は別スレッドにして、議論スレッドを参照するようにしている。

# その他
- [Webデザインで「紙っぽさ」を出す方法を考えてみる](https://note.com/akane_desu/n/n80f7e56eb346)
- [設計・ソフトウェアアーキテクチャを学べるGitHubリポジトリ 16選](https://zenn.dev/nameless_sn/articles/16_awesome_repos_for_system-design)
- [You Don't Need AWS \~お前にAWSは必要ない\~](https://zenn.dev/ficilcom/articles/not-need-aws)
	- 個人開発のときに参考になりそう

2024年4月のブックマーク

# CSS

- [CSSの進化がすごい！モダンCSS8選](https://zenn.dev/coconala/articles/bc7c54dedb89a5)
	- accent-color知らなかった。

# その他
- [「プロジェクトを推進できる人材が少ない」という課題とその解法](https://note.com/tsujiharasaki/n/n3b37c5ec935f)


2024年3月のブックマーク

# Rails

- 週刊Railsウォッチ: Pumaのデフォルトスレッド数変更、Rails 1.0をRuby 3.3で動かすほか（20240206前編）
	- [Pumaコンフィグのデフォルトスレッド数を5から3に変更](https://techracho.bpsinc.jp/hachi8833/2024_02_06/139120#1-1)
	- [last、pluck、countなどでもexplainを使えるようになった](https://techracho.bpsinc.jp/hachi8833/2024_02_06/139120#1-3)
	- [production環境ではserver.pidファイルを生成しないようになった](https://techracho.bpsinc.jp/hachi8833/2024_02_06/139120#1-4)
	- [after_commitコールバックやafter_rollbackコールバックでon: :updateなどを指定可能になった](https://techracho.bpsinc.jp/hachi8833/2024_02_06/139120#1-5)
	- [bunを使うアプリがGitHub CIでbunをセットアップするよう修正](https://techracho.bpsinc.jp/hachi8833/2024_02_06/139120#1-7)
		- このブログの管理画面でもbunを使っていて、まさに自前で書いていた
- 週刊Railsウォッチ: Railsの必須Rubyバージョンが3.1.0以上に変更ほか（20240123前編）
	- [.ruby-versionをGemfileで参照する方法](https://techracho.bpsinc.jp/hachi8833/2024_01_19/138454#3-1)
	- [GitHub CI向けの設定ファイルをデフォルトで追加するようになった](https://techracho.bpsinc.jp/hachi8833/2024_01_23/138645#1-8)
- [aws-sdk-rubyの全gemにRBSファイルが追加](https://techracho.bpsinc.jp/hachi8833/2024_02_07/139197#3-2)
- [RailsのDockerfileでjemallocがデフォルトで使われるようになった](https://techracho.bpsinc.jp/hachi8833/2024_02_21/139532#1-10)
# フロント
- [Storybookの実力をフル活用するChromatic](https://speakerdeck.com/sakito/storybooknoshi-li-wohuruhuo-yong-suruchromatic)
	- 今のところStorybookのホスティングとしてしか使ってないので、もうちょっと活用したい
- [その状態のデザイン考えてなかった！　UI Stackってナニ](https://note.com/kana_cbr250r/n/n231966c2555d?sub_rt=share_b)
  - `アメリカのプロダクトデザイナー Scott Hurff さんが世に出した「UIの考慮すべき5つの状態」という考え方です`
	- 今までは自前で色々定義してチェックリストを作ってデザイナーさんとやり取りしていた。便利なのでこの言葉を使っていきたい。

# AWS

- [未使用のIAMロール・ユーザー・権限を自動検出する機能](https://techracho.bpsinc.jp/hachi8833/2024_01_25/138675#7-1)

# その他

- [「メンバーの特性と育成方法」を把握することで、強いチームは築かれる【ベンチャーマネジメント集中講座 第2回】](https://blog.allstarsaas.com/posts/venture-mgmnt-vol2)

2024年2月のブックマーク

## js / React / Next.js

- [【Next.js】Google Analytics も YouTube iframe 埋め込みも公式ライブラリでいけるようになるぞ](https://zenn.dev/chot/articles/introduction-of-next-third-parties)

## その他

- [Astro + Pagefindでブログに検索機能を実装する](https://zenn.dev/s7/articles/astro-pagefind)


2024年1月のブックマーク

# プロジェクト作成時
nodeイメージを使った例。
`docker run --rm -it -v /host/dir:/container/dir -p 3000:8080 node:20.x.x /bin/bash`


Dockerまわりのよく使うコマンド

```
sequence(:hoge) { |n| "hoge_#{n}" }
```


よく使うFactoryBotの書き方

# Docker
- [Docker / Docker Compose を使って開発環境を用意するときの Tips](https://tech.willgate.co.jp/entry/2023/12/01/120000)
	- `「compose-common.yaml に共通の設定を書き、開発環境用の設定を compose-dev.yaml に、テスト用実行の設定を compose-test.yaml に書きわける」というように運用できます。`　これ知らなかった。便利だ。
- [docker-compose up で一部のサービスを除外する方法](https://gotohayato.com/content/505/)
	- `方法 C: 設定ファイルで profiles を使う`


# js
- [JavaScriptでゼロパディングする](https://zenn.dev/captain_blue/articles/zero-padding-in-javascript)
	- `.padStart(2, "0"))`

# CSS
- [日本語フレーズの改行: word-break: auto-phrase](https://developer.chrome.com/blog/css-i18n-features?hl=ja)
- [:nth-child() の "of S" 構文が最強な件について](https://qiita.com/debiru/items/c91185ddb15ce28b8cee)

# その他
- [Gmailが2024年2月から(大量)送信者に求めてることが分からない闇への防衛術(前編)](https://qiita.com/nfujita55a/items/37b05801209f6058808e)
- [Headless CMS の Strapi を試してみた #strapi](https://dev.classmethod.jp/articles/headless-cms-strapi/)

2023年12月のブックマーク

# Ruby / Rails

- [Rails 7.1 allows attaching file or pathname to has_one_attached](https://www.shakacode.com/blog/rails-7-1-allows-attaching-file-or-pathname-to-has-one-attached/)
	- attach時にfilenameを指定しないといけないの、まさに面倒だと思っていたので良い。Fileを引数に入れたらそのままFileのfilenameを使ってくれるっぽい。
- [Rails 6.1: 孤立化したレコードのリストを取れる'missing'クエリメソッドが追加（翻訳）](https://techracho.bpsinc.jp/hachi8833/2021_02_17/104067)
	- 業務で使ったので貼り
	- Userモデルに新しく`has_one :twitter_account`のような関連を追加して、既存のUserレコードに対応するTwitterAccountレコードをバッチで作成したいときに使った
		- `User.where.missing(:twitter_account).find_each { |user| user.create_twitter_account! }`のような形

# HTML

- [\<dl\>: 説明リスト要素](https://developer.mozilla.org/ja/docs/Web/HTML/Element/dl)
	- あまり使わないので再確認。今は管理画面でデータ表示（カラム名と値）するときに使っている。
	- `一般的な使用例として、用語集の作成やメタデータ（キーと値のペアのリスト）の表示が挙げられます。`
# その他

- [俺たちはもう GitHub のために ssh-keygen しなくていい](https://zenn.dev/lovegraph/articles/529fe37caa3f19)

2023年11月のブックマーク

validatesだったかvalidateだったかよく忘れるのでメモ。[公式](https://guides.rubyonrails.org/active_record_validations.html)から引用。

# validates

```
validates :name, presence: true
validates :email, uniqueness: true
validates :name, uniqueness: { scope: :year,
    message: "should happen once per year" }
validates :end_date, comparison: { greater_than: :start_date }
validates :title, length: { is: 5 }, allow_blank: true
```

# validate

```
class Invoice < ApplicationRecord
  validate :expiration_date_cannot_be_in_the_past,
    :discount_cannot_be_greater_than_total_value

  def expiration_date_cannot_be_in_the_past
    if expiration_date.present? && expiration_date < Date.today
      errors.add(:expiration_date, "can't be in the past")
    end
  end

  def discount_cannot_be_greater_than_total_value
    if discount > total_value
      errors.add(:discount, "can't be greater than total value")
    end
  end
end
```

よく使うActiveRecordのバリデーション

- vscode標準の機能のExtension Bisectを使って、重い拡張を特定し、Uninstallする
- 参考にした記事
  - [VSCodeのCodeHelperのCPU使用率が異様に高いときの対処法](https://qiita.com/ragi_chanchan/items/07945231274c505285b3)

記事一覧