
ConoHa VPSにNode.js公式チュートリアルで作ったフォルダ・ファイルでHello Worldしてみる
前回、Node.jsの公式チュートリアルで作った「Hello World」を表示させるファイル・フォルダを、ローカルではなく、ConoHa VPSにデプロイして「Hello World」と表示させてみます。 ConoHa …

Conoha VPSにVSCodeのプラグイン「Remote – SSH」でSSH接続
今回は、ConoHa VPSにVSCodeでSSH接続して、フォルダやファイルをいじれるよう設定します。 実際設定してみてすごく便利になったので、ConoHa VPSを使っているなら是非設定しておきましょう。 目次Rem …

Node.js公式チュートリアルでWebサーバーの構築
前回で、ローカルのNode.js環境構築ができたので、今回はNode.js公式チュートリアルを見ながら「Webサーバーの構築」をやってみます。 前回の記事同様、周辺の知識も学びながら記事にしていった為、全体的に備忘録的な …

JavaScriptの.classList.add()でクリックすると表示が変わる申込ボタン
そんなに難しい処理をJavaScriptでさせるのではなく、クリックでclassを付け替えで表示を変えるだけの簡単な処理内容です。 是非参考にしてみてください。 目次.classList.add()クリックすると表示が変 …

JavaScriptの.hasAttribute()でalt属性のない画像にalt属性を追記
alt属性は、アクセシビリティを考慮して画像が表示されない場合に代替テキストとして表示されたり、Googleの画像検索に登録する為に必要だったりと、重要な属性です。 この記事では、JavaScriptの .hasAttr …

JavaScriptの.innerHTMLでaタグをクリックで画像をダウンロード
今回は、複数の要素にHTMLの download属性をJavaScriptで追加をして、クリックしたら画像をダウンロードできるボタンを作ってみます。 要素同士の距離が近い場合には、この記事のようなコードを書く必要はないと …

Node.jsのローカル環境構築で使うターミナルのコマンドまとめ
ターミナルに不慣れな私が、macのターミナルに色々入力していき、Node.jsの環境を構築します。 周辺の知識も学びながら記事にしていった為、全体的に前置きも長く、結果備忘録的な内容なのはご容赦ください。 目次Node. …

JavaScriptのライブラリQRious.jsで任意の文字列をQRコードで出力 [canvasとpngファイルを出力]
QRコードをWebで生成して何かに使うことはあまりありませんが、jQuery不要のネイティブなJavaScriptで簡単にQRコードを作れるライブラリがあるので、そのご紹介です。 ライブラリを中心として、カスタマイズも容 …

ConoHa VPSでインスタンス構築 〜第5章:ポートの設定とイメージ保存編〜
今回は、デフォルトでは「全て許可」のポートを指定ポートに変更し、最後に設定したサーバーの内容をまるっと保存する「イメージ保存」をします。 ConoHa VPSのスタートアップガイドの設定は、あともう少しで完了です。 目次 …

ConoHa VPSでインスタンス構築 〜第4章:一般ユーザーを追加して公開鍵認証でSSHログイン編〜
ここでは、新たなユーザーを作成し、そのユーザーがrootユーザーとしてログインできる設定を行います。迂回する形でrootユーザーとしてログインして、管理者権限の乗っ取り・サーバー乗っ取りのリスクを下げます。 公開鍵の認証 …