6
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

初心者だけどwebアプリを作りたい!

Last updated at Posted at 2017-07-13

javascriptをちょっとかじっただけのにわかでもwebアプリは作れるのか?:thinking:

ということでやってみようと思います。
作るのは某ゲームのガチャを無限に引いて遊ぶゲーム。
もちろんゲームデータへの干渉はしませんというかできません。
単純にボタンを押したらランダムにキャラの名前と自作イラスト()が表示されるだけのものです。
技術的にもjavascriptだけで実装できますね。
続々と増えていくキャラの追加についてはおいおい考えていきましょう。

## UI的なこと
1.スタート画面

2.ガチャの種類を選ぶ

3.ガチャを引く

4.結果を表示

5.3または2に戻る

という感じにしたいです。

で、スタート画面からの画面遷移はできました(ここまでもけっこうかかった)(初心者並の感想)
ここから先で問題発生。
ゲーム内で使うフォントは「ようじょフォント」にしたいと考えていました。
あの狂気じみた感じがいいんです。
ようじょフォント自体はwebフォントとしての利用は許可されているのでそちらは問題ありません。

問題はそのフォントをどこに上げるかです。
というのもここまで私はこのアプリをgasで書いていました(手を抜きたかった)(でも正直よけい手間がかかったと思っている)
ためしにGoogleDriveに上げてみましたがクロスドメインうんちゃらで怒られました。
こりゃだめだ。というかクロスドメイン問題がある以上他の直リンク可能なストレージに上げてもだめだ。

あとは無料のレンタルサーバーを借りるかですが(手慰みにお金かけたくない病気)
なんか…一昔前は乱立していた(気がする)無料レンタルサーバーも淘汰が進んでますね…

いろいろ見て回ってNetlifyを使うことにしました。
GitHubにpushすればそのままデプロイしてくれるのでアホでも使えそうです(この表現が正しいのかもわからないアホ)

しかしフォントデータをGitHubに上げるわけにはいかないので(無料アカウントだからね)ひとまずフォント以外のファイルでデプロイしたところで時間切れ。
続きは家に帰ってからです(出先でこれを書いています)

果たしてにわかは無事フォントデータをアップロードしてwebフォント導入ができるのか!!!

次回「GitHubもGUIから使ってますが何か」

その2

6
8
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?