Java JSP/Servlet(郵便番号検索)
郵便番号APIを利用して、郵便番号から住所を検索するアプリを作成してみよう。作るもの郵便番号を入れるフォームがあるので、調べたい郵便番号を入れて送信ボタンをおす。結果が表示される一つの郵便番号に複数の住所が割り振られている場合がある。989...
begginer
Java 
JavaScript Webサイト制作-(郵便番号検索)
郵便番号APIを利用して、郵便番号から住所を検索するアプリを作成してみよう。作るもの郵便番号を入れるフォームがあるので、調べたい郵便番号を入れて送信ボタンをおす。結果が表示される一つの郵便番号に複数の住所が割り振られている場合がある。989...
JavaScript JSによるゲーム制作-(PanelPazzle 2024版)
JavaScriptでシンプルな15パズルゲームを作成！完成イメージからコーディング手順、スタイリング、シャッフル処理まで徹底解説します。初心者でもわかりやすい具体的なコード例付き。
JavaScript Webサイト制作-(カラーシュミレータ2024版)
HTML、CSS、JavaScriptを使ったカラーコード管理システムの作成方法を解説します。RGBスライダー、カラーコード入力、カラーコード変換処理など、実装手順を詳細に説明。
JavaScript JSによるゲーム制作-(gridバージョン)
このチュートリアルでは、JavaScriptとCSSを使って神経衰弱ゲームを作成する方法を解説。初心者にも分かりやすく、ステップバイステップで進めるハンズオン形式のガイドです。
JavaScript 午後のJS（フルーツリスト作成)
JavaScriptを使って以下の処理を作成してみよう。仕様 実行すると以下のように表示されるフルーツの名前と価格を入れ登録ボタンを押す下部にリストが表示され、入力欄が空になる続いて入力しよう。今度はばなな100円を登録するするとリストは価...
MySQL MySQL(データの中に配列があったら)
時にデータベースに挿入したいデータの中に要素数の確定しない配列のようなデータが存在する場合がある。こういったときはテーブルを複数に分けるとよい。今回はユーザーが複数の文字列を保持できるデータを想定する。データベース作成CREATE DATA...
MySQL MySQL(初級課題)
1.新規にデータベースを作成する。データベース名はsyain_app（文字コードはutf8)2.syain_appにテーブルを作成する。テーブル名はsyainid INT 主キー 自動連番name VARCHAR(30) NOT NULLg...
JavaScript 午後のJS（九九表作成)
午後のひととき、サクッとJSで遊びましょう。for文の練習でよく出てくる九九表に今回は見出しが付いています。html,css,jsを使ってコーディングしてみてください。○JS以外が書き込まれたところからやりたい人はこちら
JavaScript JSONP(郵便番号APIとの連携)
前回はproxyを設置してAjaxにて通信を行った。これはAjaxからでは直接外部ドメインにアクセスできないという制約のためだ。zipcloudはjsonp(json with padding)にも対応しているので今回はそれを利用してみる。...
JavaScript Ajax通信(郵便番号APIとの連携)
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。郵便番号APIに接続し郵便番号を入れると住所が自動入力されるようにする。今回はzipcloudというサービスを利用させていただく。zi...
JavaScript bootstrap4
cssを１から書いてもよいが汎用的に使えるスタイルをまとめてくれているcssフレームワークというものが存在する。今回はそのcssフレームワークの代表格bootstrapを使ってみよう。なおbootstrapのバージョンは４.0を使う。準備●...
JavaScript Ajax通信
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。今回サーバーサイドはJavaを利用する。●エクリプス新規動的プロジェクトからajaxlessonを作成する。●新規サーブレットからco...
JavaScript JSによるゲーム制作-(神経衰弱)
トランプ画像を使って神経衰弱を作ってみよう。2023作成の最新版があります1.まずは以下をダウンロードし、デスクトップに展開する。2.以下のようなフォルダ構成になっている。imagesフォルダにはトランプの画像が入っている。3.index....
JavaScript JSによるゲーム制作-(PanelPazzle)
パネルをスライドさせてもとの配置に戻すゲームを作成してみよう。記事を新しくしました。こちらを参照してください。スタート画面スタートボタンを押すとシャッフルされる。15パズルの要領で移動させていく、動かせるパネルをクリックすると移動する。完成...
JavaScript Webサイト制作-(カラーシュミレータ)
JSを使ってカラーシミュレーターを作ってみよう。この記事には2024版があります上部に色とカラーコード、下部にrgb成分を設定するスライダーが表示されている。スライダーを設定すると色とカラーコードが表示される。●index.html
JavaScript Webサイト制作-(BMIアプリの作成)
JSを使ってBMI測定アプリを作成しよう。フォーム表示身長と体重を入力して計測ボタンを押すと結果が表示される。なおBMIは体重kg/(身長m*身長m)で求められ判定基準は以下とする。18.5未満 低体重18.5～25未満 普通25～30未満...
JavaScript Webサイト制作-12日目(実習)
今まで学んだことをいかして、下のようなサイトを作成してみよう。以下の仕様を満たすこと。◯重なっているコビトカバの写真をクリックすると最前面に表示される。◯表の偶数行に色をつける。◯jQueryは不可なお、コビトカバの画像は下からダウンロード...
JavaScript Webサイト制作-12日目(JS_プロトタイプ)
Javaは継承という仕組みを使ってオブジェクトを再利用するがJSはプロトタイプという仕組みを使う。ここではこのプロトタイプは一体なんぞやというところを見ていこう。JavaScriptのプロトタイプからオブジェクト指向を学ぶJSではすべてのオ...
JavaScript Webサイト制作-11日目(createElement)
JSによって動的に要素を作成し追加できる。さっそくやってみよう。ボタンがある。押すと要素が追加される。押すたびに要素が追加されていく。web11フォルダを作成しその中にlesson1.htmlを以下のように作成する。●lesson1.htm...