WordPressを使う上で避けて通れないバックアップの基本について説明します。 バックアップが必要な理由 次のような理由から、Wordpressの運用にはバックアップが不可欠です。 WordPressは、データベースと […]
JavaScriptでWebページを操作する
JavaScriptでHTMLを操作する方法について確認します。 キーワード：定数, DOM , イベント HTML上でセレクタ（idやclass）を設定する JavaScriptでHTMLを操作するには、まずは操作した […]
ハンバーガーメニュー（JavaScript）
ボタンで開閉するハンバーガーメニューを作成します キーワード：DOM, イベント（click）, WebAnimationsAPI 作成例（完成イメージ） 【準備】フォルダ：javascript_navigation ① […]
WebAPIを使った地図
Web API（application programming interface）とは、web上でデータをやりとりする仕組みのことで、異なるソフトウェアやプログラムを連携することができます。 オープンソースの地図データ […]
スクロールアニメーション（JavaScript）
JavaScriptのIntersection Observer APIと、Web Animations APIを組み合わせて、スクロールによって反応するアニメーション効果を加えます。 キーワード：Intersectio […]
ギャラリー + アニメーション（JavaScript）
Web Animations APIと、for文を使った繰り返し処理で、画像ギャラリーの表示にアニメーション効果を加えます。 キーワード：配列、繰り返し（for）、Web Animations API 作成例（完成イメー […]
テキスト + アニメーション（JavaScript）
JavaScriptのWeb Animations APIという機能を使い、テキストの表示にアニメーション効果を加えます。 キーワード：Web Animations API 作成例（完成イメージ） 【準備】フォルダ：ja […]
ギャラリー（JavaScript）
繰り返しの処理を使って、クリック（タップ）やマウスオーバーで画像を切り替える、ギャラリーを作成します。 キーワード：配列、繰り返し（forEach） 作成例（完成イメージ） 下記の順番で進めます。 【準備】フォルダ：ja […]