はじめに 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鍵生成などを使って公開鍵と秘密鍵を作成し、作成したユーザーでロ […]
はじめに AWSって敷居が高そうなのと、急に無料枠飛び越して請求きたら怖いなと思って で触っていませんでしたが、ようやくやってみました。 まずVPSとの違いについても把握しておく必要があると思いますが、基本的には似たような感じの役割で使えると思っておけばいいのかな(ゆるゆる) 以下のページでわかりやすく説明していたので、違いをはっきりさせなきゃ気持ち悪いという方は読んでみるといいかも。https: […]
例えばこんなとき フォームの二重送信（または多重送信） ユーザーがフォームになにかしらのデータを入力し、送信。送信完了ページでブラウザの再読み込みをすると、直前のPOSTが再び実行されてしまう。 または、なにかしらのミスや、電波が悪い状況下で送信ボタンを連打してしまった場合など。 ブラウザバックによる操作 ブラウザ操作で前の画面に戻る操作を禁止したいとき（スマホなどで特に多い） 対策 送信完了ペー […]
はじめに とあるサーバーに対して固定IPでアクセスする必要があったので、株式会社インターリンク様のマイIPというサービスを利用したVPNの設定を残していきます。 この記事では、事前にVPS、VPN、PPTP、グローバルIPなどといった用語について事前に調べておくと、スムーズに理解し設定できるかと思います。 インターリンク様のページはこちらhttps://www.interlink.or.jp/ マ […]
はじめに ConoHaのVPSを使えば独自ドメイン対応のメールアドレスを簡単に作ることができるようでしたので、試してみました。設定方法は公式に丁寧に記載されているので、ここでは最低限の手順のみ完結に残しておこうと思います。 サーバーを追加する ConoHaのコンパネにログインし、以下の項目を入力し、新規にメールサーバーを追加する ドメインを設定する サーバーリストから追加したメールサーバーのネーム […]
ベーシック認証をかけるための方法。認証のパッケージ（basic-auth）をnpmでインストールし、少量のコードを追記するだけでサクッとできました。 basic-authパッケージをインストール ベーシック認証用のjsファイルを作成する basic-auth.js app.jsで読み込む 以下の２行を追記します
こんなとき VirtualBoxでUbuntuの仮想マシンを作ったはいいが、画面が小さい。大きくしても荒くなるだけ。ホストマシンの解像度に合わせた解像度を使えるようにする方法 GuestAdditions CDイメージの挿入 以下の記事で書いた GuestAdditions CDイメージの挿入を実行することで解像度も解消するのだが、この作業自体が失敗してしまうときの方法を残しておきます。 初期起動 […]
この記事の目的 静的htmlのように普通に画像ディレクトリのあるパスを指定しても表示されなかった。expressを使ってpugなどで画像パスを指定するときはまず画像があるディレクトリを読み込んであげる必要があった。 追加するコード 上記をトップのファイル(app.js)などに追記することで、この場合publicディレクトリが読み込めるようになる。 pugでの指定方法は以下のようにする
