masalibの日記

システム開発、運用と猫の写真ブログです

2020-01-01から1年間の記事一覧

ScreenToGifを導入してみた

ScreenToGifとは 画面動画を撮影できるソフトウェア(無料)です。 前回の記事のようなスニペットみたいな動きを見せたい場合に使用します。 masalib.hatenablog.com ブロガーなら当たり前のようにインストールしてもいいと思うほど便利なソフトウェアです。 …

Reactのvscodeのsnippetsが便利

Reactのコンポーネントを開発しているとほぼお決まりのパターンを入力しないといけません 例えばtest.jsがある場合は import React from 'react' function test() { return ( <div> </div> ) } export default test です 入力すればいいのですが、めんどくさい。という…

bit.devを使ってローディングアニメーションを追加する

前回記事で作ったプログラムなのですがデザインもくそもありません。 masalib.hatenablog.com reactのデザイン部分を共有できるサイトのbit.devを利用して 少し変えたいと思います

react graphqlでgraphqlの変数を使ってみた

前回作った内容だと https://masalib.hatenablog.com/entry/2020/11/03/013208 固定の検索結果しかとれないので通常の業務だと使えない。 graphqlサーバーにわたすクエリーを動的にしたかった。 本来だとフォームにある内容を渡すというのがいいだけど、今の…

react graphqlをやってみた

今後のトレンドになるgraphqlでのWEBアプリを作ってみたかった。業務(仕事)でやらしてくれるはずがなかった。 諦めて自分でWEBアプリを作ることにした。 いきなりはできないので、すでに立っているgraphqlサーバーを利用する事にしました。 それはgithubで…

はてなブログに「アイコンセット」の導入と運用について

以前にも書いたのですがFontAwesome5の運用方法が変わったので記載します masalib.hatenablog.com FontAwesome5とは アイコンセットになります。絵文字に近いものです。 無料版と有料版があります。有料版の方が多いのですがデザインをガチでやっているわけ…

macが壊れたけどreactの勉強がしたいので「gitpod」を使う事にした

自分用の備忘録です 経緯 環境構築の手順 1・gitpodのサンプルで動くリポジトリをfockする 2・ブラウザでワークスペースを作成するURLにアクセスする コミットおよびPUSHの方法について sourceの差分 sourceの追加(ローカル上) コミット PUSH トラブルシ…

3ヶ月ぶりに東京にいってZV-1を見に行った

正直、3ヶ月も電車に乗っていないので、浦島太郎になった気分。 千葉の僻地と銀座と比べると人が多いがいつもより少ない。 銀座といえば爆買いしている中国人が大量にいるというイメージがあったのですがそちらも 全くいなくて これが10年前ぐらいの銀座の…

DenoでJWTをやってみる(MongoDB)

Node.jsの認証はJWT(JSON Web Token)だったのでDenoも同じようにできるみたいなのでやってみる。認証用のDBはMongoDBになります。 masalib.hatenablog.com 前回のMongoDBに認証を加える形になっています。認証とデータをおこなうために毎回、MongoDBの設定を…

DenoでJWTをやってみる

Node.jsの認証はJWT(JSON Web Token)だったのでDenoも同じようにできるみたいなのでやってみる。今回はユーザー情報はハードコード(マジックナンバー)になっている。次ぐらいにはMongoDBでの認証をする。

Deno.landでREST API for MongoDb

mysqlのREST APIの仕組みを作ったので masalib.hatenablog.com 今度はMongoDbのREST APIを作りたいと思います。若干前の記事とかぶるところはあるのはご了承ください。

この痛車に乗りたい

花の慶次の痛車です。 傾いてみたいwww 街中で自分が乗っているのがバレたら (ノ´∀`*)ぷーくすくす とかされそう

Denoにdenonをいれてみた

Denoのソースを修正するたびに、プログラムを止めて起動するという事をおこなっていた。 Node.jsではnodemonというアプリケーションがあってソースを修正すると自動的に再起動してくれるツールがあった。 Denoにも自動的に再起動するツールがあるのでいれて…

Deno.landでMongoDBに接続してデータを取得する

node.jsではよくMongoDBのデータをとるサンプルをよく見たのでDenoでもMongoDBに接続して表示したいと思います

Deno.landでREST API for mysql

参考にしているyoutubeがRESTAPIを作っていたのでそちらを参考にMYSQLのRESTAPIを作りたいと思います。 RESTの処理の部分はかなり参考(ぱくり)にしている

浮気がばれた・・・

なんでだろう・・・ すぐにバレた。 違う娘の匂いがするって・・・おかしいな~結構な時間が立っているだけど だって可愛かったんだよ・・・ 猫カフェの猫が ということで猫カフェに行って浮気をしてきました。 なぜか猫どもにバレてしまい「くんくん」がし…

Deno.landで環境変数を使う

前回,MYSQLの接続のプログラムを書いたのですが、パスワードとかをソースに書くのは普通はしないです。なのでデプロイも考慮して環境変数に接続情報を記載します。参考にしたのがHerokuにアップするWEBアプリケーションだったのでコマンドベースです。ファイ…

Deno.landでmysqlに接続してデータを取得する

WEBアプリケーションと言ったら兎にも角にもmysqlでしょ!! という事でDeno.landでmysqlに接続してデータを取得したいと思います

Deno.landでhttpサーバーを立てる

Hello Worldでサーバーは立てているのですが これはちょっと違う。ということで node.jsと言ったらexpressでしょ!! expressやkoaに影響をうけたoakを使っていきます import {Application,Router} from "https://deno.land/x/oak/mod.ts"; const port = 500…

Deno.landでのファイルの読み書き

読み書きと書いてあるのですが書きからです ファイルの書き込み const encoder = new TextEncoder() const greetText = encoder.encode("Hello World\nMy Name is Masalib") await Deno.writeFile("greet.txt", greetText) ファイルに書き込むには、Deno.wri…

今流行りのDeno.landに入門してみた

フロントエンド側とバックエンド側でちょっと有名になった言語があるのですが言語と言うかシステムなのですがdenoというものがあります. コンセプトとしてはnode.jsの弱点を補った形らしいのですが私はあまり触ったことがないので入門してみたいと思いました…

今更なんだけどmysqlのデータの取得で「*」を使ってはいけないと思った

SQLでテーブルのすべてを取得するのに「*」を使う事がある。 mysql本にはパフォーマンスが下がるのでカラム指定をしましょうと書いてあった。 MySQL徹底入門 第3版 ~5.5新機能対応~作者:とみたまさひろ,鶴長鎮一,舘山聖司,遠藤俊裕,坂井恵,班石悦夫,松信嘉…

今更なんだけど・・・WordPressのデザインの勉強する事になった

マナブさんという誰でもかせげるプログラマーになれると謳っている ユーチューバーがいるのですが、その人が稼ぐなら「WordPress」がいいと言っていた。 プログラマーとしてはちょっと「WordPress」というプラットフォームにのる形で好きではなかった。 また…

ゲーム実況での字幕(テロップ)テストをしてみる

タイトル 私もゲーム実況をやってみたいと思っているのでそちらのテストを行いました。 ゲームはいつも通りのApexです 字幕はVrewいうソフトを使ってまずは入れます (このソフトは以前紹介した文字起こしで使ったソフトになります) masalib.hatenablog.com …

Spoonの初心者定期の最速のやり方

すごい前にスプーンと言うライブ配信ができるアプリを紹介したと思うのですがちょこちょこアクセスがあるのでそちらについて補足という意味で記載します masalib.hatenablog.com 「初心者定期」というものがあります これは初心者に対しての説明書をになるの…

「RTX Voice」のノイズキャンセリングを試してみた

masalib.hatenablog.com という記事を出したのですが ハードウェアの制限でインストールできなかったと記載したのですが 制限を解除する方法がわかった forest.watch.impress.co.jp 解除手順はリンク先に書いてあるのですがまさか・・・制限を解除できるとは…

memcachedに入っているデータの確認

PHP

memcachedは早くて便利なプロダクトなんですが、 いざデータをみたいとなった時にmemcached-toolのダンプしかデータを見る事ができない。 それだとデータが本当に入っているのか、意図しないデータが入っているなどありえる。 masalib.hatenablog.com 確認は…

Windows のショートカットファイルに対してキーを割り当てる

お恥ずかしいのですが知りました。 たぶんショートカットを作ることは普通の人は知っていると思うんですがショートカットキーを割り当てるということはあまりしてないのではないかなと思う。 たとば私の場合はOBSを立ち上げる事が多いので D:\Program Files\…

【無料】Snap Camaraを使ってWEB会議やゲーム実況でアピールする

先日、XSplit Vcamというソフトを購入した。 masalib.hatenablog.com このソフト以外にもカメラを加工してバージョンなカメラのソフトがあったので試してみた Snap Camaraとは 簡単にいうとスマートフォンアプリのShowです・・・ snapcamera.snapchat.com 実…

DaVinci Resolveで録音(アフレコ)

簡単に録音できるのですが、 iMovieに比べるとひと手間が必要だった。 自分用のメモとして残す。なにかの参考になれば幸いです。