💻

【デプロイ完了】オリアプ開発進捗【Word Chain Image Generator】

2024/03/14に公開

デプロイ(Render)

取り急ぎのデプロイが完了しました。
https://word-chain-image-generator.onrender.com/

Renderを選択した理由

メイン機能のひとつである画像生成が未着手ですが、ひとまず ローマ字入力練習 の根幹機能である [タイピング機能][しりとり機能] は実装できたのでサクッとデプロイして自分以外の誰かに触ってもらえる状態にしようとRenderを選択しました。

エラー地獄

ところが、、、サクッとデプロイ!と言いつつ、確かにデプロイ自体は正味30分程度で終わったんですが、JavaScriptの読み込みがうまくいかず四苦八苦していました。。。
結局 トータル2時間半 ほどの時間を割きやっと正常に動作するところまで公開することができました。

エラーの事象

「JavaScriptファイルが見つからないよ!」というエラーが発生
コンソールエラー

エラー原因と解決方法

原因:
import文 の記述に問題があったようです。

修正前
import { kanaMap } from "./kana_conversion.js";

解決策:

修正後
import { kanaMap } from "kana_conversion";

補足:
前提としてRails7ではJSファイルの読み込みを Importmap 形式で行うため、importmap.rbには以下のように記述しています。

importmap.rb
# 〜省略〜
pin "kana_conversion", to: "kana_conversion.js"

この Importmap の仕組みによりkana_conversion.jsファイルを kana_conversion という名称で扱うことができる設定をしているためモジュールインポートにおいて相対パス(./)の指定や拡張子(.js)の指定が不要である。という解釈のようです。

おわりに

なにはともあれ、ひとまずデプロイが完了したので使ってみていただいてフィードバックを送ってもらえると嬉しいです。
画面右下の[フィードバックを送信]からコンタクトいただけると喜びます。
https://word-chain-image-generator.onrender.com/
Word Chain Image Generator_TopPage

Discussion