javascript <input type=”file”>フィールドで作られるFileオブジェクト
File オブジェクトは、ブラウザの File API によって提供されるデータ構造で、ユーザーが <input type="file"> フィールドを通じて選択したファイルの情報を保持します。つまり、File オブジェクトが生成されるのは...
React
javascript React TypeScriptで、型定義を一つのファイルで管理する。
TypeScriptでは型定義を一つのファイルで作成して、複数のファイルで共有することができます。そのためには型をまとめたファイルを作成し、他のファイルでその型をインポートして使用します。 親子のコンポーネントで型定義ファイルを呼び出すなど...
React TypeScriptの静的型付け
ReactでTypeScriptを導入する事が多いと思うので、TypeScriptがJavaScriptの型をどう扱うかを調べてみました。 TypeScript は JavaScript に対して「静的型付け」という仕組みを導入しています。...
React Reactの関数コンポーネントの書き方
関数コンポーネント内に別の関数を記述できるのか？関数の入れ子を作れるの？AIパイセンに聞いてみた。 ”関数コンポーネント内に別関数の処理を記述しても問題ないですか？” AIパイセンの回答 はい、Reactの関数コンポーネント内に関数を定義し...
laravel LaravelとReactでWebAPIを使ってみる
前回の続きで、WebAPIが色々と便利なので、Reactで使ってみる。使う際に、Laravelが中間に入るとセキュリティも保たれて便利です。 まずは、シーケンス図です。アプリケーションサーバーとしてLaravelを置き、データー処理を行いま...
laravel React
話題のReactを使ってみる。Reactを使う目的ですが、最も便利な機能として、大きい企業や優秀な個人が作って、公表している機能を、自分が作った"イマイチ"なホームページに組み込み、そこそこ見栄えが良くて便利なホームページに変身させてくれる...
React Reactのブラウザー内での動作
Reactのブラウザー内での動作を調べてみた。 JavaScriptの処理 通常のJavaScriptの動作は下記の通りで、時系列に処理が進み、レンダリング直前に要素の変更を行って表示する。その為、ブラウザーが管理するDOMに変更が反映され...
React Docker+Laravel+React+TypeScriptの開発環境
Docker＋Laravel＋Reactまではこちらを参照 なので、ReactにTypeScriptを適応させます。 Reactは、テンプレートを用意しており、そのテンプレートは、Javascript+XMLにより記述される事となっています...
React LaravelでReactを導入してみる
なにかと話題のReactですが、Laravelでも使えます。Laravelはモダンなのです。そこで、DockerをつかってLaravelを駆動し、LaravelでReactでの開発環境を構築してみます。 以前の記事で、LaravelをDoc...
React フレームワークとライブラリ
Reactを調べていると、フラームワークと説明されていたいり、ライブラリと説明されていたりします。 なので、フラームワークとライブラリの違いを考えます。 図にするとこんな感じ フレームワーク フラームワークは１つの完結したアプリケーションを...