バックエンド 【Rails】GraphQL入門 Resolver・Mutation編
RailsでGraphQL API作成のResolver, Mutation編です。Resolverはデータ取得ロジック、Mutationは副作用を発生させるロジックを実装するクラスです。これにより一通りAPIとしての機能は完成です。型定義と比べてそこまで難しくないですが、ぜひ覗いてみてください。
バックエンド 
フロントエンド 【React】twin.macro × TailwindCSSで爆速開発を行う方法
twin.macroを用いて、TailwindCSSをCSS in JSとして扱うことで、開発体験を向上させる方法を紹介しています。
バックエンド 【Rails】GraphQL入門 セットアップ編
rails docker mysqlを用いてgraphql APIを構築する手順を解説します。graphqlに馴染みがない方向けにgraphiqlというツールを用いてgraphqlを叩くところまで解説しています。
フロントエンド 🪦CSS in JSでパフォーマンスがめちゃくちゃ悪くなった話
ReactでCSS in JS ( makeStyles )を使っていてパフォーマンスを悪化させた時の原因と対処法。
バックエンド 【Rails】面倒なpluckを使いこなす方法
railsでpluckメソッドを使えば、手軽にパフォーマンスを改善できますが、取り回しが面倒になりがちです。pluckでパフォーマンスを上げつつ、開発体験を損なわない方法を紹介します。
フロントエンド React + Vite + TypeScript + Docker docker-compose セットアップ 備忘録
爆速viteを用いたReactの設定方法。もちろんTypeScript, Dockerはマストで
バックエンド railsでアソシエーション先がないデータを検索する方法
railsでアソシエーション先のデータがないデータを検索する方法
バックエンド Rails MySQL docker-compose セットアップ 備忘録
ruby on rails + MySQL 構成のアプリをdocker-compose上に構築する手順。
ときどきしかしない作業な上に、毎回なんだかんだ時間がかかるからまとめとく。