クリックイベントを使って、文字を書き換えたり、配色を切り替える仕組みをつくります。 キーワード：イベント（click）、条件分岐（if/else） 作成例（完成イメージ） ▼2色切替 ▼複数色切替 下記の順番で進めます。 […]
WordPressの準備（スターサーバーフリー）
※2024年12月19日をもって、スターサーバーフリーは新規受付を終了しました（2025年3月31日サービス終了）。後継の「スターレンタルサーバー」などを使ってください。 アカウントの登録 ①スターサーバーフリーのサイト […]
デザインプロジェクトの進め方
デザインプロジェクトの進め方 「どのように作るか」から「何を作るべきか」へ 「自分がやれそうなこと」から「おもしろそうなこと」へ ※「エンジニアのためのデザイン思考入門」より デザインとは What is Design? […]
JavaScriptプラグイン（Swiper）
Swiperとは スライダーを作るためのJavaScriptプラグインです。スライダーは、複数のコンテンツを切り替える機能のことで、スライドショー、カルーセル（循環型のスライダー）とも言われます。 準備 ①「JavaSc […]
視覚情報の言語化
視覚情報の言語化 生成AIを用いて、テキストから画像を生成するためには、最終的な出力イメージ（視覚情報）を想像した上でテキストを記述する必要があります。 言語化するということ 自分が表現したいもの、伝えたいものは何かを明 […]
WordPressのバックアップ
WordPressを使う上で避けて通れないバックアップの基本について説明します。 バックアップが必要な理由 次のような理由から、Wordpressの運用にはバックアップが不可欠です。 WordPressは、データベースと […]
JavaScriptでWebページを操作する
JavaScriptでHTMLを操作する方法について確認します。 キーワード：定数, DOM , イベント HTML上でセレクタ（idやclass）を設定する JavaScriptでHTMLを操作するには、まずは操作した […]
ハンバーガーメニュー（JavaScript）
ボタンで開閉するハンバーガーメニューを作成します キーワード：DOM, イベント（click）, WebAnimationsAPI 作成例（完成イメージ） 【準備】フォルダ：javascript_navigation ① […]