はてなブックマークに下記のリンクがあった https://github.com/beautifulinteractions/beautiful-react-diagrams ダイアグラムを簡単に作成するための軽量のReactコンポーネント 必要になる事はたぶんないと思うが気になってみたら サンプルの画像がない・…
Google先生みたいなログイン画面が作りたかった。 それには「Material UI」を使えばいいので Material UIについて勉強しました Material UIとは GoogleのMaterialデザインをベースに開発された、UIコンポーネントライブラリです。 Google先生のサイトを使っ…
PHPとかなら楽勝だったのですが、無駄にハマったのでメモとして残す Reactはjsxとう特殊なHTMLで構成するため 単純な <br /> 記述できない なので sample=sample.replace(/\n/g,'<br>') スペースをbrのタグに変換したらHTMLエンコードされたbrタグが表示されてしまった…
一般受けはしないがエロもOKな人はオススメです www.cmoa.jp 引用の画像はこちらからです。立ち読みができるので読んでほしいです。 内容 登場人物 ざっくり分類 漫画 感想 内容 女子高生のハルが異世界にいって娼婦になったお話です。チート系は一切ない。…
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksのuseReducerについて勉強した。
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksのuseContextについて勉強した。
とあるプロジェクトでボタンを押して入力フォームを表示させるという依頼があった。 ページ遷移して入力フォームを表示させてもよかった。 その環境は珍しいbootstrapを使ってくれていた。普通の会社なら当たり前なのですが、オレオレCSSフォームがほとんど…
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksのuseRefについて勉強した。
久しぶりに環境構築したら全然動かなくて、涙目・・・ 1年前までは以下のinstallコマンドができた sudo yum install --enablerepo=mysql80-community mysql-community-server 久しぶりに実行したら下記のエラーが発生した Error: Package: mysql-community-c…
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksのuseMemoについて勉強した。
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksの基礎中の基礎は勉強したけど、その他の機能も知らないといけないと思ったので勉強しています
React Apolloでデータの取得(query)ができたので更新(Mutation)処理に挑戦してみました。 ちなみに更新(Mutation)ができれば新規追加もできると思われます(サンプルソースより)
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 今どき、Reactをやっているなら絶対に避けて通れないのが「React hooks」です。他のツールと違って公式(Facebook)が作っているの…
ReactのApolloでページネーションを構築しました。 サンプルに従ってつくったのですが メジャーバージョンアップすると使えないコールバック関数が使われていました。そのコールバック関数を使わないようにするとカーソルベースでのページネーションができま…
ScreenToGifとは 画面動画を撮影できるソフトウェア(無料)です。 前回の記事のようなスニペットみたいな動きを見せたい場合に使用します。 masalib.hatenablog.com ブロガーなら当たり前のようにインストールしてもいいと思うほど便利なソフトウェアです。 …
Reactのコンポーネントを開発しているとほぼお決まりのパターンを入力しないといけません 例えばtest.jsがある場合は import React from 'react' function test() { return ( <div> </div> ) } export default test です 入力すればいいのですが、めんどくさい。という…
前回記事で作ったプログラムなのですがデザインもくそもありません。 masalib.hatenablog.com reactのデザイン部分を共有できるサイトのbit.devを利用して 少し変えたいと思います
前回作った内容だと https://masalib.hatenablog.com/entry/2020/11/03/013208 固定の検索結果しかとれないので通常の業務だと使えない。 graphqlサーバーにわたすクエリーを動的にしたかった。 本来だとフォームにある内容を渡すというのがいいだけど、今の…
今後のトレンドになるgraphqlでのWEBアプリを作ってみたかった。業務(仕事)でやらしてくれるはずがなかった。 諦めて自分でWEBアプリを作ることにした。 いきなりはできないので、すでに立っているgraphqlサーバーを利用する事にしました。 それはgithubで…
以前にも書いたのですがFontAwesome5の運用方法が変わったので記載します masalib.hatenablog.com FontAwesome5とは アイコンセットになります。絵文字に近いものです。 無料版と有料版があります。有料版の方が多いのですがデザインをガチでやっているわけ…
自分用の備忘録です 経緯 環境構築の手順 1・gitpodのサンプルで動くリポジトリをfockする 2・ブラウザでワークスペースを作成するURLにアクセスする コミットおよびPUSHの方法について sourceの差分 sourceの追加(ローカル上) コミット PUSH トラブルシ…
正直、3ヶ月も電車に乗っていないので、浦島太郎になった気分。 千葉の僻地と銀座と比べると人が多いがいつもより少ない。 銀座といえば爆買いしている中国人が大量にいるというイメージがあったのですがそちらも 全くいなくて これが10年前ぐらいの銀座の…
Node.jsの認証はJWT(JSON Web Token)だったのでDenoも同じようにできるみたいなのでやってみる。認証用のDBはMongoDBになります。 masalib.hatenablog.com 前回のMongoDBに認証を加える形になっています。認証とデータをおこなうために毎回、MongoDBの設定を…
Node.jsの認証はJWT(JSON Web Token)だったのでDenoも同じようにできるみたいなのでやってみる。今回はユーザー情報はハードコード(マジックナンバー)になっている。次ぐらいにはMongoDBでの認証をする。
mysqlのREST APIの仕組みを作ったので masalib.hatenablog.com 今度はMongoDbのREST APIを作りたいと思います。若干前の記事とかぶるところはあるのはご了承ください。
花の慶次の痛車です。 傾いてみたいwww 街中で自分が乗っているのがバレたら (ノ´∀`*)ぷーくすくす とかされそう
Denoのソースを修正するたびに、プログラムを止めて起動するという事をおこなっていた。 Node.jsではnodemonというアプリケーションがあってソースを修正すると自動的に再起動してくれるツールがあった。 Denoにも自動的に再起動するツールがあるのでいれて…
node.jsではよくMongoDBのデータをとるサンプルをよく見たのでDenoでもMongoDBに接続して表示したいと思います
参考にしているyoutubeがRESTAPIを作っていたのでそちらを参考にMYSQLのRESTAPIを作りたいと思います。 RESTの処理の部分はかなり参考(ぱくり)にしている
なんでだろう・・・ すぐにバレた。 違う娘の匂いがするって・・・おかしいな~結構な時間が立っているだけど だって可愛かったんだよ・・・ 猫カフェの猫が ということで猫カフェに行って浮気をしてきました。 なぜか猫どもにバレてしまい「くんくん」がし…