ガラシのパルプンテ頼み

地方産限界エンジニアのグローバル独り言

【GitHub Actions】CircleCIからGitHubActionsに乗り換えてRailsプロジェクトのCIを回す(RSpec・rubocop)

これまでCI/CDツールとしてはCircleCIを使っていましたが、昨今の潮流やコスト面での比較検討から弊社のプロジェクトでもGitHub Actionsへの乗り換えを実施しました。 今回はRailsのプロジェクトでGitHub ActionsによるCI/CDを適用する方法をまとめていきま…

【GitHub・SSH接続】WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!への対処法

ある日、Gitでリモートへのプッシュをかけた際にこんなエラーが発生しました。 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@…

【Figma】基本操作メモ

画面モックの作成やDTP関連の仕事でデザインツール「Figma」を使用する頻度が多くなってきたため、基本的な操作の自分用メモ CSSの確認 右側のメニューペインから「inspect」タブを選択することで参照可能 円形を用いたチャートやローダーの作り方 図形から…

【図解多め】HTML要素を自在に配置!CSSで上下・左右中央揃えする方法5選 | CSS入門

はじめに 横中央揃え text-alignプロパティを用いる方法(インライン要素) margin:0 auto;を用いる方法(ブロック要素) 縦横中央揃え positionプロパティを用いる方法 Flexboxを用いる方法 CSS Gridを用いる方法 まとめ インライン要素を横中央揃えしたい …

【初心者向け】CSSセレクタとは?様々な要素の指定方法 | CSS入門

CSSのセレクタとは何か? HTMLの構造 HTMLタグの属性 CSSの基本文法 基本的なCSSセレクタについて 1. タグセレクタ 2. クラスセレクタ 3. 子孫セレクタ 4. IDセレクタ 5. 属性セレクタ CSSのセレクタとは何か? CSSはWebページを装飾するためのスタイルシー…

M1Mac + Docker環境でGroverを用いたPDF生成をするまでがまじでしんどかった話 | Rails外伝

概要 開発環境 Groverとは Puppeteerとは Grover, Puppeteer, Headless Chromeそれぞれの役割 今回のハマりポイント M1 Mac上のDockerでGoogle Chromeが動作しない 具体的な対応手順 1. Groverの追加 2. DcokerfileにPuppeteerのインストール設定とchromium…

【初心者でも怖くない】結合とは?内部結合と外部結合の違い | データベース入門

はじめに テーブルの結合とは 内部結合とは 外部結合とは 左外部結合とは(LEFT OUTER JOIN) 右外部結合(RIGHT OUTER JOIN) 完全外部結合(FULL OUTER JOIN) まとめ はじめに データベースやSQLについて学んでいくと必ずエンカウントするのが「内部結合…