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

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

MENU

Go言語 ginでのpost request受信とresponse

前回お話しした通り、chatbotを用いて会社名を聞くと会社名に対する利益や住所の情報が返ってくるアプリを作ってみました。 今回はサーバーサイド側でpost requestを受け付け、responseとしてjson形式で情報を送信する方法についてまとめておこうと思います…

reactでのpost request実施方法

react nesでchatbotを作成してみました。 elsammit-beginnerblg.hatenablog.com今回はこちらのchatbotを用いて会社名を聞くと会社名に対する利益や住所の情報が返ってくるアプリを作ってみました。 その際に、会社情報を収集するためのサーバを構築の上、pos…

JetsonでのUSBケーブル挿抜検知(udev)

先日JetsonでのOTGデバイスモードへ切り替えるための方法をまとめました。 elsammit-beginnerblg.hatenablog.com 今回はUSBケーブルを挿抜検知についてまとめたいと思います。 挿抜検知のために使用するのはデバイス管理ツールudevです。udevは初めて使用し…

React nesを用いたchatbot的なアプリ 作成

先日お話ししたchatbotアプリが少し形になったので報告!! 作成できたのは、前回ご紹介したchatbotで作成したログイン画面のみですが elsammit-beginnerblg.hatenablog.com ■作成したアプリのご紹介 ■stateの配列追加 ■最後に (adsbygoogle = window.adsbyg…

setStateの非同期処理

先日ご紹介したReact nesを用いてチャットボット的なものを作成中!! elsammit-beginnerblg.hatenablog.comそこで、ReactのsetStateに対する非同期処理に躓いたので備忘録として残しておきたいと思います。 ■setStateは非同期処理 ■対処方法 ■補足 ■最後に …

Reactでnes cssを利用してみる

最近Webアプリのレイアウトについて勉強中!!そこで、こちらのような記事を見つけました。 gigazine.netReactでも試してみたいな!!と思いたち調べてみました。 こちらをまとめてみたいと思います。 ■まず始めに ■Reactでnes cssを使用するための事前準備 …

Gtk+GladeでのWidgetを重ね合わせる方法

今回はWidgetを重畳させるための方法についてまとめたいと思います。前回まででGtk + GladeでGUIの方法をまとめてました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.comどうやってWidgetを重ねて表示すればよいか分からず困っ…

ループバックマウントって結局なに?

先日、otgデバイスモードでファイル共有を行う方法をまとめました。 elsammit-beginnerblg.hatenablog.comそこでループバックマウントを実行していますが、 そもそもループバックマウントって何ぞや?? ということを書けていなかったので、ここで紹介したい…

Jetsonでのotgデバイスモードでファイル共有を行う

とうとう我が家もJetsonをお迎えしました!! Jetson nanoです!!NVIDIA Jetson Nano 開発者キット B01新品価格¥16,990から(2021/1/30 17:50時点)先ほどまでセットアップを実施していたのですが、どうやらotgデバイスモードを用いることが出来る模様。 試…

ラズパイでのソフトウェアアクセスポイントを用いたクライアントとAPモードの並列使用

前回Raspberry PiでAPモードを用いることで無線LANでの親機として用いる方法を記載いたしました。 elsammit-beginnerblg.hatenablog.comただ、もし親機として使用しながら子機のようにも扱いたいな!!と思った時に こちらの方法だと切り替えが必要になるよ…

reactでのWeb動画再生playerアプリ

今回はReactで動画再生プレイヤーアプリの作成方法についてまとめておきたいと思います!!動画再生Playerは、こちらのように動画の再生や停止、切り替えが行えるものです。 こちらのようなアプリ(サイトに近いかもしれませんが)を作成していきます。 ■事前…

ラズパイの親機設定(APモード設定)手順と子機モードへの切り替え方法について

何番煎じなんだ!!っていう感じですが、、、 ラズパイでのAPモード設定手順についてまとめておこうと思います!!以前、WIndows PCとラズパイをピアツーピアで接続してみましたが、あくまで前回の方法は WIndows PC:親機 ラズパイ:子機 の構成になります…

家事分担可視化アプリ作成!! 合わせて備忘録も

最近、友人より、、 Web系全然手を付けてなくない?どうしたの? と言われてしまいました。。。 ちょっとサボってた感じですということで、久々にWebアプリの作成です!! 家庭内で家事の分担で言い争いをすることが多いな。と思い、可視化するアプリを作成…

Go言語でのWebスクレイピング

以前、PythonでWebスクレイピングを行いました。 elsammit-beginnerblg.hatenablog.com今回はPythonではなくGo言語で実施してみたいと思います!! ■事前準備 ■go言語でのWebスクレイピング ■おまけ ■最後に ■参考 (adsbygoogle = window.adsbygoogle || [])…

python/Go言語でのPCの位置情報取得(緯度・経度取得)

今回はPCの位置情報取得についてまとめたいと思います!! 方法はPythonとgolang両方載せておこうと思います!! 在宅ワークする人と出社する人がいて、現在誰が出社してて誰が出社していないのかパッと分からないんですよね。。。 で、PCの位置情報が分かれ…

Go言語でのLINE 自動投稿方法まとめ

Twitterに引き続き、SNSへの自動投稿方法についてまとめておこうと思います。 Twitterでの自動投稿、データ収集と同様にgo言語での自動投稿方法についてまとめておこうと思います。 ■LINE Developersへの登録 ■go言語でのLINE投稿 ■おまけ ■最後に ■参考 (ad…

go言語でのTwitter画像データ収集

先日、go言語でTwitterへの自動投稿とデータを収集する方法についてまとめました。 elsammit-beginnerblg.hatenablog.com今回はTwitterに投稿されている画像を収集する方法についてまとめておこうと思います!! Twitter APIが使用できることを前提に記載し…

go言語でのTwitter自動投稿とデータ収集

今回はgo言語でTwitterへ自動投稿やデータ収集に対する方法について載せておこうと思います!!最近、ブログやSNSに自動投稿するためのAPIの使い方が知りたくて調査してきました。 今回はTwitterに対して投稿したデータの閲覧やブログへの自動投稿手段につい…

gtkmmでのキーボード入力(キーイベント検知)

GUI

前回までgtkmmについてまとめてきました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.com今回はgtkmmでキーイベントを検知し、 キーボードからの入力を可能にする方法をまとめていきます!…

go言語でのコマンドライン引数扱い

今回はgo言語でのコマンドラインの引数の使い方についてまとめていきたいと思います!!そういえば使い方が分からなかったので調べてみました。 備忘録としてまとめておきます。 ■環境 ■コマンド使用にあたり事前準備 ■型を指定しない場合 ■型を指定する場合…

gtkmmでのボタン色変更

GUI

引き続きgtkmmについて書いていきたいと思います!!今回はgtkmmでのボタン色の変更です。 前回記事に記載したGladeではボタン色の変更までできなかったので、別の方法が必要になります。 こちらの方法についてまとめていきたいと思います!! ■ボタン色の変…

gtkmmでの画像表示と動画表示

GUI

前回に引き続きgtkmmを用いたGUIアプリで開発についてです。前回はgtkmmでボタンやlabelを表示した簡単なアプリを作成しました。 elsammit-beginnerblg.hatenablog.com今回はこちらのGUIアプリに画像や動画を表示させてみたいと思います。っといっても、すで…

Linux GUI gtkmm導入とgladeとの連携

今年一発目の技術ですが、Linux GUIアプリであるgtkmmの導入手順とGladeとの連携についてまとめたいと思います!! 一発目にしては少し地味 ■gtkmmの導入 ■gtkmmでのGUI実装 ■gtkmmでのGUIアプリ動作確認 ■gladeとgtkmmの連携 ■gladeとgtkmmで連携したアプリ…

React 画面遷移用スクリプト作成

以前Reactの画面遷移方法についてまとめました。 elsammit-beginnerblg.hatenablog.com ただ、画面遷移用にファイルを複数作成したりコード書くのが結構手間だったりするんですよね。 だからって別ファイルを持ってくると余計なコードを削除したりしなければ…

2021年の抱負 今年もよろしくお願いします!!

明けましておめでとうございます!!三箇日は一旦PCや勉強から離れてのんびりと過ごしておりました。 リフレッシュは大切ですね!!ですが、、、 それも今日でおしまい。 バリバリ、アプリ作成や勉強を進めていきたいと思います。 今年も引き続き技術系のブ…

おみくじアプリ作ってみた

今年も残すところ後1日になりました。 今年はありがとうございました!!来年もよろしくお願いいたします!!今年はコロナに振り回された1年でした。。。 来年は終息し、平穏な一年になることを切に願います!!一足早いですが、おみくじアプリを作成しまし…

RaspberryPiでのUbuntu20.04 サーバー起動

今回はRapspberryPiでのUbuntu20.04を起動させるまでの手順を紹介いたします。 ■実施理由 ■環境 ■ubuntu OSダウンロード ■使ってみた感想 ■最後に ■参考 (adsbygoogle = window.adsbygoogle || []).push({}); ■実施理由 Raspberry Piに対して一般的にはRasbe…

Reactでバトル画面を作成

前回マップ画面の作成とキャラクターの操作を実施してみました。 elsammit-beginnerblg.hatenablog.com今回はバトル画面の作成を行ってみましたので、その報告です!! ※技術の備忘録は少なめ(というかほとんどない)です。 ■環境 ■完成結果 ■コード紹介 ■最…

ReactでRPGマップ作成

年末年始のお休みに入り、少し時間が出来ました。 何かReactでアプリを作りたいな?と思い、ちょっとしたRPG作成してみようかな?と思い手を動かしてみました!!基本的にjavascriptでのRPGアプリ作成についてはこちらのサイトに掲載されていたので、流用さ…

Reactでのマウス操作で画像位置変更

前回クリスマスを理由に雪を降らせたWebアプリを作成しました。 elsammit-beginnerblg.hatenablog.comこちらのWebアプリに表示させていた画像位置を簡単に変更させたいな!! 出来れば、マウス操作で位置変更できると便利そうだな!! と思い、マウス操作で…