CMS（Contents Management System）では、しばしば、カテゴリーとタグという概念を使って、投稿記事を分類します。ここでは、Wordpressを例にとって、カテゴリーとタグについて説明します。 カテ […]
資料
配色の切り替え（JavaScript）
クリックイベントを使って配色を切り替える仕組みをつくります。 キーワード：イベント（click） 作成例（完成イメージ） ▼2色切替 ▼複数色切替 下記の順番で進めます。 【準備】フォルダ：javascript_chan […]
WordPressの準備（スターサーバーフリー）
アカウントの登録 ①スターサーバーフリーのサイトにアクセスし「今すぐはじめる」または「お申し込み」をクリックします。 ②スターサーバー申込フォームに遷移しますので、新規会員登録をクリックします。 ③画面の指示に従い、メー […]
デザインプロジェクトの進め方
デザインプロジェクトの進め方 「どのように作るか」から「何を作るべきか」へ 「自分がやれそうなこと」から「おもしろそうなこと」へ ※「エンジニアのためのデザイン思考入門」より デザインとは What is Design? […]
JavaScriptプラグイン（Swiper）
Swiperとは スライダーを作るためのJavaScriptプラグインです。スライダーは、複数のコンテンツを切り替える機能のことで、スライドショー、カルーセル（循環型のスライダー）とも言われます。 準備 ①「JavaSc […]
視覚情報の言語化
視覚情報の言語化 生成AIを用いて、テキストから画像を生成するためには、最終的な出力イメージ（視覚情報）を想像した上でテキストを記述する必要があります。 言語化するということ 自分が表現したいもの、伝えたいものは何かを明 […]
WordPressのバックアップ
WordPressを使う上で避けて通れないバックアップの基本について説明します。 バックアップが必要な理由 次のような理由から、Wordpressの運用にはバックアップが不可欠です。 WordPressは、データベースと […]
JavaScriptでWebページを操作する
JavaScriptでHTMLを操作する方法について確認します。 キーワード：定数, DOM , イベント HTML上でセレクタ（idやclass）を設定する JavaScriptでHTMLを操作するには、まずは操作した […]