ソフト／アプリ／サービス／ゲーム
今日は以前作った「構造図エディター」をMacなどでも使えるようにしたい，そんなお話しです。
Mac向けアプリ開発難しい問題
そもそも，大前提として，私は一切の開発の知識や，プログラミングの知識があるわけではありません。いま学部4年生世代ですが，共通テストにギリギリ情報がなかった世代です。不安なんですよね，私たちより少し下の世代はガチガチに情報勉強してるのでしょうか。
それはさておき，以前Qwenを使いつつ，最終的なUIはChatGPTに「わからさ」れて作ったWindows向けのソフトがあります。
これがスクショですね。ガジェッターの規約上，というか規約に触れていなくても，うかつにソフトは配布したくないのでここでは配布しませんが，まぁ，多くの人にとっては不要なソフトでしょう。
これは，言語学で用いられる，「構造図」なんていう図式です。詳しいことは前回の通りですが，簡単にいえば，文がどのような構造をしているか示すもの。記述言語系のSVOなんかが有名ですが，それとは違います。生成統語論ではこんな図式を使います。
まぁ，採用する理論の年代によってまちまちですが，おおむねはこんな感じです。これを，描写するソフトを作りました。ただ，これパイソンを元に作成し，exe化してソフトにしたもので，携帯やMacで使えないんですよね。まぁ，携帯でこういうことやりたい，って需要はほとんどないと思いますが，少なくともMacで使えないのは言語学分野としては致命傷です。
なので，Windows版を作った直後から，Mac版の開発も目指していました。目指していました，といってもQwenに「なんでできないの？」「やり方教えて」みたいな，人間相手ならハラスメントになるくらいのおんぶに抱っこでなんとかしようと頑張っていました。まぁ，結論から言うと無理です。Windowsのexe化って，コマンドプロンプトでゴニョゴニョっと一行書くだけで簡単なんですけど，Macはそうもいかないみたいなんです。MシリーズコアとIntel版が〜みたいなのとか色々と。難しすぎて諦めました。
妥協策：ウェブアプリを作ろう
妥協です。ウェブアプリにしちゃえば，Macでも使えます。あのYouTubeアプリとか，なんかクローム使ってるとでてくるあれです。ウェブ版なら，オンラインでないと使えない，なんて制約はありますが，まぁ，オフラインで使う需要は皆無かなぁ，と思い妥協でウェブアプリを開発始めました。
使ったのは，Qwen Coderくんです。Codex的なやつですね。Qwenくんは当然無料です。アリババさん，いつもありがとうございます。
Qwen Coderくん，Git Hubと直接接続ができるので，ウェブアプリをGit Hubに構築してもらい，Git Hub Pagesで公開しようかな，そんなふうに考えていたわけです。Codexを使ったことないので知らないんですけど，どうなんですかね，少なくともGit Hubの使い方もおぼつかない私にとっては，とても助かりました。
これで完成してめでたしめでたし，かと思いましたが，またも難航。Git Hub Pagesとうまく連携できないんですよね。というのも，よく調べなかった私が悪いのですが，Git Hub Pagesって，フロントエンドのみで動くアプリは公開できますが，バックエンドが必要なアプリは公開できないらしいです。いや，調べてはいたんです。でも，別に通信するわけじゃないし，なにかデータ送信とかもないし，関係ないかぁ，くらいに思っていたんです。
ここで私と同じ悲劇を起こさないために，下に整理しておきます。まぁ，といっても私には難しくてわかんないので，Qwenに聞いたやつです。
| 公開できるアプリ （静的ウェブアプリ） | ユーザーのブラウザ上だけで処理が完結するアプリ（HTML、CSS、JavaScriptのみで構成されたもの） React / Vue / Angular / Svelte などで作られたシングルページアプリケーション (SPA) Next.js / Nuxt などの静的エクスポート（Static Export）機能を使ったアプリ |
|---|---|
| 公開できないアプリ （動的ウェブアプリ） | 常に起動してリクエストを待つサーバー側のプログラム（バックエンド）や，データベースを必要とするアプリ Node.js (Express) / Python (Django, Flask) / Ruby on Rails / PHP などのサーバーコード MySQL / PostgreSQL などのデータベースと直接通信するアプリ |
今回の場合は，パイソンがベースなので，動的アプリに該当するのだとか。残念です。一応静的ウェブアプリなら公開できるみたいですが，それってHTMLとJavaの組み合わせ。これは...はい，Google siteの出番ですね，わざわざGit Hub Pagesを使うことはありません。
もっと妥協策：Google Siteに埋め込む
はい，以前お話しした通り，実はGoogle Siteって全面をHTMLで埋め込むことができます。テンプレートベースで作られてる方がほとんどなんですけどね。
その機能を使えば，HTMLとJava（＝「静的ウェブアプリ」）が動作する，そう言うわけです。
早速，Pythonで作ったWindows版向けを，をHTMLとJavaで再構築します。これも当然，Qwenくんです。今回はGit Hubへ接続する必要はないので，普通の方のQwen。Max 3.8，すごく性能良くないですか？3.7との違いが体感でわかるんですよね，明らかに賢さが違う感じ。
指示したプロンプトは以下の通りです。
| これを，HTMLだけでできる限り機能再現できないかな？ 〜〜以下パイソンのコードそのまま貼り付け〜〜 |
|---|
ね。簡単です。役割付与とか，まぁ，うまくすればもっと性能上がるのかもしれませんけど，これでいいので。
そうして，Qwenくんが頑張って作ってくれたのがこれです。今回はインストールが不要なので，不特定多数への配布でもないですし，公開します。
（おまけ）使い方説明
せっかく公開したので，使い方も書いておきます。もしここに統語論分野の方がいらしたら，必要な修正やアドバイス頂けたら幸いです。
名前の入力
名前を決めてください。別に送信されませんので，どんな名前でもいいです。ファイル保存の時に名前が入ります。あとウェブ版では，保存機能がないので，毎回名前を入力することになります。こんなことなら名前入力機能つけなきゃよかったかなぁ。でも「それっぽさ」が大事です。
構造図の書き方
とにかくわかりやすく，使いやすく。なので，見たままで使えるかと思いたい...。でもこういうのって，結局自分よがりというか，自分はわかっても，案外他の人に見せると...というものですよね。
ほとんどの想定される句構造規則はあらかじめプリセットとして配置しておきました。もし，変則的であったり，不足する場合は，「挿入」から選べます。
ちなみに，左右を入れ換えたい場合は，「ホーム」にある，「子の左右を交換」から反転させられます。
文字を入れる
文字の入力は，「ホーム」の「末端文字」から入力できます。日本語でも英語でも綺麗に書けるようにフォントは明朝体です。というか，これだけのためにこれを作ったまであります。日本語構造図を書くときは，やっぱり明朝体の方が好きです。
保存
作った構造図を保存する際は，「ホーム」の「保存」からできます。ウェブ版なのでダウンロードになりますね。
もちろん，Windows版と共通の拡張子なので，作ったものは両方で開けます。
画像出力
肝心の画像出力にももちろん対応しています。SVGにしてもよかったのですが，まぁ，Qwenがなんか苦戦してたので画像だけで。一番最初の方に貼ったこれ，実際にこれを使って作りました。
画像形式を見ると，3253×3995ピクセル。十分高画質ですね。
それ以外にも，Qwenにわがままをいってつけた機能はありますが，Officeのような見た目と使いやすさを目指したので，大体は見たままで使えると思います。
皆さんも，QwenなりChatGPTなりで自作のソフトウェア（？），作ってみてください。本当に何も知らなくても，こう言うのが作れるって素晴らしい時代だなぁ，と思います。
商品は例によって，紹介するものもないので，私が統語論を勉強したテキストと，あといま横にあるスープとお気に入りのジュースでも。これ美味しくて好きです。それでは。
関連商品
この記事の連載・特集リスト
いいね （3件）＆足跡 （6件）
前後の記事
関連レビュー
高田ワークス「モーニング」通勤中に書き始めた朝日記がまさかの未完だった
250ccバイクの「軽自動車届出済証」を失くし、再発行のした記録
【17916円】独り暮らしの真夏の光熱費
ガジェッターに毎日楽しくレビュー書いていたらユーザーランキング７位10000pt超えになっていた
プロフィールアイコンを自作したらガジェッター風になりすぎた！
ハードオフ公式様にオリジナルゲームを紹介していただきました！『空中ぴょんぴょん ～ジャンク倉庫編～』をぜひ遊んでください
17歳で筋肉少女帯を聴くようなやつにはなるな!! +CD取り込みが終わった報告日記
俺的ジャンカーの挑戦 ～問題集を大幅修正しました～
コメント （0件）
まだコメントはありません。最初のコメントを書いてみましょう！