2021.09/23
Next.js,GraphCMSでブログの作成（個別ページ編）
Next.js,
frontend,
React.js,
Vercel,
TypeScript,
GraphQL,
GraphCMSから取得したそれぞれの記事の個別ページを、Next.jsのGetStaticPathsを用いて作っていきます。
search
article
2021.09/15
PDFファイルをURL化し、API経由で表示させる方法(Next.js)
Next.js,
frontend,
React.js,
TypeScript,
GraphQL,
今回はページの遷移先に、pdfファイルを指定して表示させる方法についてまとめました。 URL化したpdfファイルを直接コードに貼り付けるのは、セキュリティ上良くないようです。 そこで今回はgraphCMSにデータを保存し、クエリを投げてファイルを取得します。
2021.09/14
AWS SysOps(SOA)新試験に挑み、返り討ちに遭いました
AWS,
infrastructure,
AWS SysOps試験(SOA)とは、AWS認定のうちの1つで、AWS でのワークロードのデプロイ、管理、および運用についての受験者の能力を検証する試験です。本試験は旧試験(S0A-CO1)と新試験(SOA-CO2)のどちらかを選んで受験する方式でしたが、2021年7月末で旧試験の受験が終了しました。
2021.09/04
Next.jsでGraphCMSを使ったブログの作成
Next.js,
frontend,
React.js,
TypeScript,
GraphQL,
今回は、graphCMS を使って Next.js アプリにブログを導入する方法を書いていきます。GraphCMSは名前の通り、graphQLクエリを使えるHeadlessCMSになります。見た目の UI が綺麗で使いやすいです。この記事では、ブログの一覧を表示するページを作っていきます。
2021.09/02
バックエンドの勉強と、読書の日々(エンジニア生活：8月)
diary,
最近は、週末に温泉にいくことがルーティン化してきています。早い時間の16時には温泉に行き、サウナで汗をかいてから1９時くらいまでのんびり過ごすのですが、そのひとときが最高です。8月は大きな仕事がなかったので、アプリの修正や、HP改善、機能追加などを主に行ってました。新しい技術を多く取り入れ、勉強できたかなと思います。
2021.08/10
react-slickの矢印をカスタマイズしてオリジナリティを出す
React.js,
Library,
frontend,
ライブラリのスライダーは便利ですが、矢印ボタンがデフォルトのままでは、オリジナリティを出せないですよね。 そこで今回は、react-slickのデフォルトでもつ矢印をスタイル変更していきたいと思います。nextArrow、prevArrowにコンポーネントを指定することによって、矢印のボタンをカスタマイズすることができます。
2021.08/03
Google Domainsからドメインを購入して、Vercelのサイトに紐付ける
Next.js,
Vercel,
frontend,
このサイトを作ってから、はや半年。かなり遅いですが、新規でドメインを購入してサイトに紐付けを行いました。その時のまとめです。 今回はGoogle Domainsからドメインを購入して、Vercelでデプロイされているサイトにドメインを紐付けます。
2021.08/02
HP制作とオリンピック(エンジニア生活：7月)
diary,
朝の時間で、使ったライブラリのまとめや、感想を記事にする時間が増えました。また、supabaseなど新しい技術に触れた感想などを記事にすることができました。朝の時間を有効活用するのは本当に大事だと思います。HP作成や、ブログサイトのデザイン変更などで新しいライブラリを使うことも増え、アウトプットの意味も込めて、記事を書いています。拙い文章ですが、少しずつ上達することを願って、今後もこの更新頻度を続けていきます。
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月)
・・・