プログラミング初心者向けの記事

JSによるゲーム制作-(神経衰弱2023ver)
トランプ画像を使って神経衰弱ゲームを作ってみよう。これは以前の記事を2023年版としてhtml,css,jsを書き直したものだ。以前はtableタグを使ってトランプを並べていたが、今回はgridを使ってトランプを配置している
...

午後のJS(フルーツリスト作成)
JavaScriptを使って以下の処理を作成してみよう。
仕様
実行すると以下のように表示される
フルーツの名前と価格を入れ登録ボタンを押す
下部にリストが表示され、入力欄が空になる
...

JSによるゲーム制作-(PanelPazzle)
おなじみの15パズルを作成してみよう。
完成イメージ
スタート画面
完成図が表示されている。このように1~15まで連続で並べられれば完成だ。
スタートボタンでスタート
スタートボタンを押すとシャッフル...

MySQL(データの中に配列があったら)
時にデータベースに挿入したいデータの中に要素数の確定しない配列のようなデータが存在する場合がある。こういったときはテーブルを複数に分けるとよい。今回はユーザーが複数の文字列を保持できるデータを想定する。
データベース作成
CR...

MySQL(初級課題)
1.新規にデータベースを作成する。データベース名はsyain_app(文字コードはutf8)
2.syain_appにテーブルを作成する。テーブル名はsyainid INT 主キー 自動連番name VARCHAR(30) NOT ...

午後のJS(九九表作成)
午後のひととき、サクッとJSで遊びましょう。
for文の練習でよく出てくる九九表に今回は見出しが付いています。
html,css,jsを使ってコーディングしてみてください。
○JS以外が書き込まれたところからやりたい人はこ...

JSONP(郵便番号APIとの連携)
前回はproxyを設置してAjaxにて通信を行った。これはAjaxからでは直接外部ドメインにアクセスできないという制約のためだ。
zipcloudはjsonp(json with padding)にも対応しているので今回はそれを利用し...

Ajax通信(郵便番号APIとの連携)
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。
郵便番号APIに接続し郵便番号を入れると住所が自動入力されるようにする。
今回はzipcloudというサービスを利用させてい...

bootstrap4
cssを1から書いてもよいが汎用的に使えるスタイルをまとめてくれているcssフレームワークというものが存在する。
今回はそのcssフレームワークの代表格bootstrapを使ってみよう。なおbootstrapのバージョンは4.0を使う。
...

Ajax通信
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。
今回サーバーサイドはJavaを利用する。
●エクリプス新規動的プロジェクトからajaxlessonを作成する。
●新規...

JSによるゲーム制作-(神経衰弱)
トランプ画像を使って神経衰弱を作ってみよう。
2023作成の最新版があります
1.まずは以下をダウンロードし、デスクトップに展開する。
2.以下のようなフォルダ構成になっている。imagesフォルダにはトランプの画...

JSによるゲーム制作-(PanelPazzle)
パネルをスライドさせてもとの配置に戻すゲームを作成してみよう。
記事を新しくしました。こちらを参照してください。
スタート画面
スタートボタンを押すとシャッフルされる。
15パズルの要領で移動させていく、動かせるパネルを...

Webサイト制作-(カラーシュミレータ)
JSを使ってカラーシミュレーターを作ってみよう。
上部に色とカラーコード、下部にrgb成分を設定するスライダーが表示されている。
スライダーを設定すると色とカラーコードが表示される。
●index.ht...

Webサイト制作-(BMIアプリの作成)
JSを使ってBMI測定アプリを作成しよう。
フォーム表示
身長と体重を入力して計測ボタンを押すと結果が表示される。
なおBMIは
体重kg/(身長m*身長m)
で求められ
判定基準は以下とする。
18.5未満 ...

Webサイト制作-12日目(JS_プロトタイプ)
Javaは継承という仕組みを使ってオブジェクトを再利用するがJSはプロトタイプという仕組みを使う。ここではこのプロトタイプは一体なんぞやというところを見ていこう。
JavaScriptのプロトタイプからオブジェクト指向を学ぶ
J...

Webサイト制作-11日目(createElement)
JSによって動的に要素を作成し追加できる。さっそくやってみよう。
ボタンがある。
押すと要素が追加される。
押すたびに要素が追加されていく。
web11フォルダを作成しその中にlesson1.htmlを以下の...

MySQL(正規化)
1.バラバラなテーブルを結合する方法は学んだので今度はそのバラバラなテーブルを作る手法を学ぼう。
まずは以下のリンクで正規化の概念を学ぶ
テーブル正規化の概要とその手順
2.このpdfも秀逸なので理解を深める
...

MySQL(基礎文法3)
1.myappデータベースの中に以下のテーブルを作成する。
2.データを挿入する(コピペで良い)
テーブル定義変更
テーブル名変更
(元にもどしておくこと。)
カラム名前変更(CHANGE old new 定義)
...

Java(switch文)
Q1.2つの整数と演算子を入力してもらい。その計算結果を表示するアプリを作成せよ。
ただし、switch文を使うこと
1つ目の整数xの値を入力してください>4
2つ目の整数yの値を入力してください>8
演算子(+,-,*...

Java(if文)
Q1.年齢と性別を入力してもらい。結婚できるかどうか判定する処理を作成せよ。
あなたの年齢を入力してください>34
あなたの性別を入力してください(0:女,1:男)>1
判定:結婚できます
Q2.以下のよ...