React

React v18からchildrenを明示的に定義する必要がある
React v18では、React.FCを使う際にchildren明示する仕様になったので、独自の型React.FCXを用意する
#React
2022/09/10
ブログをNext.js+Markdownにリプレイス
Next.js, GraphQL, Markdown, Golangを使って当ブログをリニューアルしました。以前はGatsbyを使っていましたが、3年も前に作成しバージョン（v2.18）も古くなってしまったので、そろそろメンテナンスしないとなと思い、どうせならデザインも変えたいし、記事もGitで管理したいし、とか色々考えてフルリニューアルしてしまえってことで１から構成を見直しました。
#Next.js
#React
2022/09/09
Next.js+Markdownでの画像を@next/imageを使って表示する
Markdownでの執筆がラクになるように同階層に画像を配置したい。そうした場合にNext.jsの@next/imageを使って表示するには一工夫が必要でした。
#Next.js
#React
2022/09/05
Gatsby v2をM1 Macでコンパイルエラーを解消
M1 MacでGatsby v2がコンパイルエラーが起こった。Error: Something went wrong installing the 'sharp' module. package.jsonのresolutionsオプションを使ってsharpのバージョンを指定することで解決できそう。
#Gatsby
#React
2021/10/24
GatsbyのFileSystemRouteAPIでさらに使いやすくなった
Gatsby.js v2.26で新しい機能として追加された「File System Route API」を試してみました。CMSからデータを取得して動的なページが1ファイルだけで生成できるようになりました。
#Gatsby
#React
2020/11/23
Gatsby.jsでのWebフォントの読み込み方
Gatsby.jsでWebフォントを読み込み方としてTypegraphy.jsとFontSourceの2パターンを紹介します。公式ドキュメントにあるgatsby-plugin-web-font-loaderのやり方とtypefacesのやり方は古くなっているので注意が必要です。
#Gatsby
#React
#JavaScript
2020/10/07

#Adobe (1)#AdonisJS (11)#Antd (1)#CSS (2)#Docker (7)#Expo (1)#Flutter (1)#Gatsby (3)#Ghost (1)#Git (1)#HeadlessCMS (1)#JavaScript (4)#Lodash (1)#MongoDB (1)#Netlify (1)#Next.js (4)#Nuxt.js (2)#Prettier (1)#Puppeteer (1)#Rails (1)#React (6)#ReactNative (2)#Sentry (1)#Swagger (1)#TypeScript (1)#Vue (5)#Webpack (1)#npm (1)#ラズパイ (1)

RyoheiTomiyama / とみー

フリーランス ← フルスタックエンジニア ← Webデザイナー。長野県に移住しフルリモートでアプリやWebサービス開発に携わるエンジニアとして活動中。開発で得た知見を発信していきます。

TOMILOG © 2019