事象 久しぶりにReactアプリをcreate-react-appで書いていると、なにやら気になるwarningがコンソールに出力されるようになりました。 その内容はこちら 簡単に書くと、従来のレガシーコンテキストが使われてるから、今は動くけど それは今後削除される予定のものだよ。 って感じの文字通り、注意でした。 ただ問題なのが、そのエラーを吐いてるのがどうやら読み込んだパッケージ側で起きている […]
はじめに ローカル環境でいろいろ作ったものをいざデプロイするときにやらなきゃいけないこと。ローカル環境構築時よりも手間が多くなるので、最初はこれだけでも多少骨が折れますよね。。 今回はフロントエンドがReact、サーバーサイドがExpress。DBはMySQL。通常別途DBサーバーも契約しますが、今回は規模が小さいアプリなので一つのサーバーで行います。これらをVPSサーバー上に公開するときの手順を […]
はじめに Reactで作るWEBサイトでソースコードを登録したり閲覧する機能を作りたかったため、AceEditorというものを使ってエディターを埋め込む処理を行いました。AceEditorはJavaScriptで使うことができますが、今回はReact用にパッケージ化されている「 react-ace 」を使って実装していきます。 パッケージのインストール react-aceのドキュメントがあるページ […]
はじめに node.js(Expressを使用)したREST APIで、画像ファイルをアップロードする場合のサンプルを紹介します。 準備 パッケージのインストール multerというパッケージをインストールします https://www.npmjs.com/package/multer 実装 画像アップロードを行うrouterの上部でmulterをインポートします Expressのルーティングの際 […]
はじめに React.jsを使ったフロントを作成していて、なにかの操作を実行する際。いきなり行うのではなく一旦確認を挟みたいときなどに便利な、モーダルウィンドウの実装方法を紹介していきます。 パッケージのインストール reactstrapというものを使いますhttps://reactstrap.github.io/ これはBootstrap4をreactのコンポーネント指向で簡単に扱うことができる […]
はじめに タイトルの通りですが、SQLで指定した文字数の文字列をSELECTする方法をメモしておきます。使いどころとしてはブログ一覧記事で、本文から抜粋して特定文字数だけSELECTしたいとき、などでしょうか。 使用するサンプルデータ テーブル名：test_table id colname 1 テキストのサンプル 指定した文字数の文字列をSELECTする方法 test_tableというテーブル内の […]
はじめに この記事は、新型コロナの影響による売り上げ低下の補助制度「持続化給付金」について、 個人事業主・フリーランスの方ではどういった条件の場合受け取ることができるのか、ポイントを押さえてわかりやすく記述していきます。 以下で記述する条件を満たしているという方は、記事最後の参考サイトをお読みになりより詳しくご確認することをお勧めします。 持続化給付金制度とは 新型コロナによる影響で売り上げが減少 […]
前書き あーなんだっけと思ったときの用に。頻繁に使う気がしなくて最初から覚える気がないコマンドに限って、忘れた頃に必要になってもどかしい思いをすることがあります。ついでに極々メジャーなのも記載します。 Linux(Debian系)コマンド一覧 ssh接続 公開鍵を指定してssh接続 SCPでファイル転送 リモートPCからローカルPCへ リモートPCからローカルPCへディレクトリごと転送 公開鍵を指 […]
UUIDとは？ こちらに書いてあります。http://e-words.jp/w/UUID.html以下から早速パッケージのインストールと生成方法を。 npmでnode-uuidをインストール 作り方
はじめに node.jsに限らず、WEBアプリ作成をする際のバリデーションはフロント側、サーバー側共に必要になってくると思います。フロント側はhtml5の機能だけでもそこそこできるし、bootstrapで見た目も簡単に良い感じに表示することができます。以下では、サーバー側でもお手軽にバリデーションを実装する方法を紹介していきます。 npmのvalidatorjsを使ってバリデーションチェックを行う […]
前書き SPAなどで使われる、アプリケーションサーバー(以下、APP側) をreactやvue.jsで実装、データ処理などはAPIサーバー(以下、API側) で行うといったアプリケーション。 フロントとバックエンドが明確に分かれているため開発効率が良いことや、APIは使いまわしが効くので、 APP側を別のプラットフォームに移すときなどはフロントだけに集中できたりといったメリットがあるので結構好きな […]
JavaScriptでjavaのMessageFormatを使う はじめに javaのMessageFormatって便利ですよね。この記事では、 javaのMessageFormatと同様のことをnode.jsでやるならどういった方法があるのか調べたので紹介していきます。 JavaScriptでやりたいこと 例えば、処理失敗時の表示。「エラーコード{0}エラー内容{1}」のように、定数化された文字 […]
はじめに Amazon RDSを利用しているユーザー向けにEメールで通知がきます。普段は重要じゃないだろうとスルーするところですが、さらっと英文を読むとこれは必ず対応する必要があることがわかったので、手順を簡単にメモしておきます。 RDSに接続している稼働中のWEBサーバーに証明書をダウンロードする DL先は以下に書いてありますので、wgetコマンドで取得してきました。https://docs.a […]
レスポンシブなwebサイト作成時に、お問い合わせフォームなど、フォーム入力欄を使用する場合が多々あると思います。そのようなフォーム入力を、iPhoneで（スマホ表示で）テストしていると、入力時にフォームが自動的に少しだけズームになってしまい、webサイトの幅が崩れてしまうという現象がありましたので、原因と対処法をメモ。 原因 フォーム要素のテキストサイズと、サイトのテキストサイズが合っていないため […]
使い方 なんてことなく、静的ページで使うとき同様cdn経由で読み込ませてあげればOK Thymeleafを使っているならsrc/main/resources/templates配下のhtmlに、ドキュメント通りにヘッダ内にcssの読み込み、bodyの終了タグ直前にjavascriptの読み込みをしてあげる。 https://getbootstrap.com/docs/4.4/getting-sta […]
ダウンロード まずはインストーラーのダウンロードPostgesのWebページに飛び、バージョンとOSを選択し、クリック インストール インストーラーを実行するとセットアップウィザードが開始されるので、それに従い進めていきます PATHの設定 インストールが完了したら、PATHを通します。 コントロールパネル→システム→システムの詳細設定→環境変数→PATH 上記に先ほどインストールしたPostgr […]
