【Ruby】Enumeratorユースケース / 遅延評価で配列を取得する
· ☕ 2 åˆ†ã§èª­ã‚ã¾ã™
Enumeratorについて、なんとなく概念としてわかるようなわからないような……という感じだったので、ユースケースのサンプルとして記録して

【Hugo】テンプレートで使える値の参照方法メモ
· ☕ 2 åˆ†ã§èª­ã‚ã¾ã™
Hugoのhtmlを編集しようとして、文法が全くわからなかったので、ナニコレ?と思ったものを調べました。 Zzoのテンプレートをいじりながら調

【Rails】find, updateを備えたフォームオブジェクト
· ☕ 8 åˆ†ã§èª­ã‚ã¾ã™
はじめに 前提として、同様のことはaccepts_nested_attributes_forを使えばできます。これはPOROっぽく実装したい人

【JavaScript】非同期処理の並列実行 〜axiosを添えて〜
· ☕ 1 åˆ†ã§èª­ã‚ã¾ã™
非同期処理を行うときはできるだけ早く処理を完了させたい。 というわけで、さっさと済ませられる処理は個別でやってしまいたいし、並列実行できるもの

【Hugo】古い記事に「n年以上前の記事です」の注意書きを表示する
· ☕ 2 åˆ†ã§èª­ã‚ã¾ã™
Qiita などで表示される注意書きをこのブログにも追加したので、その記録です。 Hugo側で日付の判定を行うとデプロイのときにしか走らないため、リアル

【Awesome Nested Set】レコードの位置を動かすメソッドまとめ
· ☕ 1 åˆ†ã§èª­ã‚ã¾ã™
Awesome Nested Setはツリー構造を表すことのできるgemの1つです。 インスタンスメソッドのまとめは下記ページにまとまっています。 Awesome nested set cheat sheet まとめ ちなみ

【Docker】Docker Tutorial × M1の http 403 解消
· ☕ 3 åˆ†ã§èª­ã‚ã¾ã™
Docker Tutorialのバインドマウントの利用でハマったので、原因と解決法を記録する。 環境 MacBook Air (M1, 2020) macOS Monterey 12.4(21F79) Docker version 20.10.13, build a224086 node v16.14.2 エラー

【GitHub Actions】herokuに自動デプロイ&リリース通知まで
· ☕ 3 åˆ†ã§èª­ã‚ã¾ã™
流れ 普段の開発はfeatureブランチで行う featureブランチからdevelopにマージすると、developからmainへのPRが自動

【Rails】#class_name を実行するためには pry-doc をインストールする必要がある
· ☕ 1 åˆ†ã§èª­ã‚ã¾ã™
本番環境では以下のようなエラーが出ました。 NoMethodError (undefined method `class_name' for #<Class:0x000000000c6fc208>) Did you mean? class_eval ローカルでは実行できたので、検証してみました。 1 2 3 4 5 6 7 8 9 [1] pry(main)> user = User.first User Load

bin/webpack-dev-server でいろいろとエラーが出たので解決までのメモ
· ☕ 4 åˆ†ã§èª­ã‚ã¾ã™
環境 Rails 5.2.5 Webpacker 5.2.1 rails/webpacker 5.4.3 webpack-cli 3.3.12 コマンド bin/webpack-dev-serverを実行しようとすると、@webpack-cli/serveをインスト

【Terraform】Terraformに入門したのでざっくりメモ
· ☕ 6 åˆ†ã§èª­ã‚ã¾ã™
実際にいろいろやってみたログを記録する。 1 2 3 $ terraform -v Terraform v1.1.7 on darwin_arm64 現ローカル環境にAWS Cliは入れていない。 公式チュートリアル: Get Started - AWS | Terraform - HashiCorp

Mac M1 環境構築メモ
· ☕ 13 åˆ†ã§èª­ã‚ã¾ã™
Siliconに対応していないもの Clipy heroku cli Google日本語入力 Appleストアからインストール Slack 1Password インストール GoogleChrome Iterm2 VSCode SettingSyncの

【RSpec】たまに使うちょっとトリッキーなマッチャ
· ☕ 1 åˆ†ã§èª­ã‚ã¾ã™
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 # subjectがArrayクラスであることを検証する it { is_expected.to be_kind_of Array } # 全要素がHashであることを検証する it {

Hugoでブログを作ろう
· ☕ 8 åˆ†ã§èª­ã‚ã¾ã™
はじめに RUNTEQアドベントカレンダー2021 4日目の記事です。 RUNTEQではアウトプットを推奨しています。で、大体はてなブログやWor

【Rails】countのN+1問題を解消する
· ☕ 4 åˆ†ã§èª­ã‚ã¾ã™
前提 関連付け:users -< products 1 2 3 4 5 class UsersController < ApplicationController def index @users = User.all end end 1 2 3 4 <% @users.each do |user| %> <%= user.display_name %> (<%= user.products.count %>) <% end %> この場合、user.products.cou

【Rails × Tailwind】Tailwindだけで画像スライダー
· ☕ 1 åˆ†ã§èª­ã‚ã¾ã™
こういうのです。 参考元はTailwind carousel component - examples &amp; templates できるだけ生CSSを書かずにTailwindで実装しました。 前提 Imageモデルのnam

GraphQLに入門したのでざっくりメモ
· ☕ 2 åˆ†ã§èª­ã‚ã¾ã™
はじめてのぐらふきゅーえる。 なんとな〜くの流れと概念。スタートラインには立てた気がする。 GraphQLで出てくる概念 query 参照(RESTでいうG

【Rails × Turbo】TurboStreamを使って非同期処理でお気に入りボタン
· ☕ 3 åˆ†ã§èª­ã‚ã¾ã™
はじめに 「お気に入り機能」といえば、js.erbファイルを作成してAjaxで切り替える実装が多いのですが、今回はTurboStreamでお気