React React × Bootstrap5でTodoアプリを作成する方法！(サンプル・解説付き)
今回はReactでTodoアプリを作成してみました。create-react-appを使用して、プロジェクトを作成した後に、Todoアプリを作成していきます。create-react-appはReactのプロジェクトを簡単に作成してくれるツ...
yasuaki
React 
JavaScript JavaScriptのif文で変数・値を判定した場合の挙動11個
JavaScriptのif文に変数や値を渡した時の判定がどうなるか、挙動を11個確認してみました。空の配列やオブジェクト、undefinedなどを、if文に入れてみて判定がどうなるか試してみました。最後に試した内容を表にまとめています。nu...
JavaScript JavaScriptのArray.mapの使い方！(forEachとの違いは？)
JavaScriptのmapメソッドの使い方について、書いています。配列からmapメソッドを呼び出すことで、ひとつずつ要素を取り出して、新しい配列を作成します。前回はforEachについて、こちらに記事を書きました。forEachと同じよう...
JavaScript JavaScriptのArray.forEachメソッドの使い方！(配列要素で繰り返し処理)
今回はJavaScriptの配列でforEachメソッドを使う方法について、書いています。配列からforEachメソッドを呼び出すことで、ひとつずつ要素を取り出して繰り返し処理を行うことができます。使い方を解説した後に、forEachを使用...
JavaScript [JavaScript入門]for文を使い方と、4パターンのコード(繰り返し処理)
今回はJavaScriptでのfor文の使い方について、書いています。使い方を解説して、for文を使用した簡単なプログラムを作成した後に、4パターンのコードを書いてみました。実際に作成して動かすこともできるのでやってみてください。JavaS...
PHP PHPで配列の要素数を取得するcount関数の使い方！
PHPのcount関数の使い方について書いています。count関数の主な使い方は、配列の要素の数を数える場合に、よく使用します。使い方の説明の後に、簡単なサンプルコードを3パターン書いているので確認してみてください。コードは、PHPバージョ...
JavaScript [JavaScript入門]switch文の使い方と、3パターンのコード(条件分岐)
今回はJavaScriptでのswitch文の使い方について、書いています。使い方と基本的な動作検証を確認した後に、3パターンのサンプルコードを書いています。JavaScript入門シリーズの前回は、JavaScriptの配列について書きま...
PHP PHPのNull合体演算子(”??”)の使い方(気になる7パターンを確認)
PHPのNull合体演算子の使い方と、7パターンのコードで、挙動を検証した結果を書いています。サンプルコードはPHPのバージョン8で動かしてみています。Null合体演算子とは？使い方は？PHPのNull合体演算子は、Nullかどうかを判断し...
JavaScript Fetch APIの使い方(JavaScriptでHTTP通信)
最近JavaScriptでFetch APIを使用して、SPA構成のアプリケーションでデータの登録や取得をすることがあったので、まとめてみました。検証に使っているブラウザはChrome96です。最初にFetch APIの使い方を解説していま...
商品レビュー AKRacing Pro-X V2のレビュー・シリーズや価格のまとめ
リモートワークで家でずっと作業しがちなので、ゲーミングチェアの「AKRacing Pro-X V2(青)」を購入しました。毎日使う椅子なので、なるべく疲れづらいものに座りたいと思い、ちょっと高かったですが購入してみました。思っていたより座り...
Laravel LaravelでAPIを作成する方法！
Laravelを使って、APIを作成する方法を書いています。今回作成するAPIはテーブルに対して、追加・取得・更新・削除(CRUD)を行います。簡単なAPIの説明の後にコントローラーを作成して、ルートを追加した後に、Postmanからリクエ...
Laravel LaravelでPDFを出力する方法(laravel-dompdfを使う)
Laravelでlaravel-dompdfを使用して、PDFを作成したので使い方をまとめました。最初の方に、導入方法と実際にPDF出力の動作確認を書いて、後半に使いそうな内容をいくつか書いています。載せているサンプルコードはLaravel...