Remixと朝活(エンジニア生活：11月)
diary,
Next.js,
朝は気温が低く、起きるのが辛い季節になってきましたね。皆さん、体調管理には気をつけて下さい。 先月は、Next.js12の発表がありましたが、今月の目玉といえば、Remixですよね。Reactは、Next.js一強なのかなと思っていたのですが、Remixは良いライバルになりそうで、Reactがより便利になっていくと思うと楽しみです。
search
article
2021.12/02
2021.11/05
SupabaseとNext.js12(エンジニア生活：10月)
diary,
Next.js,
Supabase,
朝の時間や休日を使ってsupabaseでポートフォリオを作成しています。本来は10月中に完成させるつもりでしたが思ったより時間が取れず、またデザインをコロコロと変える癖があるので、現状８割と言ったところです。 今回の目的はSupabaseに触ることなので、認証周りを終わらせたら簡単なtestを実装してひとまず完成にすると思います。
2021.09/23
Next.js,GraphCMSでブログの作成（個別ページ編）
Next.js,
frontend,
React.js,
Vercel,
TypeScript,
GraphQL,
GraphCMSから取得したそれぞれの記事の個別ページを、Next.jsのGetStaticPathsを用いて作っていきます。
2021.09/15
PDFファイルをURL化し、API経由で表示させる方法(Next.js)
Next.js,
frontend,
React.js,
TypeScript,
GraphQL,
今回はページの遷移先に、pdfファイルを指定して表示させる方法についてまとめました。 URL化したpdfファイルを直接コードに貼り付けるのは、セキュリティ上良くないようです。 そこで今回はgraphCMSにデータを保存し、クエリを投げてファイルを取得します。
2021.09/04
Next.jsでGraphCMSを使ったブログの作成
Next.js,
frontend,
React.js,
TypeScript,
GraphQL,
今回は、graphCMS を使って Next.js アプリにブログを導入する方法を書いていきます。GraphCMSは名前の通り、graphQLクエリを使えるHeadlessCMSになります。見た目の UI が綺麗で使いやすいです。この記事では、ブログの一覧を表示するページを作っていきます。
2021.08/03
Google Domainsからドメインを購入して、Vercelのサイトに紐付ける
Next.js,
Vercel,
frontend,
このサイトを作ってから、はや半年。かなり遅いですが、新規でドメインを購入してサイトに紐付けを行いました。その時のまとめです。 今回はGoogle Domainsからドメインを購入して、Vercelでデプロイされているサイトにドメインを紐付けます。
2021.07/15
react-scrollでTopに戻るための自動スクロールを実装
Library,
frontend,
React.js,
Next.js,
作成過程でreact-scrollを使用した自動スクロールを実装したので、その時のまとめです。react-scrollは、スムーズなスクロールを簡単に実装することができるライブラリです。ページのTopに戻りたい,ボタンを押した時に自動である位置まで移動して欲しいと行った時に便利です。
2021.07/10
ポートフォリオサイトを大幅に改良しました
Next.js,
React.js,
portfolio,
TypeScript,
Tailwind.css,
かかった期間としては、大体2週間ほど。平日は朝、休日は半日以上を費やしていました。自分の作品のアップデートなので全く苦にならずに黙々と作業していました。 作業はdevelopのブランチを切って行いました。GitHubの草はmergeするまで反映されないのですね。知らずに作業していたので、二週間分の緑が急に増えてびっくりしました。一気に緑が増えるのは、達成感を感じハマりそうです笑。
search
category
React.js
Next.js
TypeScript
Tailwind.css
GraphQL
Vercel
firebase
Supabase
AWS
recommended
2022-05-23AWS資格 SAPとSOAを取得したので、対策や受験時の感想について
2022-03-15実務経験一年の転職活動(エンジニア生活：2月)
2022-02-072022年は、フルスタックエンジニアに(エンジニア生活：1月）
2022-01-29「AWSエンジニア入門講座――学習ロードマップで体系的に学ぶ」を読んだ感想
2022-01-04エンジニア転職した一年の振り返り
2021-12-02Remixと朝活(エンジニア生活：11月)
・・・