前書き 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 […]
この記事について 前書き この記事の目的は、JavaScriptやPHPなどのスクリプト言語のWEB開発にはある程度慣れ親しんでいるが、Javaとなると同じWeb開発でも急に敷居が高く感じてしまう、そもそも知らない言葉ばかりでとっつきにくいといったJAVA未経験者に向けた記事です。 出てくる言葉を簡単に説明 とりあえず筆者がいろいろみて思ったのは、出てくるキーワードについての認識がそもそもないので […]
apache編は以前書いてあります。詳しくはこちら↓ 準備 リポジトリ追加とインストール ドメインに certbot を設定 nginxのコンフファイルに以下を追加 証明書を更新 有効期限が90日なので定期的に更新が必要です。手動で更新する場合には以下のようにnginxを一旦停止して進めます。 更新を自動化 自動化については以前の以下記事を参照してください
開発環境サーバー下などでサクッとDB作りたいとき用の手順です。※ubuntu18.04 インストール ルートユーザー設定し、ログイン sudo mysql_secure_installation sudo mysql -u root アプリからDBにアクセスできるようにユーザーを作成 バージョン5.7でパスワード設定のバリデーションに引っかかってしまう場合(かつ複雑なパスワードを回避したい場合は以 […]
はじめに node.jsを使ったwebアプリを作成しています。フロント側はReactに任せ、Expressで構築したWebAPIでサーバーサイドの処理をするといったよくある構成です。 このWebアプリ内でクレジットカードによる決済機能を追加したいと考え、いろいろ調べた結果、手数料が安く評価も高いstripeというサービスを利用してみることにしました。 以下からは、stripeのテスト環境を用いて、 […]
はじめに 以前も、VirtualBoxのゲスト OS に対しホストOS から接続する方法を残してありました。https://weblion303.net/1571/ 上記の記事ではブリッジを使った方法ですが、NATでポートフォワーディングの設定をしたほうがより簡単でしたので、以下に残しておきます。 こんなとき １．仮想マシンで立ち上げたwebサーバーにホストOSからアクセスしたい２．ゲストOSのm […]
はじめに githubなどを使わず、自前のマシンやVPS等にgitのリモートリポジトリを作る手順(Ubuntu18.04での手順です) gitのインストール リモートリポジトリを作成 任意のディレクトリを作成し、作成したディレクトリ配下で以下のコマンド projectname .gitができあがる(任意の名称をつける) リモートリポジトリからクローンしてみる 任意の場所で以下コマンド 空のリポジト […]
テストサーバーなどを特定の人にだけ公開したいときなどに参考 ①ベーシック認証 nodeのパッケージで簡単に導入することができる。nginx側でベーシック認証を設定してもいい。 ②nginxでIP制限 ベーシック認証よりもしっかり制限したい場合に。nginxのコンフファイルに以下のように設定する ③EC2のセキュリティグループで設定 GUIで設定できる一番簡単な方法。amazonEC2でサーバー構築 […]
はじめに Expressは「node.jsを使ったWEBアプリケーションの代名詞」と言えるほど簡単にWebアプリが作れる便利なフレームワーク。 この便利なフレームワークを使って「遊びで」Webアプリやサービスを作ったりしている分には困ることはまずないのですが、もう少し本格的なアプリを作るとなったときに小手先の知識じゃいけないということがわかり少しハマったので、そのときのメモとして残しておきます。 […]
はじめに Progressive Web Appsがすごいということなのでやってみました。 かつてはネイティブアプリを作る＝iPhone app ならxcodeとswiftで作る。AndroidならAndroid StudioとJAVAでそれぞれ別に作るという感じでした。 それがreactのexpo cliを使えばどちらのOSにも対応したアプリが簡単に作ることができるようになりました。少し凝ったも […]
構築経験がある方向けに最低限の手順のみ記載していきます。 今回はAWS上のubuntuを利用。一般ユーザーを作ってsshできるように先にしておく。 準備 一般ユーザーの作成 ルートユーザーでsshし、一般ユーザー「master」を作成 sudo権限を付与するためにvisudoコマンド以下を追記 ローカル環境でteratermなどのSSH鍵生成などを使って公開鍵と秘密鍵を作成し、作成したユーザーでロ […]
