CATEGORY

JavaScript

Prisma+Expressを使ってデータベースを操作する

こんにちは!筆者の「hima-code」です。 前回「Express」に関する記事を紹介して、「json」の変換かExpressのさらに詳しい解説記事を出すと書きましたが、その前に「Prisma」を導入して「MariaDB」等のデータベースと連携する準備を整えておきたいと思います。 「Prisma」とはJavaScriptを使ってSQL文を扱わなくてもデータベースの基本操作である「CRUD」を行う […]

expressサーバーを立ててRestFulなAPIを開発する

こんにちは!作者の「hima-code」です。この前友人にブログの管理者の名前が「暇人」たったり「hima-code」だったりで一貫性がないと怒られてしまったので、本記事からは正式に名前を固定しようと思います。 さて、今回はAPIサーバー開発ということで「Express」というWebアプリケーションフレームワークを使用して、Reactなどで作成したアプリケーション側からデータを受け取りレスポンスを […]

VSCodeをインストールする(Windows編)

こんにちは!筆者の「hima-code」になります。今回は「VSCode」をインストールしてプログラミングをできる環境を整えていきます。 コードエディタにもいろいろあり、最近流行のエディタですと、AIの技術を使用できる「coursor」、高機能でプラグインも充実している「VSCode」、「Sublime」やLinuxでデフォルトで使用できる「Vim」など様々なプログラミングを補助するエディタがあり […]

useContextの解説と使い方

こんにちは! 作者の暇人です。今回は「useContext」を使用してpropsを使って値をバケツリレーしなければいけない構造を作っている人に向けて、コンポーネント間を横断的に値を渡していくような仕組みを実現するために「createContext」と「useContext」の解説と使用例を確認していこうと思います。 1.createContextとuseContextについて 親コンポーネント内で […]

JavaScriptの便利関数

筆者が勉強してて必要そうな関数について機能と使い方をまとめておこうと思います。 ・map関数 すでにある配列の中身を使用して、新しい配列を作成してくれる関数です。ReactのJSX記法で仮想DOMを配列の個数分作成するなどの使用法ができます。 このように書くとarrayの要素一つ一つを取り出して、mapの()内の処理を行って、新しい配列であるnewArrayの要素に格納されます。今回であれば配列の […]