2021-12-01から1ヶ月間の記事一覧

2021年を振り返る(エンジニア1年目)

やったこと箇条書き エンジニアに転職!Recursion初級編完了Linux Essentials取得基本情報技術者試験取得Hacktoberfestに参加→コンプリートオンライン英会話スタート→毎日継続中(週1くらいは休む)npmライブラリ(ReactのUIライブラリ)リリース!Reactの新規…

DockerでMongoDB、Mongo Expressの環境を立ち上げる(docker-compose)

DockerでMongoDB, Mongo-Express(とNode.js)の環境を立ち上げました。イメージを自作する必要がなかったので、Dockerfileは使用せず、docker-composeファイルのみ使用しました。 docker-composeファイルを用意して起動 docker-compose.yaml version: "3.8"…

【作ってみた】クリックしたらカードがめくれて質問が出てくるやつ

作った動機 ある夜、ふと「Gridを使って画面埋め尽くしたい」という欲望が湧いてきました。笑(自分でも謎)ちゃちゃっと作れそうだなと思い、作ったのがコレです。 使用技術 HTML, CSS, JavaScript(vanilla) 感想 Gridで画面埋め尽くすことができて満足です…

NoSQLとは?NoSQLデータベースの種類と特徴

NoSQLデータベースとは? 関係データベース(リレーショナルデータベース)以外のデータベースのこと。SQLは関係データベース用の言語であることから「SQL=関係データベース」と捉え、逆に「NoSQL=非リレーショナル」といった認識。※人によってNoSQLの捉え…

【React/Formik】入力時に自動送信する方法

Formikを使用しているときに、入力に合わせて自動送信させたかったので、調べて実装してみました。 方針 FormikのuseFormikContextを使用する!FormikのForm内の子コンポーネント等で呼び出すと、Formikの変数や関数を取得することができます。values, submi…

ReactSelect(AsyncSelect)でデバウンスする方法

ReactSelect、とても便利ですね!初めて使った時は感動しました。今回はReactSelectで用意されているAsyncSelectでデバウンスする方法を記しておきます。 デバウンスとは 連続して呼び出される同じ処理を制御すること。呼び出された間隔が特定の時間より短い…

【npmライブラリ作成】デモページの作り方(GitHub Pages)

方針 デモページのコードはexamplesディレクトリで管理。examples/srcには開発用のコードをまとめ、examples/publicは本番用のコードを格納する。デモページにはGithub Pagesを使用。examples/public/index.htmlを読み込ませる。 // Reactプロジェクトの例。…