Javascript

javascriptについて

Javascript

【jQuery】fadeOutとslideUp

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

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

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

jQueryで数値判定【サンプルで解説】

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

textillate.jsで文字を動かす方法

Toshi プログラミングを勉強しているなら「Hello World」という文字を一度はみたことがあるはず!これをかっこよくjsで動かしてみたいなー。と思ったので「textillate.js」というJavaScriptのラ...
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

anime.jsの使い方と設定方法

  anime.jsの使い方と設定方法 A Anime.jsを使ってみたので、簡単に使い方を説明していこうと思います!一番下にまとめを作るので、わかりにくかったらそこだけ参照してください!anime.jsを使うにはjQu...
Javascript

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

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

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

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

ブログ記事内にソースコードをかっこよく載せる方法!

最近ホームページのトップページの変更からWordpress講座というコンテンツを増やしてみました!その関係上記事投稿もろくにできず…こだわり始めたらキリがないですね。まだまだコンテンツ自体の枠組みも完成してなのですがネタがあったため新し...
All

WordPressのウィジェットに動きをつけるには??

最近Wordpressのウィジェットを使い始めました! その理由としては、もっとホームページを使い易く、見易くするためです。ウィジェットは色々なものを追加できるサイドバーやフッターエリアで、画像だったり検索バーだったり、月別アーカイブ、カ...
スポンサーリンク