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ユーザーとしてログインして、管理者権限の乗っ取り・サーバー乗っ取りのリスクを下げます。 公開鍵の認証 …
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 …
