Classiエンジニアの「OSSやっていきの集い」 〜活動1年を経て得られたプロセスによる学び〜↗
HerbのHTMLパーサーへの貢献と、チーム横断のOSS活動を1年間続ける中で得た問題の再現・原因調査・改善提案の学びを紹介します。
記事
ブログ内は本文まで、外部記事はタイトル・タグ・説明を検索します。
28 件の記事
Angular v21 CDK Overlay でサポートされたネイティブ popover の紹介↗
Angular CDK Overlay でネイティブ popover を使う設定と、Angular Elements のカプセル化への利点を紹介します。
Kaigi on Rails 2025 に「Web Componentsで実現する Hotwire とフロントエンドフレームワークの橋渡し」というタイトルで登壇します↗
Kaigi on Rails 2025での登壇に向け、Web ComponentsでAngularのUI資産とHotwireをつなぐ取り組みの背景と発表のねらいを紹介します。
Angular CLI の Web Test Runner サポートを試す↗
Angular CLI の実験的な Web Test Runner ビルダーを有効にし、設定方法とサポートされる機能を確認します。
ドキュメントの修正から始めるAngularへの貢献↗
Angular 日本語ドキュメントの軽微なミスを、ブラウザ上の編集から Pull Request で修正する手順を紹介します。
.rubocop_todo.yml の反映漏れを CI で防止する↗
RuboCop の TODO 設定を CI で再生成し、コード変更に伴う .rubocop_todo.yml の更新漏れを検出します。
docker/build-push-action で ECR に push する際に最小限必要な権限↗
docker/build-push-action から Amazon ECR にイメージを送る際に必要な IAM 権限と、403 エラーの原因を整理します。
Angular で Form Validator を自作する↗
ValidatorFn と AsyncValidatorFn の仕組みを確認し、Angular のフォームに独自の検証ルールを実装します。
非同期処理後に動的に生成される DOM にアクセスする↗
非同期処理後に描画される要素を、ViewChild と Signals の変更検知を使って参照する方法を紹介します。
SQLboiler で SQLite の日付フィールドを扱うポイント↗
SQLite の日付フィールドと SQLBoiler の自動タイムスタンプ処理で起きる型の不整合と、その対処方法を紹介します。
Angular v18 で ng-content にフォールバックのコンテンツをサポート↗
Angular v18 の ng-content に既定のコンテンツを設定する書き方と、動的な切り替えに関する注意点を紹介します。
GitHub Project を操作する上で利用できる GitHub API と必要なトークン↗
GitHub Projects の種類ごとに利用できる REST・GraphQL API と、操作に必要なトークンの違いを整理します。
GitLab本輪読会、他社と合同で振り返りを行いました↗
GitLab本の社内輪読会と他社との合同振り返りを通して、リモートワークやドキュメント文化について得た気づきを共有します。
Renovate の Best Practices から学ぶ依存関係管理の考え方↗
Renovate の推奨プリセットを読み解き、Docker・GitHub Actions・npm のバージョン固定と依存関係管理を考えます。
Bunのロックファイル(bun.lockb)のバージョン管理をPull Requestのコメントで可視化する↗
バイナリ形式の bun.lockb の差分を、GitHub Actions と github-comment で Pull Request に表示する方法を紹介します。
Angular v17.2 でパッケージマネージャーとして「Bun」がサポートされたので性能を検証する↗
Angular CLI で利用できる Bun・npm・yarn・pnpm のインストールとビルド時間を GitHub Actions 上で比較します。
ライブラリのアップデートを自動化した仕組みの紹介↗
Dependabot・Renovateの更新PRをGitHub Actionsで自動マージする仕組みと、テストやビルド差分による判断基準を紹介します。
GitHubのリポジトリを履歴を残したまま他のリポジトリへ移行する方法
作業用リポジトリが増えてきたので、１つにまとめました。その際に git 履歴を残したまま移行したので、その方法を解説します。
新卒がAngularのアップデート対応から経験したこと↗
Angular 12から13への移行で直面した依存ライブラリやチーム間連携の課題と、アップデート対応から得た学びをまとめます。
RubyとRailsのコミッターである松田明さんの講演でプログラミングを楽しむモチベーションが上がりました↗
新卒研修で開かれた松田明さんの講演を振り返り、コミュニティやOSS活動を通じてプログラミングを楽しむヒントを紹介します。
ゆめみのインターンに参加した
ゆめみのフロントエンド開発インターンで、Figma の画面実装からコンポーネント設計・テスト・開発ツールについて学んだことをまとめます。
Error BoundaryをFunction Componentで扱う
React では Error Boundary という子コンポーネントツリーでエラーが発生した際にクラッシュした UI を表示させる代わりに、フォールバック用の UI を表示するコンポーネントがあります。
画面に表示されたことを検出して、Styled ComponentsでCSSを切り替える
react-intersection-observerとは画面の要素がビューポート（ブラウザ上に表示されている画面）に入った時、もしくは出た時に検知してくれる React 用のライブラリです。
VOYAGE GROUPのインターン「Treasure」に参加した
8/1, 8, 15の土曜日と8/17~28の約1ヶ月の期間、VOYAGE GROUPのTreasureというインターンに参加してきました。
2020年サマーインターン選考の記録
2020年4月からサマーインターンの選考を受けていました。エンジニアとして初めてのインターン選考だったのでかなり手探りでした。ある程度落ち着いたので、選考の記録について共有します。
Pythonでのソートアルゴリズムの実装
Python でバブルソート・挿入ソート・選択ソートを実装し、それぞれの並べ替え方を確認します。
環境変数を楽に設定するdotenvの使い方
Node.js で API を作っていた時に Production Key や DB のパスワードをハードコーディングして GitHub に上げてしまうのは気が引けた。調べてみると Nodejs には環境変数を簡単に設定できるdotenvというモジュールがあったので使い方のメモです。
非同期処理でハマったこと
JavaScript の非同期処理でつまずいた点を、Promise と async/await の実装例を交えて整理します。