-
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 […] -
React
Reactの基礎を学ぼう: コンポーネントとデータ表示の手法を解説
Reactの基礎的な書き方を学びたいです。何からやればいいですか? Reactではハードコーディングせず、オブジェクト内のデータ(JSONなど)をコンポーネントに渡してあげます。その際map関数を使うことが多いので今回は […] -
Next.jsでTailwind CSSをインストールする方法
npm npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p tailwind.config.js /** @type {impo […] -
CSS
番号付きリストが「010」になるのを「10」にするCSSは「decimal-leading-zero」です。
完成形のイメージ See the Pen 番号付きリスト01~10 by shimpei (@shimpei) on CodePen. HTML 適当にリストを作ります。クラス名はnum-listにしました。 SCSS […] -
CSS
【コピペOK】blockquote要素の作り方HTML&CSS|引用文
はぁーまたqlockquoteか〜ちょっと面倒なんだよなぁどうやってつくるんだっけ? よくある感じのHTMLとCSSのテンプレ置いときますね〜 完成形のイメージ See the Pen Untitled by shimp […] -
React
CodePenでReactを使用する方法
完成形【セッティング完了のCodePen】 See the Pen map関数 React by shimpei (@shimpei) on CodePen. CodePenの設定 ①JSの⚙歯車ボタンをクリック ②プリ […] -
Code
ターミナルから「code .」でVSCodeを開く【使い方、おすすめ、ショートカット】
VSCodeをすばやく開く方法を知りたい人 VSCodeってみんなどうやって開いてる? しんぺーターミナルから「code .」で開くのいいですよ。今回紹介する方法はVisual Studio Codeの公式リファレンスで […]