KK_2024

KK_2024

JS まとめ#6

流れHTMLとCSSで入力フォームの見た目を整える。　 JavaScriptで入力内容の確認を行う。 送信ボタンがクリックされたときの処理を実装する。 確認画面の見た目を作成する。 確認画面に入力されたデータを表示する処理を追加する 全体のまとめ ←今回 ダウンロード入力画面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co

KK_2024

    • JS　確認画面#5 [データ取得・表示]

      流れHTMLとCSSで入力フォームの見た目を整える。　 JavaScriptで入力内容の確認を行う。 送信ボタンがクリックされたときの処理を実装する。 確認画面の見た目を作成する。 確認画面に入力されたデータを表示する処理を追加する←今回 全体のまとめ 画面 前回から引用↓こうしたいよね。 機能 ソースコードjs // URLからクエリパラメータを取得var queryString = window.location.search;var urlPar

      KK_2024

      • JS　確認画面#4 [見た目・デザイン]

        流れHTMLとCSSで入力フォームの見た目を整える。　 JavaScriptで入力内容の確認を行う。 送信ボタンがクリックされたときの処理を実装する。 確認画面の見た目を作成する。←今回 確認画面に入力されたデータを表示する処理を追加する。 全体のまとめ 画面 うん。パスワードをそのまま表示しているのはよくないね（笑） 機能 ソースコードhtml <!DOCTYPE html><html lang="en"><head> <meta charse

        KK_2024

        • JS　入力確認#2・3 [データ取得・チェック]

          流れHTMLとCSSで入力フォームの見た目を整える。　 JavaScriptで入力内容の確認を行う。←今回 送信ボタンがクリックされたときの処理を実装する。←今回 確認画面の見た目を作成する。 確認画面に入力されたデータを表示する処理を追加する。 全体のまとめ 2と3を分けたけど、めんどくさいから一緒にします。ゆるちて 注意：HTMLとCSSは前回のコードを参照してください。 画面 必須項目に入力がないとき、その箇所を表示する。 すべての必須項目に入力が

          KK_2024

        JS まとめ#6

        KK_2024

          郵便番号　入力フォーム

          作成する内容郵便番号の入力途中で候補となる住所を表示する。 ソースコード<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <h1>zipcloud住所検索</h1>

          KK_2024

          郵便番号　入力フォーム

          KK_2024

          JS　入力フォーム#1 [見た目・デザイン]

          流れHTMLとCSSで入力フォームの見た目を整える。　←今回 JavaScriptで入力内容の確認を行う。 送信ボタンがクリックされたときの処理を実装する。 確認画面の見た目を作成する。 確認画面に入力されたデータを表示する処理を追加する。 全体のまとめ 画面ソースコードHTML <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co

          KK_2024

          JS　入力フォーム#1 [見た目・デザイン]

          KK_2024

          JS カレンダー

          【index.html】 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Selectable Calendar</title> <link rel="stylesheet" href="index.css"> <script src

          KK_2024

          JS カレンダー

          KK_2024

          JS createElementの使い方

          【index.html】 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <script src="index.js" defer></script>

          KK_2024

          JS createElementの使い方

          KK_2024

          C#　イントロダクション 1/11

          C#とは？C#は、マイクロソフト社が開発したマルチパラダイム(*1)なプログラミング言語です。 　　　　　　　　C/C+＋言語　＋　Java言語　＝　C# Java言語に深く影響を受け、同時にC/C＋＋言語の流れを引き継いでいます。 アプリケーションを開発するためのフレームワーク(*2)が充実しているのも特徴です。 (*1)マルチパラダイム：プログラミング言語は完全に分類できないという手法や考え方のこと。パラダイムとは、手続き型、オブジェクト指向プログラミング、関数型プ

          KK_2024

          C#　イントロダクション 1/11

          KK_2024

          C#　フォーム　電卓アプリ　

          using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows.Forms;namespace 電卓アプリ{ public partial

          KK_2024

          C#　フォーム　電卓アプリ　

          KK_2024

          C＃　入出力全般処理とtry...catch

          1. コンソールへの入出力入力 //文字列や整数などの入力Console.ReadLine();//矢印キーやエスケープキーなどの入力Console.ReadKey().Key; 出力 //表示して改行Console.WrteLine();//表示するだけConsole.Write(); 2. ファイルの操作2.1 テキストファイル 新規作成 using System.IO; //←これ必要string filePath = @"~\~";FileStream

          KK_2024

          C＃　入出力全般処理とtry...catch

          KK_2024

          C#　コンソールの選択式メニュー

          using System;using System.Collections.Generic;using System.Linq;namespace SampleConsole{ public class Calendar { public static int DisplayMenu(string prompt, List<string> options) { int selectedIndex = 0;

          KK_2024

          C#　コンソールの選択式メニュー

          KK_2024

          C#　カレンダー・するべきリスト

          メソッドのみusing System;namespace SampleConsole{ public class Calendar { public static void Main(string[] args) { int year, month; // 年の入力 Console.WriteLine("カレンダーを表示する年と月を入力してください。");

          KK_2024

          C#　カレンダー・するべきリスト

          KK_2024

          C# オブジェクト指向プログラミングの動物を用いた簡単なサンプルコード例

          基本のクラス：Animal（動物） まずは基本となる Animal クラスを作成します。このクラスは動物が持つ共通の特性（プロパティ）と行動（メソッド）を定義します。 解説 Animalクラス：すべての動物の基本となるクラスです。動物が共通して持つ「名前」という属性と、「鳴く」という基本的な行動を定義しています。 Dogクラス：Animal クラスを継承し、特有の振る舞い（Woof!と鳴く）を実装しています。Speak メソッドは virtual で定義されているため、

          KK_2024

          C# オブジェクト指向プログラミングの動物を用いた簡単なサンプルコード例

          KK_2024

          C#　BMI計算　で基礎から学ぶ

          全体像namespace XXXX{ アクセス修飾子 class Xxx { //メンバ変数 アクセス修飾子 データ型 メンバ変数名1{get; set;} ＊1 … //コンストラクタ：クラスの外部から持ってくるもの アクセス修飾子 Xxx (データ型 引数＊2) { this.メンバ変数＊1 = 引数＊2 … }

          KK_2024

          C#　BMI計算　で基礎から学ぶ

          KK_2024

          C#　商品管理システム

          using System;using System.Collections.Generic;using System.Linq;namespace ProductManagementSystem{ class Program { static void Main(string[] args) { ProductManager manager = new ProductManager(); ma

          KK_2024

          C#　商品管理システム

          KK_2024