プログラムを作ってみよう 【やってみよう】JavaScriptでおみくじを作る
「おみくじ」プログラムを作る！腕試しとして、jQueryとJavaScriptでシンプルなプログラムを作ってみましょう初心者向けのプログラムで「おみくじ」をよく作るらしいので、やってみましょう！どう実装するか考えてみましょう。まずは要件と実...
Photogentle
プログラムを作ってみよう 
プログラムを作ってみよう 【やってみよう】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サイト制作を行うほとんどのケースでメールフォームが必要になってきます。しかし、メールフォームはサーバー側の言語を使わないと実装ができません。「メールフォーム」はメールを行うだけの簡単なものと侮...
WEBデザイン企画 ヒアリングシートで情報を集めよう
ヒアリングシートを使うサイトを作成するときにまずはヒアリングシートを作成する必要があります。以下に所要なヒアリング項目をまとめましたので参考にしてください。1. 基本情報 クライアント名：企業名、担当者の氏名、役職、連絡先など 業種・業態：...
WEB制作基礎知識 イラストレーターでSVG画像を作ろう！
SVG画像を作ろう！スマホ対応が必須となった現在の状況では綺麗に表示できるSVGを利用することが非常に有用です。今回はイラストレーターによるSVG画像の作成方法についてまとめたいと思います。今回はイラストレーターでこのような画像を作ってみま...