無料で使えるGoogle Fontsに追加された「モリサワ BIZ UDフォント」4種の特徴と表示例
タイムリーな話題ではなく、4月まで遡るお話ですが「モリサワ BIZ UDフォント」がGoogle Fontsで利用可能になりました。 Google Fontで使えるようになった「モリサワ BIZ UDフォント」について、 …
JavaScriptの.toggle()で画面右下に追従するフローティングメニュー
JavaScriptの .toggle() メソッドを使って、クリックで展開・格納をするフローティングメニューを作ります。 全体的には、JavaScriptのコードで作るのではなく、動きをCSSで作っていくUIです。 是 …
JavaScriptのライブラリCompressor.jsを使ってWebページ上で画像をpngに変換・圧縮
今回は、JavaScriptのライブラリ「Compressor.js」を使って画像の変換・圧縮をしてみます。 Compressor.jsは、画像の変換・圧縮が可能で、設置も簡単なJavaScriptライブラリです。是非、 …
JavaScriptのDate().toLocaleString()で現在時刻を取得して要素に追加
JavaScriptの .addEventListener のクリックトリガーと、Date().toLocaleString() の日時取得をして、最後に指定したブロックに要素を追加します。 スニペット自体は単独で使うこ …
Node.jsのExpress＋Socket.IOを使ってチャットアプリを作る
今回は、Node.jsにExpressのフレームワークとSocket.IOのライブラリをインストールして「チャットアプリ」を作ってみます。 かなり自分への備忘録的な内容が多い記事内容ですが、是非最後までお付き合いいただけ …
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を使っているなら是非設定しておきましょう。 Remot …
Node.js公式チュートリアルでWebサーバーの構築
前回で、ローカルのNode.js環境構築ができたので、今回はNode.js公式チュートリアルを見ながら「Webサーバーの構築」をやってみます。 前回の記事同様、周辺の知識も学びながら記事にしていった為、全体的に備忘録的な …
JavaScriptの.classList.add()でクリックすると表示が変わる申込ボタン
そんなに難しい処理をJavaScriptでさせるのではなく、クリックでclassを付け替えで表示を変えるだけの簡単な処理内容です。 是非参考にしてみてください。 .classList.add() JavaScriptの …
JavaScriptの.hasAttribute()でalt属性のない画像にalt属性を追記
alt属性は、アクセシビリティを考慮して画像が表示されない場合に代替テキストとして表示されたり、Googleの画像検索に登録する為に必要だったりと、重要な属性です。 この記事では、JavaScriptの .hasAttr …
