かならずお読みください注意事項

ウェブアプリのつくりかた 6

ウェブサーバを手に入れる

WEB SERVER ?

インターネットってどうして雲なんだろう?

0 はじめに

前回までいろいろなサンプルを紹介し、やろうと思えばいくつもの外国語も話せるというところをお話しました。電話をかける助けをするサンプルも昨年作りましたが、ネットで検索するとJavaScriptを使えば他にもいろいろとできることがあるようです。関心のある方はぜひ試してみてください。

JavaScriptのこれらの機能は一般の有用性のために作られたもので、特に不自由を持つ人たちを想定して作られたわけではありません。 しかしこのように『つかいようによって役に立つ話』はとかく道具ではよくあることです。すでに存在する手段や方法(略してアルテク)を利用して想定外の問題を解決できるならばそれに越したことはありません。

さて今回は、せっかく作った自信作を他の多くの人たちにも使ってもらえるようにするにはどうしたらいいのかというお話をします。

1 アプリを作るということ

前回までいくつかのサンプルをつくる話をしました。つまるところアプリをつくるとは、特定のファイルをいくつか作ることです。それをパソコンに保存してブラウザでそれらを開くと、目的のものが表示され、動いたり、音が出たりするのです。

これはワープロで文書を作ったり、表計算ソフトでグラフや表を作ったりするのと基本的には違いはありません。きちんと守るべき基本的規則や手順を守り、そのうえで創意工夫を盛り込めば従来にない良いものができるかもしれません。何でもいいからやればいいとかやればできるというものではないことは、パソコンをお使いになっている人にはわかっていただけると思います。

ここでひとつ問題があります。上で説明したような、保存したアプリを動かすことはパソコンでできますが、スマホやタブレットでは通常できません。これはスマホやタブレットにはより強力なセキュリティ保護があるためです。このような理由で作ったアプリをスマホやタブレットで動かすには、もうひと仕事必要です。

昔から便利な道具にはこのような制限がとかくつきものです。おとなの世界ではよくありますので、くじけずに行きましょう。

さて、がんばってつくったアプリでもこのままではあなたのパソコンでした動かすことができません。個人とか家庭内とか限られた範囲で使用するならそれでもいいかもしれません。知人や友人だけが使うなら、CDや電子メールで配ってもいいでしょう。

しかしもっと多くの人たちに使ってもらおうとするなら、インターネットを利用するのがよいでしょう。手間や費用は節約できますがそのための準備は必要です。

もしあなたが、ウェブサイト(よくホームページとよばれるあれ)をすでに開設しているなら、どこかにひとつページを作ってアプリの説明とアプリへのリンクを作って公開すればそれで完了です。あとはどこかで宣伝すればいいアプリなら自然に人が集まってきます。(反対なら来ません)これは私もこのサイトで何回もやっている方法です。このやり方なら、スマホやタブレットでもパソコンと同様にアプリを動かすことができます。

またウェブアプリ試作品の動作チェックをするなら内緒の非公開のページを作り、それでテストできます。ですからウェブアプリを作るためにはウェブサイトを開設するとこれらの開発作業が楽に円滑に進めるようになります。

もしあなたの家族や友達がウェブサイトを開設しているなら、すこしだけ手助けを頼んでもいいかもしれません。しかしこれも度が過ぎると人間関係にも影響しますのでやはりご自分でなんとかするのがいいと思います。

2 ウェブサーバを手にいれる方法

みなさんがご覧になっているページは私の職場のウェブサーバから配信されています。その証拠に、ブラウザのURL欄には
https://www.toyama-reha.or.jp/techno/engineering/web-app/howtomakewebapps6.html
と表示されているはずです。これが富山県リハビリテーション病院・こども支援センターのウェブサーバのURLです。
もしかしたら
https://toyama-rt.github.io/web-app/howtomakewebapps6.html
と表示されているかもしれません。これについては後の方で説明します。

私のパソコンは許可を受けて職場のウェブサーバと接続できるように設定してあります。このパソコンで作成したウェブページのファイルを職場のウェブサーバに転送(アップロード)し、それをみなさんが閲覧できる仕組みになっています。 このように、職場や学校など所属先のウェブサーバに接続するには組織ごとにそれぞれ規則がありますのでそれに沿って申請手続きをして認められる必要があります。しかし最近は感染や情報流出の事故や事件が心配される時代ですので、それほど簡単にいくとは思えません。

このほかに自宅で個人的にウェブサーバを立ち上げているひともいますがこれも最近ではあまり聞かなくなりました。それ以外の人はほとんどレンタルサーバを利用していると思います。

5年前、当時の職場のサイトはhttp(普通セキュリティサイト)でしたが、PWA「Progressive Web Apps」の開発のために、httpsのサイト(高セキュリティサイト)が必要になりました。予算もないので無料レンタルサーバを探しました。しかし当時は無料となるといろいろ制限があり、なかでもスクリプトを動かせないというのが殆どで、実に困りました。JavaScriptが動かないではまるで意味がありません。

そんなとき偶然、GitHubが運営するGitHub Pagesが見つかりました。ここにもいくつか制限もありますが、JavaScriptが動いて、無料でしたので私には文句はありません。 英語が多くSSL暗号やgitの勉強も必要でしたがまあなんとかtoyama-rtというアカウントも取得して扱えるようになりました。GitHub Pagesは当初の目的のPWAの開発とテストが済んだあとは、このサイトのミラーサイト(そっくり同じ内容の別サイト)として利用しています。私も退職したらもう職場のウェブサーバにはアクセスできなくなりますので、この機会にその準備がこれでできました。

最近、GitHub Pagesを見直してみると、5年前と随分様子が変わっていて、いまではずいぶん改善されわかりやすくなっていました。ですからここで私の昔話をこれ以上しても若い皆さんにはご迷惑なだけですのでもうやめることにします。これをお読みのみなさんがそれぞれの事情に合わせて勉強していってください。

参考URL


2023/12/08 公開

研究企画課リハ工学科にもどる ←もくじはこちらです