JavaScriptJavaScriptで画像ファイルをbase64文字列に変換する方法! 今回はWebフォームで画像ファイルを選択した後に、JavaScriptを使用してBase64形式に変換する方法を書いています。 実際に画像をフォームに設定して変換する、簡単なサンプルを作ってみました。 JavaScriptで画像をbase6...2022.01.31JavaScriptプログラミング
JavaScriptVue.jsのv-bindとは?使い方とサンプルコード4つ! 今回はVue.jsのv-bindについて書いています。 v-bindについて説明した後に、サンプルコードを書いているので、確認してみてください。 コードはVue.jsのバージョン3(Composition API)で試してみました。 v-b...2022.01.28JavaScriptVue.jsプログラミング
JavaScriptReact × Bootstrap5でTodoアプリを作成する方法!(サンプル・解説付き) 今回はReactでTodoアプリを作成してみました。 create-react-appを使用して、プロジェクトを作成した後に、Todoアプリを作成していきます。 create-react-appはReactのプロジェクトを簡単に作成してくれ...2022.01.26JavaScriptReactプログラミング
JavaScriptJavaScriptのif文で変数・値を判定した場合の挙動11個 JavaScriptのif文に変数や値を渡した時の判定がどうなるか、挙動を11個確認してみました。 空の配列やオブジェクト、undefinedなどを、if文に入れてみて判定がどうなるか試してみました。 最後に試した内容を表にまとめています。...2022.01.24JavaScriptプログラミング
JavaScriptJavaScriptのArray.mapの使い方!(forEachとの違いは?) JavaScriptのmapメソッドの使い方について、書いています。 配列からmapメソッドを呼び出すことで、ひとつずつ要素を取り出して、新しい配列を作成します。 前回はforEachについて、こちらに記事を書きました。 forEachと同...2022.01.21JavaScriptプログラミング
JavaScriptJavaScriptのArray.forEachメソッドの使い方!(配列要素で繰り返し処理) 今回はJavaScriptの配列でforEachメソッドを使う方法について、書いています。 配列からforEachメソッドを呼び出すことで、ひとつずつ要素を取り出して繰り返し処理を行うことができます。 使い方を解説した後に、forEachを...2022.01.17JavaScriptプログラミング
JavaScript[JavaScript入門]for文を使い方と、4パターンのコード(繰り返し処理) 今回はJavaScriptでのfor文の使い方について、書いています。 使い方を解説して、for文を使用した簡単なプログラムを作成した後に、4パターンのコードを書いてみました。 実際に作成して動かすこともできるのでやってみてください。 Ja...2022.01.14JavaScriptプログラミング
PHPPHPで配列の要素数を取得するcount関数の使い方! PHPのcount関数の使い方について書いています。 count関数の主な使い方は、配列の要素の数を数える場合に、よく使用します。 使い方の説明の後に、簡単なサンプルコードを3パターン書いているので確認してみてください。 コードは、PHPバ...2022.01.12PHPプログラミング
JavaScript[JavaScript入門]switch文の使い方と、3パターンのコード(条件分岐) 今回はJavaScriptでのswitch文の使い方について、書いています。 使い方と基本的な動作検証を確認した後に、3パターンのサンプルコードを書いています。 JavaScript入門シリーズの前回は、JavaScriptの配列について書...2022.01.10JavaScriptプログラミング
PHPPHPのNull合体演算子(”??”)の使い方(気になる7パターンを確認) PHPのNull合体演算子の使い方と、7パターンのコードで、挙動を検証した結果を書いています。 サンプルコードはPHPのバージョン8で動かしてみています。 Null合体演算子とは?使い方は? PHPのNull合体演算子は、Nullかどうかを...2022.01.07PHPプログラミング
JavaScriptFetch APIの使い方(JavaScriptでHTTP通信) 最近JavaScriptでFetch APIを使用して、SPA構成のアプリケーションでデータの登録や取得をすることがあったので、まとめてみました。 検証に使っているブラウザはChrome96です。 最初にFetch APIの使い方を解説して...2022.01.05JavaScriptプログラミング
商品レビューAKRacing Pro-X V2のレビュー・シリーズや価格のまとめ リモートワークで家でずっと作業しがちなので、ゲーミングチェアの「AKRacing Pro-X V2(青)」を購入しました。 毎日使う椅子なので、なるべく疲れづらいものに座りたいと思い、ちょっと高かったですが購入してみました。 思っていたより...2022.01.01商品レビュー