osu

バックエンド

【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上に構築する手順。 ときどきしかしない作業な上に、毎回なんだかんだ時間がかかるからまとめとく。