はじめに Next.js + Material-UI (styled-components) を使ってリロードしたときに、以下のエラーが発生してスタイルが崩れました。 Warning: Prop `className` did not match. サーバーサイドで新しく生成された CSS とクラス名が、クライアントサイドで指…

はじめに 最近、個人開発の勉強のために Web アプリケーションを開発しています。そろそろ Web アプリケーションに会員登録の仕組みを追加して、何らかのサービスを提供できるようにしようと考えており、まずは会員登録の仕組みを追加することにしました。

Vue.js によって、生成された DOM の結果を確認します。 <template> <div class="sample"> <p>sample</p> </div> </template> <script> export default { name: "Sample" } </script> <style scoped> .sample { text-align: center; } </style> // tests/unit/components/Sample.spec.js import { shallowMo…

React によって、生成された DOM の結果を確認します。 /* App.css */ .App { text-align: center; } // App.js import "./App.css"; const App = () => ( <div className="App"> <p>sample</p> </div> ); export default App; // App.test.js import { render, screen } from "@testing-librar…

はじめに パッケージリストの追加で bionic-pgdg ではエラーになったため、インストール方法を記載します。

はじめに If it walks like a duck and quacks like a duck, it must be a duck. （もしも、それがアヒルのように歩き、アヒルのように鳴くのなら、それはアヒルに違いない。） デーブ・トーマスより ダック・タイピングは、オブジェクトに何ができるかはオ…

はじめに 最近、JavaScript を中心に勉強しています。業務では Vue.js を使っていますが、 React にも興味があり少しずつコードを書き始めました。React は Simple、Vue.js は Easy と言われておりますが、その意味も理解できるようになってきました。私は下…

はじめに 会社で Ruby on Rails (API モード)のアップグレードを行いました。アップグレードの目的は Active Storage の機能を使って AWS S3 にデータを保管する仕組みを構築するためです。アップレードにあたっては以下のガイドや記事が参考になりました。 …

はじめに 最近、新規にアプリを開発するときの技術選定で SPA を導入するケースが多くなりました。SPA とは Single Page Application の略で単一の Web ページのみで構成されており、ユーザーの操作や各種イベントによって非同期でサーバーと通信後、必要な…

はじめに Vue.js のガイドで function を使っている部分を見つけたので直感的に Arrow Function の記法を使ってみましたが、正常に動きませんでした。 jp.vuejs.org // function ありの記法 const app = new Vue({ el: "#app", data: { message: "Hello Vue.…

はじめに Vue.js を1年弱使って開発していましたが、JavaScript について詳しくないため「JavaScript Primer 迷わないための入門書」の Kindle 版を購入して勉強しています。購入してから気づいたのですが、本書の内容はネット上に公開されているため、買わ…

はじめに Web アプリケーションの開発時に毎回、デザインについて悩むことがあります。デザインのガイドラインがあったり、デザイナーさんがいる場合は、開発者側で考える必要が無いのですが、必ずしもデザインの知識が深い人がいるとは限りません。顧客から…

はじめに 最近、モダンな技術を使って開発することが出来ており、めちゃくちゃ楽しいです。ですが、一つの機能に対しての生産性は今までよりも上がっている気がしていません。Vue.js + GraphQL + Ruby on Rails を使って開発をしているのですが、表現力や自…

PostgreSQL の基本操作をまとめてみました。