前書き 12月末くらいから開発しているニュースコメント判定アプリの現状報告。 ReactとTypeScriptについて全くの初心者だったので、少々手こずっています。 追記（githubからのダウンロード方法） github.com $ git clone https://github.com/urbanweb2000/N…

前書き React~Flaskアプリケーション「環境構築」編 melheaven.hatenadiary.jp 環境のおさらい React（TypeScript）ポート番号3000 Flask（Python）ポート番号5000 シンプルにReact側で入力した入力タグ情報をFlask側へ送信するだけの記事です。 実装 React…

前書き 前回「React-tags-inputモジュールを用いてタグフォームの実装する」記事を書きました。 今回はTypeScriptファイル用にうまく動かしてみます。 melheaven.hatenadiary.jpこちらはReact-Tag-InputモジュールのREAD MEです。非常に分かりやすく書かれて…

前書き タグ検索機能を以前Vueで実装しました。 これをReactの場合、どのように実装できるのかを調べました。melheaven.hatenadiary.jp 方法 (1)react-tag-input まず最初にこちらに倣って実装。www.npmjs.comReact-dndに関するモジュールのバージョンは以下…

前書き 開発するアプリはフロントエンド側をCRA(TypeScript)とバックエンド側をFlask(Python)とします。 個人的にReactのフレームワークはCRAやNext.js、Gatsbyなど様々であり、正直悩みました。特に今回開発するアプリは静的サイトに近いので、Gatsbyの方が…

前書き 神動画です。www.youtube.com Reactの特徴 コンポーネント ここはVueとも共通点にもなります。 UIには見た目（View）と機能（Controller）に分類され、これらをまとめてコンポーネントと呼ぶ。 Webの構造はコンポーネントのツリー構造となっており、 …

前書き 前回、自然言語処理の記事を書きました。 これをフロントエンドから動かしたいなと思い、何らかのアプリケーションを開発します。 サーバーサイドに軽量なFlaskを採用し、フロントエンドにはモダンなreact+TypeScriptを採用します。近年では静的型付…