-
JavaScript
【JavaScript】プログレスバー｜シンプルなデザイン
プログレスバーを実装するのに、ProgressBar.jsを使ったけど、Barが角丸にできなかったり使い勝手わるいなぁ。シンプルなデザインだし自分で作れないかな？ しんぺー 簡単につくれますよ。使いまわしやすいテンプレ […] -
React
【React】memoとuseMemoの違いとは？
memoとuseMemoがあるのを今知りました。なにが違うのか簡単に教えて それぞれの使用例と、比較表を作成しました。 memoとuseMemoの比較 memoは、コンポーネントの見た目が変わったかどうかを確認します。 […] -
Blog
【変数の役割】コードを理解する方法｜変数の種類はたったの10個
どうやったらコードを深く理解できるのか？理解するのにコツや方法はあるのか？効率よく理解する方法はないのか？ このような疑問や、下記が当てはまる方は読む価値があるかもしれません。その答えです。 今回は、「Roles of […] -
React
【入門】Reactとは？コンポーネントベースの映画リスト作成をわかりやすく解説
Reactの最小単位のコンポーネントは理解できました。実際の開発現場で使われるような少し複雑なコードを学びたいです。 ではもう少し複雑なコンポーネントを画面に描画してみましょう。映画情報のリストを作成したので、その情報を […] -
AI
OpenAIとNext.jsでAIチャットボットを30分で作る方法
ChatGPTのAPIで何ができるの？ しんぺー AIボットが作れそうですね。自社製品を学習させたり、QAに答えるボットとか。まずは、最もシンプルな形でAPIを利用してみましょう。 完成形のイメージ 公開している環境では […] -
Next.js × Notionを活用したブログ構築のステップバイステップガイド
しんぺー Next.js、Notionを使ってブログを構築して行きたいと思います。上から順番にやっていけば30分程度で手軽に構築できます。 興味はあるけど自分で開発するのが億劫だった方、どうぞ。 完成形のイメージ 見た目 […] -
Blog
Notion APIでできること【データの取得方法解説】
Notion APIってなにができるの？ 一般のユーザができることはないかもしれないです。開発者向けの機能で、NotionのデータをNotion以外のサービスやアプリケーションで利用できます。イメージつかないと思いますの […] -
Blog
Notionのシークレットトークン、ページID、データベースIDの確認方法
シークレットトークンの確認方法 ページIDの確認方法 データベースIDの確認方法 -
React
【React】GitHub APIを使ってみる
ReactでGitHub APIを使用してみたいと思います。 完成形のイメージ See the Pen Ajax by shimpei (@shimpei) on CodePen. CodePenでReactを使用する方 […] -
JavaScript
return Response.json(list)とJSON.stringify(list)の違いとは？
概要 下記のコードではlistというオブジェクトを作成し、JSON.stringify(list)を使用してJSON形式の文字列に変換しています。これにより、responseJsonという変数には'[{“name”:”J […]
