プログラミングを学習中の私がアウトプットするために作成したアプリ

●画像をクリックするとゲームが開始されます。

ブログ

でソースコードの解説を少ししています。

GitHub

にソースコードがあります。

アプリ一覧

可愛い動物の写真と名言を表示するアプリ

ブログ
GitHub
ゲーム画面

写真はFlickr APIから名言は名言教えるよ！から取得しています。

マラソンペース計算機

GitHub
ゲーム画面

ゴールタイムか距離を入力すると１キロのペースを表示します。

ごはん値段計算機

GitHub
ゲーム画面

ごはん一食当たりの値段とお茶碗何杯分かを計算するアプリ

楽天市場年代別ランキング

アプリ画面

楽天市場の男女別及び年代別ランキングを表示します。

色探しゲーム

GitHub
ゲーム画面

マスの中から色がひとつだけのマスを探すゲーム

ライツアウト

ブログ
GitHub
ゲーム画面

緑色に点灯したパネルをクリックすると自身と上下左右のパネルが点灯していた場合は消灯、消灯していた場合は点灯と反転します。すべてのマスを消灯させればクリアです。

大きい順に並べ替えるクイズ

ブログ
GitHub
ゲーム画面

選択肢四つの中から大きい順にクリックして答えていくクイズゲーム

ヒットアンドブロー

ブログ
GitHub
ゲーム画面

コンピュータが選んだ数字を当てるゲームです。2～6桁のモードを用意しました。

ブラウザ拡張機能

ブログ
GitHub
ゲーム画面

ブックマークを日付つきで一覧表示する拡張機能。ChromeとEdgeに対応しています。

Yahoo!ショッピングの検索キーワードランキング

ブログ
GitHub
ゲーム画面

Yahoo!ショッピングの検索キーワードランキングと売上総合ランキングを同時に表示して比較できます

簡易的な天気予報サイト

ブログ
GitHub
ゲーム画面

気象庁のJSONを用いた簡易的な天気予報サイト

三山崩し

ブログ
GitHub
ゲーム画面

三つの山から石を取り合うゲームです。一つの山から好きなだけ石を取ることが出来ますが一度に2つ以上の山から石をとることはできません。最後の石を取ったほうが勝ちです。

短期記憶ゲーム

ブログ
GitHub
ゲーム画面

数字が表示されている場所を記憶して小さい数からクリックするゲーム

シンセサイザー

ブログ
GitHub
ゲーム画面

WebAudioAPIを使用したシンプルなシンセサイザー

三目並べ

ブログ
GitHub
ゲーム画面

三目並べでコンピューターと対戦できます

三目並べ（ミニマックス法実装バージョン）

ブログ
GitHub

ミニマックス法を実装した三目並べコンピューターと対戦できます。

簡易かみなり距離測定

GitHub

雷が光ってから音が聞こえるまでの時間差から距離を計算するアプリ

2人用オセロ

ブログ
GitHub

二人用のオセロです。盤面のマスの数を３種類の中から選択できます。(4×4・6×6・8×8)

魔方陣

ブログ
GitHub

縦・横・斜め、どれを足しても同じ数にするパズル

マインスイーパー

ブログ
GitHub

縦・横のマスと爆弾の数を任意に指定できるマインスイーパ

タッチナンバーゲーム

ブログ
GitHub

数字を1から順に20までをタッチをしてタイムを競うゲーム。

石取りゲーム

ブログ
GitHub

16個の石を交互に取り合い最後の一つを取ったほうが負けです。石は一度に三つまで取れます。

連打の回数を競うゲーム

ブログ
GitHub

制限時間３秒で連打の回数を競うゲーム。

数独（ナンバープレイス）

ブログ
GitHub

数独（ナンバープレイス）全1問

楽天トラベルランキングAPI

ブログ
GitHub

APIを叩く練習の為に作成したページ

並べ替えクイズ

ブログ
GitHub

質問の指示に従って答えを並べ替えるクイズ　全4問

現在地から周辺の飲食店を表示

ブログ
GitHub

javascriptで位置情報を取得し、グルメサーチAPIを利用して周辺の飲食店を表示

植物の漢字クイズ

ブログ
GitHub

正解判定にはYahoo! JAPANが提供している日本語形態素解析APIを利用しています。

タイピングゲーム

ブログ
GitHub

シンプルなタイピングゲーム

簡易的な掲示板

ブログ
GitHub

PHPとsqliteで作成した掲示板

モグラたたき風ゲーム

ブログ
GitHub

ランダムに光るパネルをタッチするゲーム

反応速度テストゲーム

ブログ
GitHub

色が変わってからクリックまでの反応速度を計5回測定して、平均タイムを競うゲーム