JavaScriptの.innerHTMLでaタグをクリックで画像をダウンロード
今回は、複数の要素にHTMLの download属性をJavaScriptで追加をして、クリックしたら画像をダウンロードできるボタンを作ってみます。 要素同士の距離が近い場合には、この記事のようなコードを書く必要はないと …
Node.jsのローカル環境構築で使うターミナルのコマンドまとめ
ターミナルに不慣れな私が、macのターミナルに色々入力していき、Node.jsの環境を構築します。 周辺の知識も学びながら記事にしていった為、全体的に前置きも長く、結果備忘録的な内容なのはご容赦ください。 Node.js …
JavaScriptのライブラリQRious.jsで任意の文字列をQRコードで出力 [canvasとpngファイルを出力]
QRコードをWebで生成して何かに使うことはあまりありませんが、jQuery不要のネイティブなJavaScriptで簡単にQRコードを作れるライブラリがあるので、そのご紹介です。 ライブラリを中心として、カスタマイズも容 …
ConoHa VPSでインスタンス構築 〜第4章：一般ユーザーを追加して公開鍵認証でSSHログイン編〜
ここでは、新たなユーザーを作成し、そのユーザーがrootユーザーとしてログインできる設定を行います。迂回する形でrootユーザーとしてログインして、管理者権限の乗っ取り・サーバー乗っ取りのリスクを下げます。 公開鍵の認証 …
ConoHa VPSでインスタンス構築 〜第5章：ポートの設定とイメージ保存編〜
今回は、デフォルトでは「全て許可」のポートを指定ポートに変更し、最後に設定したサーバーの内容をまるっと保存する「イメージ保存」をします。 ConoHa VPSのスタートアップガイドの設定は、あともう少しで完了です。 接続 …
ConoHa VPSでインスタンス構築 〜第3章：macのターミナルでSSH接続編〜
今更感がありますが、macで標準で使える「ターミナル」を使ってVPSサーバーにSSH接続します。 ターミナルで、この時点で自分が使いたいNode.jsのフレームワーク「Express」をサーバーにインストールしたり、いろ …
ConoHa VPSでインスタンス構築 〜第2章：公開鍵認証を設定してセキュリティ対策編〜
VPSサーバーの申し込みが完了したら、パスワードによるログインから、セキュリティの鍵によるログインに変更します。 以下、ConoHa VPSのスタートアップガイドの「サーバーの基本操作と、サーバーの初期設定」の中で、「公 …
ConoHa VPSでインスタンス構築 〜第1章：サーバーの申し込みと初期設定編〜
唐突ですが、バックエンドやLinuxの知識が皆無の私が、ふと「Node.js」をいじってみようと思い、VPSサーバーを使ってみます。 ちょっと無謀な感じもしますが「ググればなんとかなる」精神で、今回はVPSサーバーの C …
JavaScriptのfor文のループとcheckedでチェックボックスの全選択・全解除
設定画面やアンケートフォームなどで見かける「チェックボックス」。さまざまな用途で使うことができ、HTMLのみでも大枠できてしまうので、便利です。 今回はそんなチェックボックスで、「チェックボックスの全選択・全解除」をJa …
JavaScriptの.scrollYで背景のパララックスエフェクト
パララックスエフェクトを実装する時、JavaScriptのライブラリを使えば複雑なものも簡単に実装が可能です。 が、シンプルなものならJavaScriptのコードだけで実装が可能なので、今回はシンプルな「背景のパララック …
