プロフィール

わさび

神奈川県

プロフィール詳細

カレンダー

<< 2025/6 >>

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

検索

:

タグ

ジャンル

アクセスカウンター

  • 今日のアクセス:45
  • 昨日のアクセス:1
  • 総アクセス数:10378

QRコード

対象魚

【釣り座学】第008回 DAZYT

  • ジャンル:日記/一般
  • (DAZYT)
■はじめに
こんにちは、わさびです。
ご無沙汰しております。
相変わらず週末は雨ですね。
そして梅雨入りをしました。
安静に過ごしていたおかげか、足の具合は随分と良くなってきました。
今では、松葉杖なしで歩けるようになっています。
しかし、手術前に悪化しないようにと金属製のゴツい装具を付けているため、固定部が蒸し暑くて仕方ありません。

今回は、以前からお伝えしていたWebの計算ツールが完成したので、この場でご報告させていただきます。
本当に最低限の要素しかなくチープなものですが、ささっと使えるので是非とも試していただけると幸いです。
また、バグ等があればコメントにてご報告していただけると助かります。
 

■Webアプリ(計算ツール)について
これまでブログで紹介してきた計算を、皆様が簡単に行えるようにすることを目的として、人生初のWebアプリ作成に挑戦してみました。
簡単にですが、作成した手順を説明させていただきます。

まず初めに、HTMLを学びました。
これは、Webページの根幹となる部分です。
文字を書いたり、画像を貼ったり、テキストの入力欄を設けたり、、、まさにWebページの骨組みのようなものを作成するためのプログラミング言語?のようなものです。
基礎的なことは非常に簡単でしたが、少しひねると何もできず、結構つまづきました。
ここで挫折せずに走り切れた自分を褒めたいです。

次に、CSSを学びました。
これは、見た目をいじるためのプログラミング言語のようなものです。
具体的には、HTMLで記載した文字に対して文字サイズを変えたり、色を変えたり、余白を設けたりすることができます。
他にも簡単なアニメーションなども実現できるらしいですが、今回はちょっとしたレイアウトをいじるだけに留まりました。

次に、JavaScriptを学びました。
これは、計算などを行ったり、○○されたら△△するなどといった処理を実装するためのものです。
今回の計算ツールも、JavaScriptがなければ実現できませんでした。
具体的には、テキストボックスの数字を抜き出して、必要な計算を行い、その結果を表示することができます。
他にも無限に何でもできそうですが、今回は計算処理だけを行いました。

最後に、Webページ(Webアプリ)を公開する方法を学びました。
正直、今でも良く分かっていません、、、。
先駆者たちのブログ記事を参考に、真似をして作業しただけになります。
とは言え、公開することで皆さんが使えるようにすることが目的だったので、これ以上考えることはやめました。
あくまで手段であるため、実現できればなんでも良いのです。

本来であれば1つでも計算を行えるようになればすぐにお知らせするつもりでしたが、あまりにも内容が薄くなってしまいそうなので、完成するまで記事にはしませんでした。

素人の作った簡素なものではございますが、以下のURLからアクセスすることが可能ですので、お試しいただけると幸いです。
なお、スマホからも使用できますが、デザイン性が皆無であるため、かなり使いにくかったです。
URL:https://nimble-cuchufli-5eeef5.netlify.app/
 

■最後に
Webアプリという未知の分野を学ぶことは、良い経験になりました。
上手く進まずに苦しんだことも多々ありましたが、新しい知識と表現方法を手に入れたのは大きな武器になると思います。
釣りを通じて、まさかこんなことになるとは思いませんでした。
改めて、こういった機会を与えてくださった皆様にお礼申し上げます。

今回作ったものが、皆様のお役に立つかどうか、コメントにて教えていただけると幸いです。
是非とも、よろしくお願いいたします。

もう少し勉強して計算ツールをブラッシュアップするか、久しぶりに釣りネタを考えてみるのか、悩んでいます。
そこらへんについても、こういうことが知りたいなどのご要望があれば、誠心誠意挑戦してみたいと思っているので、コメントをお願いいたします。

最後まで読んでいただき、ありがとうございました。
引き続き、よろしくお願いいたします。

コメントを見る

わさびさんのあわせて読みたい関連釣りログ