JavaScriptの.focus()でフォームに最大文字数を入力するとフォーカスが移る
JavaScriptの .focus() メソッドとfor文のループで、テキストフィールドに入力していくとフォーカスが自動で移っていくスニペットを作ります。 是非、最後までご覧いただけたら嬉しいです。 目次.focus( …
無料で使える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を使っているなら是非設定しておきましょう。 目次Rem …
Node.js公式チュートリアルでWebサーバーの構築
前回で、ローカルのNode.js環境構築ができたので、今回はNode.js公式チュートリアルを見ながら「Webサーバーの構築」をやってみます。 前回の記事同様、周辺の知識も学びながら記事にしていった為、全体的に備忘録的な …
JavaScriptの.classList.add()でクリックすると表示が変わる申込ボタン
そんなに難しい処理をJavaScriptでさせるのではなく、クリックでclassを付け替えで表示を変えるだけの簡単な処理内容です。 是非参考にしてみてください。 目次.classList.add()クリックすると表示が変 …
