こんこん!狐🦊の開発記録!!

🔔 このサイトは、こんこん!狐🦊の開発記録をまとめたものです。主にWEBクライアント技術を用いたプログラムの開発において、学んだことを共有していきます!

✒️ 第01回開発環境について

今回から、数回に分けて開発環境について記述していきたいと思います。

まずは、想定しているプログラムの全体像からの話ですが、そもそもは、Windowsであれば、Visual Basic, MacであればXCodeなどを使用して作成する デスクトップアプリケーションをイメージしています。

ただ、これらのツールを取り揃えるには、少なからずコストという問題が発生します。

昨今は、WEBクライアント技術を使えば、ブラウザの中だけという限定した世界であれば、オープンソースを利用し、プログラムを作成することが可能です。

かつては、ブラウザの中のJavaScriptで作成したプログラムは、データやファイルを保存することが難しかったのですが、最近では、ドメインは縛られますが、キャッシュの中に、それらを保存することが可能となっています。

今回採用した技術も、オープンソースをベースとした、それらの技術になります。今やJavaScript, HTML, CSSでデスクトップアプリケーションに近いプログラムを実現することが可能なのです。

しかし、WEBクライアント技術といっても、たくさんの技術が存在します。 数ある技術の中で、私は、下記の点を念頭に、技術の絞り込みを行いました。

結果、私が選んだ主な技術は以下のものになります。

項目採用技術
オペレーティングシステムWindows11, MacOS, iPadOS, iOS, Android, ChromeOSなど
ブラウザGoogle Chrome, FireFox, Safariなど
開発ツールなどNode.js, Visual Studio Code
バージョン管理Git, GitHub
ファイル環境OPFS(Origin Private File System)
データベース環境Sqlite3

※ オペレーティングシステムについては、開発環境としてはWindows11、その他のOSに関してはテストでの使用にとどめています。 ※ ブラウザについては、開発環境としてEdge、その他のブラウザに関しては、テストでの使用にとどめています。 ※ WEBパーツなどは、都度プロジェクト毎に選定することにしました。

これだけで、GUIプログラムが作成できてしまうという現実に驚愕します。

この中で、明確に導入作業を行う必要があるのは、下記の3点です。

サーバーを構築することを考えると非常に簡素です。Sqlite3などは、ダウンロードするだけです。 もし、Visual Studio Code、Git、Node.jpを使用しなければ、厳密には、Windowsパソコンさえあれば、導入作業も必要なく、開発をすすめることが可能です。しかし、言い出しておいてなんですが、流石に、極論な気もします。。。

以上が、開発に必要な最小限の技術になります。