Javascript

javascriptについて

Javascript

【jQuery】fadeOutとslideUp

今回は、jQueryで簡単にアニメーションをつけてみようということでfadeOutとslideUpを使用しました。fadeOutとslideUpの書き方について簡単に説明させていただきます!
Javascript

【jQuery】便利なテキストボックス連動方法(keyup)

jQueryでテキストボックスの1つに文字を打ち込むと、もう1つのテキストボックスに文字が打ち込まれるというコード作りました。どこいった場面で利用できるかパットは思いつきませんが、「keyup」イベントについて理解が深められるかと思います。
CODE

【jQuery】数値判定をしよう (サンプル有り)

jQueryを独学で学習した際に、数値判定と文字の切り出しを理解するために 郵便番号を「XXX-XXXX」で打ち込まなければいけない。というサンプルコードを作ってみました!コードを見ながら数値判定と文字の切り出しについて理解をしていきましょう!
CODE

【textillate.js】文字を動かす方法

プログラミングを勉強しているなら「Hello World」という文字を一度はみたことがあるはず!これをかっこよくjsで動かしてみたいなー。と思ったので「textillate.js」というJavaScriptのライブラリーを使ってみました。今回はその「textillate.js」の使い方について説明したいと思います!
CODE

小学生からわかるプログラミング JavaScript(ES6)初級編

Toshi 「小学生からわかるプログラミング」ということで、以前は「HTML&CSS」について勉強していきました!今回は「Progate」の「JavaScript初級編」で「JavaScript」の基本を学...
Javascript

jQueryで要素を追加、変更方法

  jQueryで要素を追加する方法 今回は、jQueryを使い要素を追加してみたいと思います。 詳しくはDEMO動画をみてください! DEMO insertAfter insertBefore ...
Javascript

待機のアニメーションをanime.jsで作成してみよう!

  待機のアニメーションをanime.jsで作成してみよう! Web読み込みなどで、待機している時にアニメーションを見ることがあるかと思います。 このアニメーションはgifを使っているのですが…こんな待機アニメーションをan...
Javascript

KeyCodeを使いこなそう!KeyCode一覧

  KeyCode一覧 今回は、KeyCode一覧とkeydownイベントのDEMOプログラムを作成しました。以下がそのコードとサンプルです。本当にやりたかったことは、ある設置したButtonを押すと、ユーザー側に Control + S...
HTML

ブログにCodeをCodePenを使って載せる方法 【WordPress】

 ブログにCodeをCodePenを使って載せる方法 【Wordpress】 以前からブログにプログラミングのコードを載せてきたのですが、ユーザーがそのコードを見やすくするにはいろいろなやり方があると思います。今回は、CodePenを使っ...
スポンサーリンク
T