Elsaの技術日記(徒然なるままに)

主に自分で作ったアプリとかの報告・日記を記載

MENU

nodejs

React・node.js連携

前回、Reactでサーバサイドとの通信方法をまとめました。 elsammit-beginnerblg.hatenablog.com だけど疑問だったことが1つあり調べておりました。Reactとnode.jsなどのサーバサイドを同時に実行する方法です。 Reactは、 yarn startを実行する必要がありま…

React サーバサイドとの通信

前回書いたSPAを実際に動かしてみるための前段階として、 サーバサイドとの通信をしてみたいと思い試しに動かしてみたところ躓いたため備忘録で残そうと思います!! elsammit-beginnerblg.hatenablog.com (adsbygoogle = window.adsbygoogle || []).push({}…

javascriptでPC内蔵カメラで撮影した画像をサーバに送信

今回は、、、 ・javascriptを用いて、PC内蔵カメラで写真撮影⇒サーバに送信 ・nodejsでクライアントから送信されたデータを受信 の備忘録を書きたいと思います。 実は昔調べながら苦労して作ったことがあったのですが、忘れそうだったので備忘録として残した…

簡単なWebアプリ作成 ~無駄な会議を撲滅しよう!! ~ part5~

先日ご報告しました通り、日付毎の会議にて発生するお金をグラフ化するページを作成しましたので報告します!! 最終的に出来た成果物はこんな感じになりました!! まずComboBoxには1週間ごとにデータのある週間だけ選択できるようにすること、そして1年分…

簡単なWebアプリ作成 ~無駄な会議を撲滅しよう!! ~番外編~

無駄な会議を撲滅しよう!!シリーズですが、part4を上げてから6日経過しました。 なぜこんなに時間が空いてしまったか?というと、、、 はい!!物凄~~~く、手こずっておりまりました!!(泣) そして、次回作挙げられるほどまだ完成には至っておりません(…

簡単なWebアプリ作成 ~無駄な会議を撲滅しよう!!~ part3

part2に引き続きWebアプリの作成をしていきたいと思います!! 前回までの作業は下記を参考に。 elsammit-beginnerblg.hatenablog.com今回は、サーバサイドでのDBへのデータRead/Write部分についてです。 DBですが、"役職データ"と"会議毎の情報"の2つのテー…

簡単なWebアプリ作成 ~無駄な会議を撲滅しよう!!~ part2

前回、簡単なWebアプリを作成した。 elsammit-beginnerblg.hatenablog.comが、、、やはり、、、 ・各会議時間や参加人数を保存おきたい ・後で見返せるようにしたい と思い、サーバーサイドの作成とDBへの登録を実施したので報告!! ※ソースコードは下記に格…