プログラミング初心者向けの記事
Java JSP/Servlet(郵便番号検索)
郵便番号APIを利用して、郵便番号から住所を検索するアプリを作成してみよう。
作るもの
郵便番号を入れるフォームがあるので、調べたい郵便番号を入れて送信ボタンをおす。
結果が表示される
一つの郵便番...
JavaScript Webサイト制作-(郵便番号検索)
郵便番号APIを利用して、郵便番号から住所を検索するアプリを作成してみよう。
作るもの
郵便番号を入れるフォームがあるので、調べたい郵便番号を入れて送信ボタンをおす。
結果が表示される
一つの郵便番...
JavaScript JSによるゲーム制作-(PanelPazzle 2024版)
JavaScriptでシンプルな15パズルゲームを作成！完成イメージからコーディング手順、スタイリング、シャッフル処理まで徹底解説します。初心者でもわかりやすい具体的なコード例付き。
JavaScript Webサイト制作-(カラーシュミレータ2024版)
JSを使ってカラーシミュレーターを作成してみよう。(この記事は以前に作成したものを2024年版としてリニューアルしたものです。)
作るもの
上部に色とカラーコード、下部にrgb成分を設定するスライダーと直接カラーコードを入力で...
MySQL MySQL-3日目(基礎文法2)
MySQLを基本文法の2回目だ。
MySQLを使いこなす上で必須の技数々。
以下の内容を実行を伴って行いたい人は、以下ファイルをダウンロードして。インポートし、データベースを作成した後行うとよい。
●カラム別名 AS(取得項目名をAS...
JavaScript JSによるゲーム制作-(gridバージョン)
このチュートリアルでは、JavaScriptとCSSを使って神経衰弱ゲームを作成する方法を解説。初心者にも分かりやすく、ステップバイステップで進めるハンズオン形式のガイドです。
JavaScript 午後のJS（フルーツリスト作成)
JavaScriptを使って以下の処理を作成してみよう。
仕様
実行すると以下のように表示される
フルーツの名前と価格を入れ登録ボタンを押す
下部にリストが表示され、入力欄が空になる
...
MySQL MySQL(データの中に配列があったら)
時にデータベースに挿入したいデータの中に要素数の確定しない配列のようなデータが存在する場合がある。こういったときはテーブルを複数に分けるとよい。今回はユーザーが複数の文字列を保持できるデータを想定する。
データベース作成
CR...
MySQL MySQL(初級課題)
1.新規にデータベースを作成する。データベース名はsyain_app（文字コードはutf8)
2.syain_appにテーブルを作成する。テーブル名はsyainid INT 主キー 自動連番name VARCHAR(30) NOT ...
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というサービスを利用させてい...
JavaScript bootstrap4
cssを１から書いてもよいが汎用的に使えるスタイルをまとめてくれているcssフレームワークというものが存在する。
今回はそのcssフレームワークの代表格bootstrapを使ってみよう。なおbootstrapのバージョンは４.0を使う。
...
JavaScript Ajax通信
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。
今回サーバーサイドはJavaを利用する。
●エクリプス新規動的プロジェクトからajaxlessonを作成する。
●新規...
JavaScript JSによるゲーム制作-(神経衰弱)
トランプ画像を使って神経衰弱を作ってみよう。
2023作成の最新版があります
1.まずは以下をダウンロードし、デスクトップに展開する。
2.以下のようなフォルダ構成になっている。imagesフォルダにはトランプの画...
JavaScript JSによるゲーム制作-(PanelPazzle)
パネルをスライドさせてもとの配置に戻すゲームを作成してみよう。
記事を新しくしました。こちらを参照してください。
スタート画面
スタートボタンを押すとシャッフルされる。
15パズルの要領で移動させていく、動かせるパネルを...
JavaScript Webサイト制作-(カラーシュミレータ)
JSを使ってカラーシミュレーターを作ってみよう。
この記事には2024版があります
上部に色とカラーコード、下部にrgb成分を設定するスライダーが表示されている。
スライダーを設定すると色とカラーコードが表示される。
...
JavaScript Webサイト制作-(BMIアプリの作成)
JSを使ってBMI測定アプリを作成しよう。
フォーム表示
身長と体重を入力して計測ボタンを押すと結果が表示される。
なおBMIは
体重kg/(身長m*身長m)
で求められ
判定基準は以下とする。
18.5未満 ...
JavaScript Webサイト制作-12日目(実習)
今まで学んだことをいかして、下のようなサイトを作成してみよう。
以下の仕様を満たすこと。
◯重なっているコビトカバの写真をクリックすると最前面に表示される。
◯表の偶数行に色をつける。
◯jQueryは不可
なお、...
JavaScript Webサイト制作-12日目(JS_プロトタイプ)
Javaは継承という仕組みを使ってオブジェクトを再利用するがJSはプロトタイプという仕組みを使う。ここではこのプロトタイプは一体なんぞやというところを見ていこう。
JavaScriptのプロトタイプからオブジェクト指向を学ぶ
J...