プログラムを作ってみよう 【やってみよう】ページ遷移アニメーション
作ったサイトにページ遷移アニメーションを追加しよう！ページ遷移のアニメーションをちょっと追加するだけでサイトがリッチになります。チャレンジしてみましょう！今回はCSSのみで実装してみます。デモページhtmlはbodyにclassをつけるだけ...
Photogentle
プログラムを作ってみよう 
プログラムを作ってみよう 【やってみよう】JavaScriptでTODOリストを作る
「TODOリスト」プログラムを作る！腕試しとして、jQueryとJavaScriptでシンプルなプログラムを作ってみましょう初心者向けのプログラムで「TODOリスト」をよく作るらしいので、やってみましょう！どう実装するか考えてみましょう。ま...
プログラムを作ってみよう 【やってみよう】JavaScriptでおみくじを作る
「おみくじ」プログラムを作る！腕試しとして、jQueryとJavaScriptでシンプルなプログラムを作ってみましょう初心者向けのプログラムで「おみくじ」をよく作るらしいので、やってみましょう！どう実装するか考えてみましょう。まずは要件と実...
プログラムを作ってみよう 【やってみよう】AOSプラグインでスクロールアニメーション
作ったサイトにスクロールアニメーションを追加しよう！サイトにスクロールアニメーションをちょっとつけるだけでもとてもリッチに見えます。ぜひ実装していきましょう！今回使用するのは「AOSプラグイン」です。このサイトで説明しなくてもいいくらいに実...
プログラムを作ってみよう 【やってみよう】JavaScriptで消費税計算機を作る
「商品の税金を計算する」プログラムを作る！腕試しとして、jQueryとJavaScriptでシンプルなプログラムを作ってみましょう税抜金額を入力したら、税込金額のアラートができるサイトを作ってくださいこのような依頼があったら、作れるでしょう...
プログラムを作ってみよう slackのスタンプジェネレータを作った
オリジナルプログラムを作るには考え方が大事jQueryとJavaScriptの基本をおぼえたら、プログラムを作ってみましょう。ここで難しいのが、オリジナルプログラム作成は「サンプルコードを写して動かす」先にはないということです。まず「これを...
プログラムを作ってみよう 【やってみよう】授業用チャイムを鳴らすWEBアプリを作る
オリジナルプログラムを作るには考え方が大事jQueryとJavaScriptの基本をおぼえたら、プログラムを作ってみましょう。ここで難しいのが、オリジナルプログラム作成は「サンプルコードを写して動かす」先にはないということです。まず「これを...
プログラムを作ってみよう 【やってみよう】ドット絵作成のプログラムを作る
オリジナルプログラムを作るには考え方が大事jQueryとJavaScriptの基本をおぼえたら、プログラムを作ってみましょう。ここで難しいのが、オリジナルプログラム作成は「サンプルコードを写して動かす」先にはないということです。まず「これを...
HTMLとCSSの基本 タグ辞典③ フォーム関連のタグ
フォーム関連タグHTMLフォームには、ユーザーからデータを入力して送信するためのさまざまなタグが用意されています。以下は、フォームに関連する主要なタグと、特に重要な <input> タグの各タイプの詳細です。<form> 概要: フォーム全...
HTMLとCSSの基本 タグ辞典② サイト構造を表すセマンティックタグ
サイト構造を表すセマンティックタグHTML5では、ページ内の役割を表すための「セマンティックタグ」が導入され、Webページの構造を明確にするために使われます。これにより、コードが読みやすくなるだけでなく、検索エンジンや支援技術（スクリーンリ...
HTMLとCSSの基本 タグ辞典① 基本のタグ
タグの基本を理解しよう！タグはこんな感じで書きます。<h1>こんにちは世界</h1>仕組みを図解すると以下のとおりです。「h1」の部分がタグの種類です。h1の他に「p」「img」「a」などがあります。タグで囲むことにより「ここは”h1”とい...
未分類 PHP工房のメールフォームを実装する
PHP工房さんのメールフォームを実装しようWEBサイト制作を行うほとんどのケースでメールフォームが必要になってきます。しかし、メールフォームはサーバー側の言語を使わないと実装ができません。「メールフォーム」はメールを行うだけの簡単なものと侮...