※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 ① […]
WebAPIを使った地図
Web API（application programming interface）とは、web上でデータをやりとりする仕組みのことで、異なるソフトウェアやプログラムを連携することができます。 オープンソースの地図データ […]