Boost」など、さまざまなカンファレンスを企画・運営しています。BOOKS(コードジン・ブックス)は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。本稿ではJavaScript向けのwxWidget実装である「wxJavaScript」というライブラリおよびJavaScript実行環境を用いて、JavaScriptで作るちょっとしたデスクトップアプリの実装法について可能な限り多くの実装例を交えながら解説したいと思います。サポートする強力なスクリプト言語です。その利用範囲はほぼウェブ開発に限定されています。最近でこそ兄弟言語とも言えるActionScriptがAIRテクノロジの登場によってデスクトップ分野に進出しましたが、普及度から見ればまだまだですし、手軽さから見れば「本格的すぎる」印象が強く、ちょっとしたツールを書くために利用しようとは思わないことでしょう。JavaScriptの持つ手軽さを失わずにツールが書けるとしたら、それは毎日の開発をちょっとだけハッピーにしてくれることだと思いませんか?本稿ではJavaScript向けのwxWidget実装であるwxJavaScriptというライブラリおよびJavaScript実行環境を用いて、JavaScriptによるちょっとしたデスクトップアプリの実装法について可能な限り多くの実装例を交えながら解説したいと思います。SP3上で動作確認を行っています。実際にライブラリを利用する前に、下準備をしておきましょう。必要なものはwxJavaScript本体UTF-8に対応した、JavaScriptの記述に適したエディタの2つです。統合開発環境を使った開発と違い、wxJavaScriptを使った開発では、統合開発環境があらかじめ用意されているようなことはありませんので、各個人で使い慣れたエディタを選ぶ必要があります。Web開発に特化した統合開発環境に付属しているエディタを使うのも良いですが、個人的には使い慣れたコンパクトなエディタを使って開発されることをオススメします。理由は簡単で、その方がお手軽感があるからです。これだけJavaScriptが普及している反面、その記述に適したエディタというのはそう多くありません。加えて、スクリプト中で日本語を扱いたいときには、ソースコードの文字コードをUTF-8で保存する必要があります。UTF-8に対応したエディタをご用意ください。公式サイトのダウンロードページから、ソースコードを含むwxjs_src.[バージョン]パッケージか、ソースコードを含まないwxjs_win.[バージョン]パッケージのいずれかのzipファイルを入手します(執筆時点での最新版は0.9.75です)。本稿ではWindows環境での運用に便利な、ソースコードを含まないものを利用します。ファイルを入手したら、適当な場所にアーカイブを展開します。展開したアーカイブのbinフォルダ以下に必要なファイル――例えば、実行エンジンである「wxjs.exe」などが入っていますので、必要ならば環境変数のPATHにこの場所へのパスを追加しておくと良いでしょう。(なお、本稿ではC:\直下にwxjsという名前で展開したものとします。)GUIプログラムを書くに当たって、モジュールを追加する続いて、GUIプログラムを書くにあたって必要な設定を施します。wxJavaScriptはいくつかのモジュールと呼ばれるDLLにその機能を分割しており、これらは必要に応じてプログラム内で読み込むか、デフォルトで読み込むように設定してやる必要があります。本稿で扱う様々なスクリプトはほとんどがGUIライブラリを使ったスクリプトですので、逐一読み込むのは面倒なため、ここでデフォルト読み込みを行うように設定してしまいましょう。binフォルダの中のmodules.jsを開き、ファイルの末尾にリスト1を追加します。wxjs.modules.io.load();標準ではテンプレートライブラリとIOライブラリ、SQLiteライブラリの3つを読み込むようになっていますので、これ以外の機能を使うときには、GUIライブラリと同様に追加してやる必要があります。ウェブ上で使用されるJavaScriptと同様、パス区切り文字には/を使うことができます。兼ねて、最初のスクリプトを動かしてみましょう。Worldを表示するプログラムです。Worldを表示させたいと思います。world");スクリプトが書けたら、適当な場所に保存しておきます。今回は「helloworld.js」というファイル名で保存しました。本稿では、「C:\wxjs」以下に「work」というフォルダを新たに作り、その中にスクリプトを保存しているものとして解説しています。パスについては、読者の環境に合わせて読み替えてください。保存したら、コマンドプロンプトを立ち上げ、ソースコードのあるフォルダに移動し、スクリプトファイルを「wxjs.exe」の引数として与える形で実行します。wxjs.exeの引数にファイル名を与えて実行します。Worldが表示されれば成功です(図1)。図1:実行結果エラーが出た場合には、ソースコードに間違いがないかチェックしてださい。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。12:00法務担当者、6割超が今後業務で「生成AIを使用したい」と回答。12:00オルツ、日本語RAGでは軽量型LLMとして世界最高の精度と推論速度を達成した「LHTM-OPT2」をリリース新着記事一覧を見るイベント今後の予定を見るCodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。