今までに作成したwebアプリなどです。2010年くらいから２，３年JS、CSS、HTMLを勉強して頑張ってました。もう10年以上前ですね。その後はだんだんと法律関係の勉強にシフト。かなり古いものが多いですが結構動くもんですね、全て基本ホーム画面に追加して利用を想定してます。今風にいうとPWAですか、一応記録として。
土地家屋調査士試験 すきま時間で一問一答
土地家屋調査士試験の理解というより暗記系をすきま時間でやれるよう一問一答にしてみました。Blogの調査士復習シートをまとめただけですが、、、。
念願のPWAを重い腰を上げついに試してみました。Copilotに教わりながらnode.js・Vite・Vue.jsにて作成。Vue2は以前少し試しましたが現在はVue3ということでほぼゼロからみたいな感じでした。作成中はかなり戸惑いましたがやはり一つ頑張って作成すればなんとなくですが見えてくるものですね。継続しないと絶対忘れる。そしてAIチャットはとても教え方がうまく助かりました。
PWAなので一応windowsのChromeやAndroidでインストールが表示されるはずです。IOSは残念ながらいまだホーム画面に追加ですね。よかったら試してみてください。
見てみる
※ご注意※
上記アプリは自分が勉強がてら作成したものとなり、注意はしておりますが内容の正確性・動作を保証するものではありませんのでご注意ください！
割合
小5位で苦しむ割合系の問題をエンドレスに。速さ時間の単位、百分率、食塩水。下の余白部分を手書きの計算スペースにしてみました。
2020年ごろにVue.jsを試してみました。2024年現在まだVue.jsは大丈夫ですかね。ReactかVueかみたいなとこですか今。一時Angularも勉強しようとしたんですが、自分には難しかったです。
Vueも特に必要に迫られたわけでもなくなんとなく触ってみたかった感じで試したので、理解が浅くやはり難しいというかメリットが掴みづらい。規模が大きくなればきっといいことたくさんあるのでしょうが。
見てみる
漢数
小3？小4？位でやる漢数字<>数字にするやつです。あまり重要な項目ではなさそうですが子供が苦手だったため作成。backbone.Jsを使用。簡単なものでも３つも作ると大分MVC的な概念など理解ができてきました。2024年現在backboneはオワコンですかね。でもMVCの理解に役立ったはず。2018年ごろに作成。
見てみる
Ruler
小3？位でやる単位に関する練習用に作りました。 単位の基本、まずは長さ。ｍ、ｃｍ、ｍｍの理解の助けになりたくて。ボタン切替で長さの引き算のような応用問題もあります。なるべく実寸に近づけたかったため定規の長さ決め打ちしてiPad専用で作成しました。プラグインnoUiSliderを利用させていただきました。これは単純だけど意外と役に立ったんじゃないかと。2016年ごろBackbone.Js第２弾。
見てみる
Clock
小2か小3？位でやる時計の練習ように作りました。時・分・秒をそれぞれ進めたり戻したり。それによって針がどう変わるか。デジタルとセットで動くようにし理解が進むなと。あと少しゲームぽくUIもがんばって、音もでるようにしてみました。自分的にはなかなかいいかと思ったのですが子供はほぼ興味示しませんでした。2016年ごろMVCを理解したく、Backbone.Jsを使ってみたくて作りました。canvasで時計を作ったのも良い学習になりました。
見てみる
Paint!
お子様向きのらくがきアプリです。写真にらくがきしたり、保存もできます！ シンプルで使いやすいらくがきアプリです。
これ作ってるころはjavascriptが楽しかったと記憶してます。canvas使って素人でもゲームみたいのが簡単に作れるんだと。一番夢中になっていたころかなと。2013年ごろ作成。
見てみる
AnimalPuzzle
端末の傾きにより顔のパーツが動きます! 崩れた顔を元に戻すパズルゲームです。
これはなんか無理やり作った感ありますね。なんかしっかりしたものを作りたいと、フルスクラッチでフレームワークなし。まぁ微妙ながらこのコードでよく動くもんだと感心してしまいます。devicemotionとかwebAudioAPIとかスゲーと思いながら調べまくってました。一応GooglePlayには公開しましたがその後メンテすることなく今は削除。
2013年ごろ作成。
見てみる
大根
虫を倒しながらひたすら大根をフリックして刈るカジュアルゲーム。以前HerlockというWEBサービス（Monacaみたいな感じ？）で作成しましたがサービスが終了してしまったようです。で、データのバックアップもなくそのまま終了。
Google Playに公開しましたがメンテもできずいつの間にか削除されていました。いつか復活させたい。
Google Play
メモ
さっとメモをとれるシンプルメモアプリ。自分的に入れたかった機能として電卓の数値をメモに書き出せます。jQuery Mobileで作成。久々にためしたら動かなかった為jQueryMobileを最新（といっても古いですが、、）にしたところ問題なく動作してくれました。それと電卓のデザインを修正。懐かしいむかしのIOS純正風電卓からフラットな感じに。このアプリは自分でも今たまに使ってます！結構おすすめです。
見てみる
場所メモ
場所の座標とメモをとるアプリです。Google Map APIを利用してみたく作ってみました。作成当時は2012年？あたりだったので久々アクセスしたところ動きませんでしたがAPIキーを取得してちょこっと修正したら動きました！jQueryMobaile利用してます。まだ十分動きますね。当時はAPI無料で利用できたのかな？ちがうか？Googleのコンソール画面とか高機能すぎてめちゃくちゃ難しそうに感じますが、意外とコードコピペで進めていけば動いてしまうところに偉大さを感じます。
見てみる
Scratch!
スクラッチカードを作ってみました。html5canvasの特訓ですね。2012年ごろ作成しました。jQueryMobileですね。今でもちゃんと動いてくれるところがすごい！！
見てみる
蚊
蚊を倒すカジュアルゲームです。これは結構思入れあります。なんかゲームとは、みたいな。fpsとかあたり判定とかコンストラクターで敵作るみたいな。2012年ごろ作成しました。UIのアニメーションとかにjQueryのみ利用。ちょっと動作があやし方ので修正しました。
見てみる
jQT
jQTouch。めちゃくちゃ懐かしい。SenchaTouchとかありましたよね。この昔のIOSのUI流行らないかしら。エモいですよね。ちょっと修正したかったんですがドキュメントも発見できず、、、。これに関してはiPhoneのUIが作れるフレームワーク的なやつってことでなんか少しいじって感動した記憶がります。
見てみる