サイト公開・運用 【受付終了】スターレンタルサーバー無料プランの過去手順と現在の公開先
概要スターレンタルサーバーのフリープランは2025年10月22日に新規受付を終了しました。以下は受付当時の画面を残した過去資料であり、現在の無料プラン申込手順ではありません。公式：フリープラン新規受付終了のお知らせ無料公開と有料サーバーの選...
Photogentle
サイト公開・運用 
未分類 【テキスト縁取り】テキストの周りに枠線をつける方法【簡単キレイ】
結論から言うとつぎのようにやりますHTML<h1 class="strokeBlack" style="--word:'テキストデコレーション！';">テキストデコレーション！</h1><h2 class="strokeRed" style...
イラストレーターの練習問題 ロゴの作成課題
概要キャンバスサイズ 4cm * 4cmなど（ガイドラインはA4推奨）納品形式 svgデータ作業内容新規ファイルを作成し、ロゴ・マークを作成してください。作成するロゴのテーマ例 自身の名前 フリーランスで活動することを想定した屋号 自身の所...
イラストレーターの練習問題 名刺の作成課題
概要画像サイズ 55mm×91mm納品形式 aiデータ / 文字のアウトラインをすること※アウトライン前のデータも別で保存しておくことフォント 自由に選んでください作業内容新規ファイルを作成し、自分の名刺を作成してください。掲載内容は問い...
コーディング練習問題 CSSアニメーション練習問題
概要ファイルを編集し、要素にアニメーションをつけてください。トランジション アニメーションはトランジションを使用すること ホバーしたら発動 3秒かけて背景が黒に変わる ホバーを外す時もアニメーションが動くようにするキーフレームアニメーション...
コーディング練習問題 Gridレイアウト実践問題
概要ファイルを編集し、以下のようなレイアウトを作成してください。 横並びにはグリッドレイアウトを使用すること を使っても良い目的グリッドレイアウトの使い方の基本をマスターする。データ使用ソフトVisualStudioCode答え（作業完了後...
サイト公開・運用 News-cmsの設置方法｜PHP対応サーバーでお知らせ管理【無料配布】
News-cms：導入ガイドと紹介News-cmsは、PHPを使って小規模な「お知らせ欄」を管理するための無料配布プログラムです。HTML/CSSだけを置ける無料公開サービスではPHPが動かない場合があります。ダウンロード前に、設置先でPH...
WEB制作基礎知識 Sass超入門 （さわりだけ）
Web制作でよく使われるSassについて知っておこう！CSSを作成するために言語、Sass(SCSS)があります。がっつり使っての現場も当然ありますのでまずは概要を知っておきましょう！Sassは、そのままブラウザーで読み込むのではなく、CS...
CSSレイアウトテクニック SVGArtistaの使い方
SVGデータでパスのアニメーションを実装しよう！このサイトでパスアニメーションが作成できます。やってみましょう！SVGデータを作るまずはSVGデータを作る必要があります。イラストレーターで作成してください。データの注意点として パスファイン...
CSSレイアウトテクニック youtubeとgooglemap埋め込みのレスポンシブ化
youtubeとgooglemapのスマホ対応しようスマホでうまく埋め込みの「iframe」のサイズ指定がうまくできないのはあるある！対象方法を学ぼう！なんでうまく制御できないのかな？iframeは外部サイトの埋め込みです。CSSで制御でき...
WEB制作基礎知識 PHP超入門｜初心者向けの実行環境・サンプル・公開方法
Web制作でよく使われるPHPについて知っておこう！サーバーサイドのプログラミング言語として「PHP」があります。こちらについて学んで、Web制作についてより深く理解しましょう！PHP（Hypertext Preprocessor）は、サー...
WEB制作基礎知識 GitとGitHub超入門 （さわりだけ）
Web制作でも使うよ、GitとGitHubを知っておこうバージョン管理ツールとして「Git」があります。概念が理解しにくいものなのですが、使えると大変便利なので把握してみましょう！Gitは、プログラミングやWeb制作で使用されるバージョン管...