JavaScript一覧

【jQuery】アニメーションモーダル【フェード、ズーム、トグル】

先日、jQueryでもモーダルウィンドウの作り方について解説をしました。そもそものモーダルの作り方がわからない方は先にこちらを読んでもらえると理解が早くなります。 今回はモーダルが現れるとき、モーダルを閉じるときにアニメーションをつけていく処...

記事を読む

【jQuery】スクロールできるモーダルウィンドウの作り方【初級編】

モーダルウィンドウの作り方を見ていきます。こだわり始めるときりがないので、今回はまず『スクロールが出来るモーダル』を作ってみます。制作途中も含めてサンプルを用意しておくのでご利用ください。 仕様を考えてみる そもそもモーダルとは? ...

記事を読む

【jQuery】要素を追加する様々な方法一覧【サンプルあり】

jQueryで要素を追加する色々な方法を見ていきます。 使い方サンプル一覧 appendとは? prependとは? appendToとは? prependToとは? beforeとは?...

記事を読む

【jQuery】resizeメゾットのイベントについて確認してみる

jQueryでレスポンシブ対応が可能になるresizeメゾットを見てみます。 resizeメゾットとは? 正方形を作ってみる レスポンシブデザインにする resizeメゾットとは? まずはresizeメゾットの文法...

記事を読む

【JavaScript】リロードボタンを作る(スーパーリロードも)

ブログ100記事超えたので心機一転でブログを更新していきます。ってことで今回はJavaScriptでのリロードボタンについて書いてみます。 ボタンは? リロードボタンを作ってみる addEventListenerでク...

記事を読む

【JavaScript】for文のループ処理とは?【簡略化】

JavaScriptを使って繰り返しの処理について見ていきます。 for文とは? for文の文法 1~10までのループを作る ループの終点を自動で追加 注意点 for文とは? 簡単...

記事を読む

【Javascript】時刻を12時間表記にしてみる【ifの使い方】

以前、JavaScriptを使って現在日時の表示についてお話ししました。 しかしデフォルトでは24時間表記になってしまうので今回は12時間表記(午前・午後)にしてみます。 if文についての初歩的な使い方なので、JavaScriptを使った簡単な...

記事を読む

【Javascript】年・月・日・時・分・秒を取り出す方法

Javascriptを使って現在日時をそれぞれ書き出してみます。 現在の時間を細かく取得 年~秒を単位ごとで取得 配列を使って曜日を取得 現在の時間を細かく取得 1行で終わるほど...

記事を読む

【Javascript】写真・画像をクリックで切り替える方法は?

Javascriptを勉強中で、確認がてらアウトプットしてみようかと思います。 今回作成するのは以下のような画像の切り替える簡単なものです。 Javascriptってなんだよって人はこちら↓をご覧ください。 サンプルを別タブで表示 ...

記事を読む

JavaScript①『なぜJavascriptは必要なの?』

HTML/CSSについてはある程度の理解が出来たのでJavaScriptについて勉強を始めました。 HTMLとCSSだけでは出来ないこと? JavaScriptは何に対してのプログラム? どこに書くの? ...

記事を読む