フロントエンド開発
記事数
21
【ToDoアプリを作る】React × Mantineでリストコンポーネントを作る。
ReactとMantineを使ってToDoアプリを作成しています。前回はアプリに使用するコンポーネント作成をしておりました。https://build-up.tech/mantine-todoapp-1/今回はコンポーネント作成の続きとして、リスト用のコンポーネントを作
【ToDoアプリを作る】React × Mantineで画面の設計に挑戦する。
Reactの開発を通してプログラミングスキルのレベルアップをしたいのですが、未経験者がゼロから開発するとなると躓くポイントがたくさんあるので、できるだけ簡単に開発できるようにしたいと思っています。学習だけでは学んだことを実践に活かすのが難しいので、今回から数回に分けてReactとManti
【React】Mantineライブラリでコンポーネントの配置を編集する。
前回の記事まではMantineで用意したコンポーネントの装飾について説明をしました。https://build-up.tech/mantine-usage-3/コンポーネントの見た目の変更方法については基本的な方法がある程度理解できたかと思います。しかし、これだけだとコ
【React】一括で装飾を整えるMantine Providerの使い方
Mantineを使うとさまざまな装飾を施すことができるのですが、コンポーネント一つ一つに対して装飾をしていたのでは記述量が多くなり、管理が複雑になります。そこで登場するのがMantine Providerです。Mantine Providerを使用することで、一度の記述で全てのコン
【React】Mantineからコピーしたコンポーネントを編集する
前回の記事でMantineからコンポーネントをコピーして使用する方法をご紹介しました。今回はコピーしたコンポーネントを編集してみます。コンポーネントの作成方法など前回の記事の内容を復習しながら実践してみてください。https://build-up.tech/mantine
【React】Mantineからコンポーネントをコピーして表示する方法を解説
Mantineからコンポーネントをコピーして使うための方法を解説します。今回はNext.jsとTypeScriptにて構築した環境にて解説します。なぜNext.jsなのかと言いますと、Reactで開発するよりも部分的に開発が楽にできて、且つ表示速度を上げられるなどいくつかのメリット
【npm ERR!】パッケージのバージョンを確認してnpm installする方法
npm installにて@mantine/coreと@mantine/hooksインストールしようとした際にエラーが発生しました。インストールするパッケージのバージョンの整合性が取れないことによるエラーだったので、今回はバージョンに関するエラーの対処法を記事にまとめます。状況説明
【MacOS】初めてのプログラミング・React環境構築編
これからプログラミングを学んでみたいという方に向けて未経験でも理解できるように、プログラミングの基礎を記事にまとめたいと思います。まずは、プログラミングを実践するための環境が必要となりますので、今回の記事では、MacOSでReactの環境を構築する方法を解説します。WindowsO
【WindowsOS】初めてのプログラミング・React環境構築編
これからプログラミングを学んでみたいという方に向けて未経験でも理解できるように、プログラミングの基礎を記事にまとめたいと思います。まずは、プログラミングを実践するための環境が必要となりますので、今回の記事では、WindowsOSでReactの環境を構築する方法を解説します。MacO
【JavaScript】繰り返し処理の使い方と仕組みについて解説
本記事ではJavfaScriptにおける、繰り返し処理の使い方と、その仕組みについて解説します。繰り返し処理とは、同じ処理を値を変えながら連続して行う処理のことを言います。例えば１＋X という処理に対して、Xの値を１，２，３，４・・・と変えながら連続して行い、処理の結果として２，３