javascript

※Web開発

Node.jsの開発環境を用意しよう!(Windows)

この記事では、Progate上ではなく自分のパソコン上でNode.jsを実行する方法を紹介します。 この記事を読みながら実際に手を動かして、Node.jsの開発環境を構築していきましょう! ◯ 必要なもの Windows搭載のPC ◯ イン...
※Web開発

【JavaScript】要素を取得するメソッド3つ+α

よく使うのに特性をつい忘れてしまうメソッドの備忘録です。 目次 【 getElementById 】指定IDと一致する要素 【 getElementsByClassName 】指定クラスと一致する要素 getElementById と ge...
※Web開発

【webpack】slickをnpmで読み込む方法【cssも読み込む】

jQueryスライダーとして有名なslickをnpmで読み込む方法の解説です。 目次 必要な環境 早速slickを使えるようにする CSSもwebpackで読み込みたい場合 【おまけ】jQueryをどこでも使えるようにしておく まとめ 必要...
※Web開発

jQueryとは

jQueryとは jQueryはJavaScriptフレームワークの一つで、JavaScriptを書きやすくするためや、Web技術を簡単に利用できるようにサポートされたものです。jQueryの主な機能として、DOM操作、イベント操作、Aja...
※Web開発

メールを送信する方法

【PHP入門】メールを送信する方法(mail/mb_send_mail) JavaScriptメール送信!初心者向け10のステップ
※Web開発

【JavaScript】要素の取得方法(getElement、querySelector)

※Web開発

【TypeScript / JavaScript】this = “これ” ← どれ? 【備忘録】

TypeScript(JavaScript)における関数の宣言方法 各宣言方法におけるthisの扱い (前提)TypeScriptの関数の宣言方法 まずは複数ある関数の宣言方法を簡単にまとめます。 ①function構文による宣言 func...
※Web開発

【slick】カスタマイズ用オプションまとめ一覧

slickのカスタマイズ用オプションってどんなのがあるの? 今回はそんな疑問にお答えします。 スライダーを簡単に実装できるプラグインとして有名なslickですが、オプションが色々あり、かなり幅広くカスタマイズ可能です。 slickの基本的な...
※Web開発

イメージをジャンプさせるアニメーション

html でこのイメージをジャンプさせるアニメーションをつくれますか? はい、HTMLでこのイメージをジャンプさせるアニメーションを作ることができます。そのためには、以下の手順を踏む必要があります。 まず、イメージをHTMLの<img>タグ...