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

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

MENU

html

英単語帳アプリ作ってみました

ちょっと英語も勉強して行かなきゃなと思う今日この頃。速読速聴・英単語 Core1900 ver.5 (速読速聴・英単語シリーズ)新品価格¥2,090から(2020/10/24 22:02時点)だけど、、、ただ勉強するのもな。。。と思ったので、、、 今回勉強も兼ねてReactで英単語アプ…

ポートフォリオ作成中!!

前回、作成してきたアプリを一つにまとめるホームページを作成しました!! elsammit-beginnerblg.hatenablog.com 1冊ですべて身につくHTML & CSSとWebデザイン入門講座新品価格¥2,237から(2020/10/20 23:07時点) ちょっと1ページだと寂しいなと思ったので…

今まで作ったアプリを集めたホームページ作成

今まで作成したゲームやアプリを整理したいのと、一覧で紹介したいな、と思い立ち、 紹介ページを作成してみました!! ※今回は技術紹介ではないのです。 作成はReactで行いました!! 作成したホームページはこんな感じ。 ASPではないですし、レイアウトが…

HTML & CSSとWebデザインを読んでみました

HTMLとCSSホームページ作ってみたいな!!と思っているのですが、どうもうまく作れなかったので AmazonでHTMLやCSSの参考書で1位を取っていたこちらを読んでみました!!1冊ですべて身につくHTML & CSSとWebデザイン入門講座新品価格¥2,237から(2020/10/7 …

javascriptで花火打ち上げ

暑いですね。夏ですね。 だけど今年はコロナウィルスの影響で軒並み花火大会がなくなってしまいなんだかさみしい夏になりました。。。 ここ数年は毎年近所の花火大会行っていたのですが、今年はなし。。。 このまま夏が終わってしまうのはなんだか悲しい!!…

javascriptでページを一部だけ更新する方法

突然、htmlで表示したページの一部だけ定期的に更新する方法が気になりましたww。 確かにReact使ってしまえばこんなこと簡単に出来てしまうが、そういうの使わずに実装できないかな?と思い立ちました!! さて、、、どうしたものか。。。 と思い、調べてみ…

フロントエンドフレームワーク ReactにするかVueにするか

本格的にフロントエンド開発を学びたいな!!と思っている今日この頃。 今までHTMLやjavaascriptを用いて何となく作っていた部分を、フレームワークを使ってきれいに作りたいな!!と 思い、まずはフロントエンドのフレームワークを学習することにしました!…

ポケモンレーダーチャート表示アプリ ~part2~

前回作成したアプリに機能を追加し、努力値や個体値を触れるようにしたり、ポケモンを比較できるように2種類入力欄を設けたりしてみました!! elsammit-beginnerblg.hatenablog.comこんな感じになりました!! 技術的に真新しいことは何もないけど、、、 せ…

ポケモンレーダーチャート表示アプリ

色々行ったり来たりしてしまっていますが、、、 今回は、ポケモンレーダーチャートを表示するアプリを作成しました。作成したアプリはこんな感じです。 テキストボックスにポケモンの名前を入力してClickを押すと、そのポケモンの種族値が表示されます。 第1…

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

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

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

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

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

今回はWebアプリのレイアウトを整えてみたので、その報告と備忘録です。 と言っても、デザインセンスがないのと初めてレイアウトを作成を行ったのでとてもダサいw。 世の中便利なもので、無償のテンプレートが数多く用意されていますが、"一度は自分で作って…

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

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

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

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

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

最近調べものをしていたところ、こんな記事を発見!! forest.watch.impress.co.jp"面白いツールだな"、と思った一方、"VBAだと実行ファイル必要になるよな。事前にPCに入れておくの面倒だな。会社だとセキュリティうるさいし。"と思ってしまいました。 それ…