プログラムを作ってみよう 【やってみよう】AOSプラグインでスクロールアニメーション
作ったサイトにスクロールアニメーションを追加しよう！ サイトにスクロールアニメーションをちょっとつけるだけでもとてもリッチに見えます。ぜひ実装していきましょう！ 今回使用するのは「AOSプラグイン」です。 このサイトで説明しなくてもいいくら...
Photogentle
プログラムを作ってみよう 
プログラムを作ってみよう 【やってみよう】JavaScriptで消費税計算機を作る
「商品の税金を計算する」プログラムを作る！ 腕試しとして、jQueryとJavaScriptでシンプルなプログラムを作ってみましょう 税抜金額を入力したら、税込金額のアラートができるサイトを作ってください このような依頼があったら、作れるで...
プログラムを作ってみよう slackのスタンプジェネレータを作った
オリジナルプログラムを作るには考え方が大事 jQueryとJavaScriptの基本をおぼえたら、プログラムを作ってみましょう。 ここで難しいのが、オリジナルプログラム作成は「サンプルコードを写して動かす」先にはないということです。 まず「...
プログラムを作ってみよう 【やってみよう】授業用チャイムを鳴らすWEBアプリを作る
オリジナルプログラムを作るには考え方が大事 jQueryとJavaScriptの基本をおぼえたら、プログラムを作ってみましょう。 ここで難しいのが、オリジナルプログラム作成は「サンプルコードを写して動かす」先にはないということです。 まず「...
プログラムを作ってみよう 【やってみよう】ドット絵作成のプログラムを作る
オリジナルプログラムを作るには考え方が大事 jQueryとJavaScriptの基本をおぼえたら、プログラムを作ってみましょう。 ここで難しいのが、オリジナルプログラム作成は「サンプルコードを写して動かす」先にはないということです。 まず「...
HTMLとCSSの基本 タグ辞典③ フォーム関連のタグ
フォーム関連タグ HTMLフォームには、ユーザーからデータを入力して送信するためのさまざまなタグが用意されています。以下は、フォームに関連する主要なタグと、特に重要な <input> タグの各タイプの詳細です。 <form> 概要: フォー...
HTMLとCSSの基本 タグ辞典② サイト構造を表すセマンティックタグ
サイト構造を表すセマンティックタグ HTML5では、ページ内の役割を表すための「セマンティックタグ」が導入され、Webページの構造を明確にするために使われます。これにより、コードが読みやすくなるだけでなく、検索エンジンや支援技術（スクリーン...
HTMLとCSSの基本 タグ辞典① 基本のタグ
基本のタグ まずは基礎的なタグを覚えていきましょう。 ここに載っているタグを覚えていればほとんどのサイト制作で対応可能です。 1. 見出しタグ <h1> ～ <h6> HTMLの見出しタグは、文章の見出しに使用されます。<h1>が最も重要で...
未分類 PHP工房のメールフォームを実装する
PHP工房さんのメールフォームを実装しよう WEBサイト制作を行うほとんどのケースでメールフォームが必要になってきます。 しかし、メールフォームはサーバー側の言語を使わないと実装ができません。 「メールフォーム」はメールを行うだけの簡単なも...
未分類 ヒアリングシートで情報を集めよう
ヒアリングシートを使う サイトを作成するときにまずはヒアリングシートを作成する必要があります。 以下に所要なヒアリング項目をまとめましたので参考にしてください。 1. 基本情報 クライアント名：企業名、担当者の氏名、役職、連絡先など 業種・...